《网页设计》实验指导书

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

1、《网页设计》实验指导书吴昌瑛编写临安广播电视中等专业学校2009年目录实验一网页设计基础1【实验目的】1【实验环境】1【实验重点及难点】1【实验内容】1实验二HTML语言（一）2【实验目的】2【实验环境】2【实验重点及难点】2【实验内容】2实验三HTML语言（二）4【实验目n勺】4【实验环境】4【实验重点及难点】4【实验内容】4实验四HTML语言（三）6【实验目的】6【实验环境】6【实验重点及难点】6【实验内容】6实验五HTML语言（四）7【实验目的】7【实验环境】7【实验重点及难点】7【实验内容】7实验六Dreamweaver的使用（一站点和文字编辑）8【实

2、验目的】8【实验环境】8【实验重点及难点】8【实验内容】8实验七Dreamweaver的使用（二表单和超级链接）10【实验目的】10【实验环境】10【实验重点及难点】10【实验内容】10实验八Dreamweaver•的使用（三表格布局）11【实验目的】11【实验环境】11【实验重点及难点】11【实验内容】11实验九Dreamweaver的使用（四Dreamweaver综合）12【实验目的】12【实验环境】12【实验重点及难点】12【实验内容】12实验十Dreamweaver的使用（五框架和彳亍为）13【实验目的】13【实验环境】13【实验重点及难点】13【实验

3、内容】13实验十一Dreamweaver的使用（六模版和CSS）14【实验目的】14【实验环境】14【实验重点及难点】14【实验内容】14实验十二Fireworks的使用（一）15【实验目的】15【实验环境】15【实验重点及难点】15【实验内容】15实验十三Fireworksfl勺使用（二）16【实验目的】16【实验环境】16【实验重点及难点】16【实验内容】16实验十四Fireworksft勺使用（三）17【实验目的】17【实验环境】17【实验重点及难点】17【实验内容】17实验十五Fireworks的使用（四）18【实验目的】18【实验环境】18【实验重点

4、及难点】18【实验内容】18实验十六vbscript（一）19【实验目的】19【实验环境】19【实验重点及难点】19【实验内容】19实验十七vbscript（二）20【实验目的】20【实验环境】20【实验重点及难点】20【实验内容】20实验十八网站综合设计22【实验目的】22【实验环境】22【实验重点及难点】22【实验内容】22实验顺序实验名称课时实验类型实验一网页设计基础3基本验证实验二HTML语言（一）3基本验证实验三HTML语言（二）3基本验证实验四HTMLiStT（三）3基本验证实验五HTML语言（四）3综合设计实验六Dreamweaver的使用（一站

5、点和文字编辑）3基本验证实验七Dreamweaver的使用（二表单和超级链接）3基本验证实验八Dreamweaver的使用（三表格布局）3基本验证实验九Dreamweaver的使用（四Dreamweaver综合）3综合设计实验十Dreamweaver的使用（五框架和行为）3基本验证实验十一Dreamweaver的使用（六模版和CSS）3综合设计实验十二Fireworks的使用（_）3基本验证实验十三Fireworks的使用（二）3基本验证实验十四Fireworks的使用（三）3基本验证实验十五Fireworks的使用（四）3综合设计实验十六vbscript（一

6、）3基本验证实验十七vbscript（二）3综合设计实验十八网站综合设计3综合设计实验一网页设计基础【实验目的】1.掌握利用因特网进行信息游览、搜索，下载网页、图片、文字和文件；2.对给定的网站，能指出网站的链接结构、冃录结构、页面布局方式。【实验环境】Window2000操作系统，机器联网。【实验重点及难点】熟练使用浏览器进行浏览、搜索、下载。【实验内容】1、根据网站制作的需要，从网上下载网页制作时需要的文字、小图片、动画及flasho2、上网访问实际若干网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）、页面布局方

7、式；在网上找出下列版面布局的结构形式:⑴“T”结构布局⑵“口”型（“国”字型）布局⑶“三”型布局⑷对称对比布局⑸POP布局⑹拐角型布局（7）标题正文型⑻封面型（主题图片型）3、利用搜索引擎，浏览因特网上较为著名的5个网站，记录这些网站的名称、网站地址和以及相应的网页文件格式（扩展名）；4、查看我院WWW网站主页的源代码，收藏到收藏夹中，将其设为主页，并指出该网站的链接结构、目录结构和页面布局方式。实验二HTML语言（一）【实验目的】1.掌握＜headx/head＞的vtitle＞标记,和vmeta＞标记;2.掌握使用vbody＞标记设置网页背呆颜色和文本颜色。

8、学习使用分段标记＜p＞＜/p＞；3.掌