网页制作设计实验指导书

《网页制作设计实验指导书》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网页设计》实验指导书《网页设计制作》是网络工程专业的一门重要的专业选修课，是计算机网络技术专业的专业核心课程。通过本课程的学习，使学住了解网页设计技术的起源和发展、常川的网页制作软件及HTML语言和，掌握运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的方法，学握运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互和配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养白主学习能力和探索创新能力。（1）熟练掌握运用D

2、reamweaver网页制作软件制作网页、特别是制作动态网页的方法，掌握运用Fireworks图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页屮动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。（2）具备网页设计、图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等科技文件的基木能力；培养分析问题、解决问题的能力；培养协作、交流的能力,培养创新能力和团队意识。实验一HTML语言基本知识一实验口的：1.熟悉HTML语言；2.掌握HTML语言的基木语法结构3.掌握

3、HTML语言的编写方法二实验原理：1•“超文本”就是指页而内可以包含图片、链接，甚至音乐、程序等非文字元素。2.超文木标记语言的结构包括“头”部分（外语：Head）.和“主体”部分（外语：Body）,其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。三实验仪器与材料计算机，windows7和Dreamweaver软件四实验步骤：1•打开“记事木”或“写字板”输入文木2.输入v!-网页正文区从这里开始->这里是淮南师范学院校园网，欢迎您來到淮南师范学院。

4、区结束-〉3.另存为myfirstpagc.html4.在DE浏览器屮浏览一实验目的：1•了解Fireworks的工作环境。2.熟悉Fireworks的操作界面操作。3.掌握Fireworks的画布操作。二实验原理1.AdobeFireworks是Adobe推出的一款网页作图软件，软件吋以加速Web设计与开发，是一款创建与优化Web图像和快速构建网站与Web界而原型的理想工具。2.Fireworks不仅具备编辑矢虽图形与位图图像的灵活性，还提供了一个预先构建资源的公用库，并町与AdobePhotoshop>AdobeIllustratorAdobeDreamweaver和Ado

5、beFlash软件省时集成。三实验仪器与材料计算机，windows7、Fireworks和Dreamweaver软件四实验步骤：1.打开FireworksCS42.打开界面3.更改丽布人小打开素材操作一修改~>冋布9

6、丽布大小4•更改画布颜色2.更改图像大小3.保存文件五实验结果与讨论理论联系实际，写出实验者的见解、体会和收获观匸推南聊抢寻杭一实验目的：1.学握Fireworks的图层操作。2.掌握Fireworks的选择对象操作。3.掌握Fireworks的修饰画布。4.掌握Fireworks制作矢量图形。5.掌握Fireworks的文本特效及蒙版操作。二实验原理1.Fireworks导入

7、Photoshop(PSD)文件，导入时可保持分层的图层、图层效果和混合模式。将Fireworks(PNG)文件保存冋Photoshop(PSD)格式。2.导入Illustrator(AI)文件，导入时可保持包括图层、组和颜色信息在内的图形完整性。三实验仪器与材料计算机，windows7、Fireworks和Dreamweaver软件四实验步骤：1.打开FireworksCS42.打开素材使川层面板(1)添加层(2)删除层(3)复制层和对象(4)复制対象3.参照索材“蝴蝶.png”使用矢量工具绘制蝴蝶4.保存文件1.打开素材，为素材添加滤镜一实验目的：1.掌握Fireworks图形的导出与批

8、处理操作。2.掌握Fireworks网页模板设计制作。3.学握Fireworks图形切片的制作。4.拿握Fireworks交换图形制作5.掌握Fireworks元件制作。6.掌握Fireworks按钮制作与网页导航栏制作。二实验原理1.切片不是图像，而是一种网页对彖2.切片的优点（1）便于实现动态效果（2）提高下载速度（3）优化图像（4）创建灵活的超级链接三实验仪器与材料计算机，windows7^Firewo