网页设计与制作的步骤

1、选修课作业，！！网页设计与制作详细步骤，加两张图片，好心人发过来好不好！

大设计师论坛有个专门分享学生网页作业毕业设计的板块，可以去找找看。

2、《 网页设计与制作》作业:设计制作一个小型网站

主题：大小适中、内容健康、思想积极向上、具有时代气息。题材：不限，但网站提供的信息应与网站主题相符合。网站色调：站点统一，简洁大方，不能过于花哨。网站规模：站点结构完整，各级页面数量适量（5-10个子页面为适中）。加分项目：特色美工技巧或网页特效、ＷＡＰ、ＲＳＳ、ＦＬＡＳＨ、３Ｄ等。提交格式：1、设计策划书（doc文件）：说明设计理念、设计流程、设计技巧、设计结构图等，要求排版规范。2、注明所使用的网页制作工具。3、不必交原创模版源图png/psd等原文件，只需附上效果图（jpg或gif格式）。4、网站须压缩打包（可压缩为RAR格式）。5、整个网站大小须控制在2M以内。6、确保提交的网页无病毒。7、严禁抄袭！步骤参考：1、根据个人网站的性质与任务，进行栏目的策划，并为自己的网站取一个名字。2、进行网站结构的规划，确定网站的层次数，画出网站的结构框图。3、根据栏目设计，收集有关材料。4、将收集的材料，按栏目进行分类。5、对收集的材料进行提炼加工，以符合自己的需要。6、上网浏览不同网站的内容和风格，根据你的优势或喜好确定个人网站网页的设计风格。（1）要求设计网站的标志；（2）采用互补色，同类色，邻近色以及一些颜色的明暗变化，完成页面的色彩搭配以及页面的布局。（3）确立每个页面之间的链接和整体导航的统一。7、具体设计时，可以参考某个优秀的网站进行页面的设计或者完全自己设计。其步骤如下：（1）观察所选择参考网站的特点，并进行有效的改造。（2）在草图上仔细推敲各层页面。（3）在图像处理软件中，完成各级页面效果的实现。8、进行各级页面的设计，同时考虑与所需制作软件的结合。

3、《 网页设计与制作》作业要求 设计制作一个小型网站 急求！！

老哥，还有没有备份？急用

4、网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

(4)网页设计与制作的步骤扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

5、创建网页的步骤

