网页制作(文化、生活网页)

一、实验软件：Photoshop，flash，dreamweaver以及网页设计有关书籍。

二、实验内容：制作两个网页（文化、生活）。

三、实验要求：

1、软件正确选择；

2、体现站点设计思路；

3、体现制作首页的布局工具和页面结构；

4、体现网页的基本元素；

5、能使用至少两种页面特效；

6、网站至少包含七个页面。

四：实验方案：

（一）、确定网站主题：

1.文化；

2.生活。

（二）、收集材料：

主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻，同时，查询相关的图书、报纸、光盘、多媒体等，也可以得来更加有说服力的信息。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

文化、生活素材：

（三）、规划网站：

“生活”这个网页包含“衣、食、住、行”四个方面；“文化”这个网页包含“书法、音乐、乐器、水墨画、文字、文学”四个方面。网页布局主要用框架设计的，用层定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是，用css设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，还可以加入flash动态图片，会达到更好的效果。

（四）、选择合适的制作工具：

做网页的首先工具当然为Dreamweaver，另外，为了处理网页中的其他元素，还可以使用Photoshop，flash等。

（五）、制作网页：

素材、风格、模板都设计好以后，下一步就是具体的制作网。

（一）：文化网页制作步骤：

1.首先要做的就是建立一个站点：

2.网页页的布局：

打开dreanmweaver，选择框架集，建立一个合适的框架。我选的框架如图所示。

3.在站点下建立文件夹：

在网页制作时所需的各个元素都要进行统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“image”文件夹来存放图片；建立了一个“music”文件夹存放音乐；建立了一个“video”文件夹存放Flash视频。网页中的css 样式文件也应统一管理，做到有条不紊。

4.插入表格：

5.设置页面背景：

6.插入Flash视频：

7.

8．输入标题：

9.添加导航条：

10.插入表格：

11.插入层：

12.在层里插入图片：

13.设置页面背景：

14.添加行为：

15.预览网页：

（二）、生活网页制作：1.建立“生活”站点：

2. 网页的布局：

打开dreanmweaver，选择框架集，建立一个合适的框架。我选的框架如图所示。

3.在站点下建立文件夹：

在网页制作时所需的各个元素都要进行统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“image”文件夹来存放图片；我在制作时建立了“music”文件夹来存放音乐；我在制作时建立了“video”文件夹来存放Flash视频。网页中的css 样式文件也应统一管理，做到有条不紊。

4.设置页面背景：

5.插入表格：

6.插入Flash视频：

7.设置页面背景：

8.插入并合并单元格

9插入导航条：

10．添加行为：

11.表单应用：

12.预览网页：

六、心得体会：

（一）、实验注意事项：

1.首先学会建立站点及其下属的文件夹，用来管理站点下的文件；会应用“管理站点”。

2.使用框架来布局网页；

3.对页面属性进行设置；添加背景图像时在属性面板中注意选择“重复”或“不重复”。

4．用Flash制作动画；要转换为flv格式的视频。

5.插入表格时应对其属性进行设置；尤其主因表格大小和边框的设置。

6.插入Flash视频要选择自动重复播放并对视频大小进行设置；

7.插入媒体插件（音乐）选择自动重复播放；然后通过拖动鼠标调整大小。

8.插入图层时要注意调整其位置和大小；

9.在图层中插入图片是要注意调整大小；

10.添加链接时要先选中要链接的文本，然后选择“插入—超级链接”在，在对话框中对连接目标进行你设置；

11.添加行为前要先对网页进行保存，然后选中要添加行为的文本，再在属性面版中的链接对话框中输入“javascript”,然后点击“标签检查器—行为—显示事件—显示弹出菜单”，在对话框中添加行为；

12.添加表单时选择“插入—表单”，在其下拉菜单中选择，再在对话框中对其属性进行设置；

13.插入导航条时选择“插入—图像对象”，在其对对话框中添加表单项目；

（二）、

实践是检验真理的唯一标准；须知祸患常积于忽微，所以要注重细节；“驽马十驾，以至千里；朽木不折，金石可镂”做事要持之以恒；“三人行，必有我师”，在工作过程中应该合作，更要做到“他山之石，可以攻玉”。