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

一、 实验软件：Photoshop，flash，dreamweaver以及网页设计有关书籍。二、 实验内容：制作两个网页（文化、生活）。三、 实验要求：1、 软件正确选择；2、 体现站点设计思路；3、 体现制作首页的布局工具和页面结构；4、 体现网页的基本元素；5、 能使用至少两种页面特效；6、 网站至少包含七个页面。四：实验方案：（一）、确定网站主题：文化；生活。（二）、收集材料：主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻，同时，查询相关的图书、报纸、光盘、多媒体等，也可以得来更加有说服力的信息。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。文化、生活素材：（三）、规划网站：“生活”这个网页包含“衣、食、住、行”四个方面；“文化”这个网页包含“书法、音乐、乐器、水墨画、文字、文学”四个方面。网页布局主要用框架设计的，用层定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是，用css设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，还可以加入flash动态图片，会达到更好的效果。（四）、选择合适的制作工具：做网页的首先工具当然为Dreamweaver，另外，为了处理网页中的其他元素，还可以使用Photoshop，flash等。（五）、制作网页：素材、风格、模板都设计好以后，下一步就是具体的制作网。（一）：文化网页制作步骤：首先要做的就是建立一个站点：网页页的布局：打开dreanmweaver，选择框架集，建立一个合适的框架。我选的框架如图所示。在站点下建立文件夹：在网页制作时所需的各个元素都要进行统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“image”文件夹来存放图片；建立了一个“music”文件夹存放音乐；建立了一个“video”文件夹存放Flash视频。网页中的css 样式文件也应统一管理，做到有条不紊。插入表格：设置页面背景：插入Flash视频：输入标题：9.添加导航条：10.插入表格：11.插入层：12.在层里插入图片：13.设置页面背景：14.添加行为：15.预览网页：（二）、生活网页制作：1.建立“生活”站点：2. 网页的布局：打开dreanmweaver，选择框架集，建立一个合适的框架。我选的框架如图所示。在站点下建立文件夹：在网页制作时所需的各个元素都要进行统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“image”文件夹来存放图片；我在制作时建立了“music”文件夹来存放音乐；我在制作时建立了“video”文件夹来存放Flash视频。网页中的css 样式文件也应统一管理，做到有条不紊。设置页面背景：插入表格：插入Flash视频：设置页面背景：插入并合并单元格9插入导航条：10．添加行为：11.表单应用：12.预览网页：六、心得体会：（一）、实验注意事项：1.首先学会建立站点及其下属的文件夹，用来管理站点下的文件；会应用“管理站点”。2.使用框架来布局网页；3.对页面属性进行设置；添加背景图像时在属性面板中注意选择“重复”或“不重复”。4．用Flash制作动画；要转换为flv格式的视频。5.插入表格时应对其属性进行设置；尤其主因表格大小和边框的设置。6.插入Flash视频要选择自动重复播放并对视频大小进行设置；7.插入媒体插件（音乐）选择自动重复播放；然后通过拖动鼠标调整大小。8.插入图层时要注意调整其位置和大小；9.在图层中插入图片是要注意调整大小；10.添加链接时要先选中要链接的文本，然后选择“插入—超级链接”在，在对话框中对连接目标进行你设置；11.添加行为前要先对网页进行保存，然后选中要添加行为的文本，再在属性面版中的链接对话框中输入“javascript”,然后点击“标签检查器—行为—显示事件—显示弹出菜单”，在对话框中添加行为；12.添加表单时选择“插入—表单”，在其下拉菜单中选择，再在对话框中对其属性进行设置；13.插入导航条时选择“插入—图像对象”，在其对对话框中添加表单项目；（二）、实践是检验真理的唯一标准；须知祸患常积于忽微，所以要注重细节；“驽马十驾，以至千里；朽木不折，金石可镂”做事要持之以恒；“三人行，必有我师”，在工作过程中应该合作，更要做到“他山之石，可以攻玉”。