网页设计实训标准手册.doc

《网页设计与制作》 实习指导书 湖南省电力公司中心培训培训部 长沙电力职业技术学院 前 言 本指导书是编者根据近年来的工作和教学经验，有机结合杨选辉同志编写的《网页设计与制作教程》教材而精心编写的实习类教程，该指导书具有可操作性强的特点，同时具有综合各类实用网页制作技术的优点，在内容选择上既与教材紧密结合又是对教材内容的强有力补充。学生通过完成本指导书中所有项目，能够达到一定的专业设计者水平。指导书最后还补充附录了动态网页技术的基础内容，为同学们继续学习动态网页设计打下基础。 该指导书适合高等职业技术学院学生在学完网页设计与制作类课程后，进行网页设计课程实习时使用，也适合有一定基础的网页制作爱好者参考。 本书由长沙电力职业技术学院信息工程系李新华主编，长沙电力职业技术学院信息工程系谢伟红主任审核。在本书编写过程，长沙电力职业技术学院信息工程系老师们也提出过宝贵的建议，在此表示感谢。本书也适当地参考了网络上的一些文献资料和素材，对这些资料和素材的原作者也在此一并表示感谢。 由于编者水平有限，也因时间匆忙，本教程难免会存在一些错误和问题，敬请广大师生批评指正。 2008年3月增补ASP实习项目八，2008年6月进行重新编排。 信息工程系 2008年6月 目 录 实习项目一 HTML语言（一） 1 实习项目二 HTML语言（二） 4 实习项目三 布局设计 8 实习项目四 Photoshop CS图像处理 15 实习项目五 Fireworks MX综合练习 20 实习项目六 用Flash MX 制作贺卡 27 实习项目七 综合网页设计练习 34 实习项目八 ASP留言板设计练习 34 附录一 动态网页基础 42 附录二 实习项目环境搭建 55 配套光盘说明 65 参考文献 66 实习项目一 HTML语言（一） 实习目的 学习用文本编辑软件（如记事本、写字板、MS WORD、UltraEdit等）进行HTML文档的编写方法和步骤，了解常见的HTML标记：标题、背景图像、文本字体、字号、颜色设置；图片属性设置；超链接设置；锚点或热点设置。 预习内容 教材第三章HTML语言简介，HTML语法相关电子书籍（参看CDROM中的“学习文档”文件夹）。 实习时间 4课时 实习条件 Windows 2000或XP环境； 网页设计与制作实习专用素材CDROM； 实习内容与步骤 1）创建本地文件夹webroot，将专用素材CDROM中的images文件夹拷贝到此文件夹。 2）用文本编辑工具（如记事本、写字板、MS WORD、UltraEdit等）输入下列文本，以mypages1为主文件名，类型为txt保存此文件到webroot文件夹下； html head meta http-equiv=Content-Language content=zh-cn meta http-equiv=Content-Type content=text/html; charset=gb2312 title诚信电子商务网客户分布图/title /head body p align=centerfont face=隶书 size=6 color=#FF0000诚信电子商务网客户分布图/font/p p align=centerfont color=#FF0000 size=6 face=隶书a href=asia.htm亚洲/a｜a href=europe.htm欧洲/a｜a href=afric.htm非洲/a｜a href=nameric.htm北美洲/a｜a href=samerica.htm南美洲/a｜a href=oceania.htm大洋洲/a｜a href=#南极洲/a/font/p hr p align=center img src=images/worldmap.JPG width=680 height=450 border=0 usemap=#Map map name=Map area shape=poly coords=320,182,362,201,373,229,394,244,395,303,367,324, 349,343 ,331,302,296,252,278,228,295,194 href=afric.htm area shape=rect coords=156,239,257,416 href=sameric.htm area shape=circle coords=555,326,57 href=oceania.htm area shape=rect coords=33,11,264,220 href=nameric.htm area shape=re