1)首先你要注册一个域名(例如:www.***.com),现在也有免费的二级域名可以申请,到百度搜索一下:免费的二级域名申请,可以找到. (2)你得去申请一个空间(就是你放网页的地方),同样有免费申请的(有WEB和FTP两种上传方式),但是一般免费空间都会在你申请的空间里放他们的广告的,挺烦人的.空间分为:静态空间和动态空间,静态的是只支持html格式的网页,动态的几乎所有的文件格式都可以支持.但是静态的比较不容易受到黑客的攻击,就是编辑时麻烦点. (3)申请完空间就会获得相应的IP地址一个,把域名解析到这个IP上,再把空间跟域名绑定一下(两边都要绑定哦,要不就打不开你的网站了. (4)下载一个网页编辑器编写自己的网页内容(例如:Frongpage.DW2004等) (5)编辑完自己的网页,接下来就是要把他放到自己的空间里了,那么就得找一个上传工具(例如:LEAPFTP等)上传到空间里就OK了(注意:首页的文件名必须为:index.htm或者index.asp等,具体请根据你所使用的语言). (6)告诉朋友你的网址,一起分享网络带来的快乐吧. BB这是需要掌握的技术步骤 第一讲 创建网站步骤 ①在D：盘新建一个文件夹（比如：Myweb） ②单击“开始”→“程序”→“Microsoft FrontPage ” ③单击“文件”→“打开站点”，选择查找范围(比如： Myweb) ④在屏幕窗口右边输入文本或插入图片，然后单击“文件”→“保存”，保存时文件名为index.htm（提示：主页文件名约定为Index.htm） ⑤新建其他网页，请单击“文件”→“新建”→“空白网页”或直接单击工具栏上新建按钮。 注意，除主页以外的其它网页文件名可以自定义，但尽量用英文。 如果已经退出FrontPage，请重复第②～③步，然后双击文件夹列表中的相应文件名可以继续编辑修改。 创建为网站的文件夹 普通文件夹 当前位置 主页>>网页设计与制作>>FrontPage 第二讲 网页的基本编辑  设置文本格式：在网页视图模式下，使用鼠标左键拖动选择要设置其格式的文本，单击鼠标右键，在所弹出的快捷菜单中选择“字体”命令项，或单击“格式”→“字体”。 插入图片：将光标置于网页编辑区中要插入图片处，单击“插入”→“图片”。  插入水平线：将光标置于网页编辑区中要插入水平线处，单击“插入”→“水平线”。若需要修改水平线颜色或宽度，请双击网页上的水平线  插入滚动字幕：将光标置于网页编辑区中要插入字幕处，单击“插入”→“组件”→“字幕”。然后，输入要滚动出现的文本内容（提示：字幕效果必须经过预览才能实现）  这里是滚动字幕演示 网页背景：在网页视图模式下，在网页编辑区中单击鼠标右键，选择快捷菜单中的网页属性命令。出现对话框后，选择背景。 当前位置 主页>>网页设计与制作>>FrontPage 第三讲 表格操作  创建表格：将光标置于网页编辑区中要插入表格处，单击“表格”→“插入”→“表格”。  设置表格属性：选中表格后，单击“表格”→“属性”→“表格”。  设置单元格属性：选中单元格后，单击“表格”→“属性”→“单元格”。  插入新的单元格：将光标置于单元格中，选菜单栏中的“表格”→“插入”→“单元格”  拆分单元格：选择要拆分的单元格，选菜单栏中的“表格”→“拆分单元格”  合并单元格：选择要合并的一列、一行或一组相邻的单元格，选菜单栏中的“表格”→“合并单元格” 当前位置 主页>>网页设计与制作>>FrontPage 第四讲 创建超级链接  创建指向站点内的网页或文件的超级链接：在网页视图模式下，键入或选中要用作超级链接的文本，选择菜单栏中的“插入”→“超链接”。  创建指向一个书签的超级链接：在网页视图模式下，首先在网页内指定的位置插入一个书签，方法是选择菜单栏中的“插入”→“书签”。然后，键入或选中要用作超级链接的文本，选择菜单栏中的插入→超链接。出现创建超链接对话框，在书签框上，选择要将其作为目标的书签。  使用导航栏：创建导航结构等同于创建超级链接，基本思路是首先创建导航结构，然后在需要的位置插入导航栏，如此同样实现网页之间的链接。具体步骤如下： 第一步，在导航视图模式下，选中文件夹列表里的网页，拖曳导向要起放置的位置，若重命名网页标题，可单击鼠标右键，选重命名； 第二步，在网页视图模式下，将光标置于网页中需要插入导航栏的地方，单击菜单栏“插入”→“导航栏”。 使用共享边框：共享边框内，包含了想要显示在共享边框的每一个网页上的项目。在网页视图模式下，选择菜单栏中的“格式”→“共享边框” 使用主题：选择菜单栏中的“格式”→“主题” CC这是网页运做的步骤 一、复杂方法 在手工制作个人网站的时代，我们可以总结出的网站制作步骤基本为：设计、切割、代码生成、发布。而在此之前，应该规划出网站的结构，包括页面数、栏目设置等。 1.设计 进行页面总体规划，包括风格、布局等。网站制作要有整体风格，各部分要保持协调，整个页面看起来才不显得凌乱。然后用平面设计软件制作整个页面，常用的软件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面设计的大拿，笔者也一直用它做页面设计，它从6.0版开始特别增强了对网页制作的支持，显得非常方便。现在流行的Fireworks是Macromedia网页制作三剑客的重剑手，由于它与Dreamweaver及Flash无缝集成，越来越受到网站制作人的欢迎。 2.切割 做完第1步，我们得到的只是一个图片文件，还没集成网页上应该有的元素。接下来要将图片按制作需求切割成小图。切割功能前面提到的两个设计软件中已经集成了（如Photoshop中提供的切片工具），不需要专门的软件来处理。 3.代码生成 这是整个制作过程中最重要的一环。我们要用HTML语言将切割下来的组件按整体设计“拼装”回去。众所周知，HTML语言是一种标记型语言，不须要编译就可以直接在浏览器中执行。所以理论上，我们可以用记事本等文本编辑工具来写代码。手写代码虽然被看作是一种很“酷”的行为，但是很耗时间，而且很难精确地控制格式。这时，便该专门的HTML编辑软件出场了。 HTML编辑软件大体上可分为两类：一类是代码型，典型代表为Homesite、Hotdog等；一类是所见即所得型，典型代表为Frontpage。也有两者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代码型实际上就是一个文本编辑器，不同的是，它可以有专门的代码提示功能，用起来比较方便。所见即所得是目前大家最推崇的方式，因为可视化的编辑基本丢弃了代码，方便快捷。 说到Dreamweaver，笔者就不多介绍了，我相信大部分的网站制作人都使用它在工作。Dreamweaver提供了代码编写模式和设计模式（即所见即所得），并且首次将“层”概念引入网页制作。Dreamweaver几乎可以满足所有人的需求，甚至还提供了ASP、PHP等脚本语言的代码提示。 4.发布 将制作好的页面放到服务器上，以便更多的人能浏览。发布通常采用FTP的方式，将文件上传到服务器。目前的网页制作工具基本上都有发布工具，可以通过各种方式发布你的页面，如Dreamweaver中的“站点管理器”。用户亦可使用FTP客户端软件进行这步操作。

6、网页设计与制作

7、网页结构有哪几种类型？网页设计与制作应包含哪些基本方法与步骤？

类型:tbale+css和div+css
步骤:设计界面》切片》HTML制作》前端实现》后台程序》测试》上线

8、《网页设计与制作》作业题目：:设计制作一个小型网站

这个要求完全就是一个完整的小型网站的的全部要求，有点过了，兄台！！！这样的要求从设计到完工要好几天才能做好的！！！1个人来做的话差不多都要一个星期！！！

9、网页设计与制作 创建和管理web网站的主要步骤有哪些

详细教程地址http://wenku.baidu.com/link?url=nHkmu5cvp6-Ro-80EIa__ 望采纳 谢谢