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

一、实验软件：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.插入导航条时选择“插入—图像对象”，在其对对话框中添加表单项目；
（二）、
实践是检验真理的唯一标准；须知祸患常积于忽微，所以要注重细节；“驽马十驾，以至千里；朽木不折，金石可镂”做事要持之以恒；“三人行，必有我师”，在工作过程中应该合作，更要做到“他山之石，可以攻玉”。