网页设计与制作-实验大纲
网页设计与制作实践教学大纲讲解
《网页设计及制作》实践教学大纲本实践教学大纲是电子商务专业“网页设计及制作”等相关基础课程的实践教学大纲，是完成“网页设计及制作”课程和培养网页设计及制作的基本操作技能的重要实习实践环节。
总学时为48学时，共包括14个实践项目。
实践地点为校内计算机基础实验室。
实践结果将使学生全面掌握网页设计及制作的技术及网页制作软件的使用。
一、适用专业范围本实践教学大纲适用于高职广告设计及制作专业、电子商务等计算机应用类专业。
二、实践前期准备知识1．计算机基础及网络基础理论知识；2．电脑图形制作软件的使用技巧。
三、学时分配本实践教学为48学时。
四、实践条件及要求1．硬件要求：使用计算机，512M 内存、40G 硬盘2．软件要求：（1）Windows98以上版本（2）Dream weaver8 中文版；（3）Flash8 中文版五、实践内容实验一 HTML基础实验 7学时（一）实验目的1．掌握HTML 语法基本的基本结构。
2．熟悉HTML 编写网页的方法。
（二）实验要求完成实验报告，在实验报告中要求记录如下内容：⑴．HTML 语法基本结构⑵．HTML 各标记的使用（三）学时分配本实践项目为7学时（四）实验内容1．写出HTML 语法的基本结构2．编写包括文本和图像的两至三个简单网页3．在网页之间建立文本、图像和书签超链接4．编写一个带有表格的网页5．编写一个带框架结构的网页实验二 Dreamweaver基础 2学时（一）实验目的(1熟悉DreamWeaver 的界面及其操作(2熟悉使用DreamWeaver 建立站点，理解本地站点和远程站点的概念（二）实验要求实验前认真预习，熟练掌握有关概念和知识。
实验过程中记录发生的现象并分析原因。
实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。
（三）学时分配本实践项目为2学时。
（四）实验内容本实验的内容主要是制作一个“长春悠游网”的站点，分类建立文件夹和2-3个网页。
《网页设计与制作》实验报告
《网页设计与制作》实验报告院系名称：专业班级：电学生姓名：学号：2013年 5 月26 日实验一：HTML语言实验一、实验目的1、掌握利用HTML语言编写网页的能力；2、掌握利用HTML语言编写表格的能力；3、掌握利用HTML语言编写表单的能力。
二、实验课时2学时三、实验内容1、表格实验的结果。
①表格制作代码：<HTML><HEAD><TITLE>制作网页表格</TITLE></HEAD><BODY><TABLE border="2"><TR height="60"> <!--第一行--><TH rowspan="2" colspan="2" bgcolor="red" align="left">A<TD>B<TD align="center">C<TR> <!--第二行--><TH colspan="2">D<TR> <!--第三行--><TH rowspan="2" width="200" height="60" align="right">E<TH rowspan="2" width="200" height="60" align="right">F<TH rowspan="2" width="200" height="60" align="left">G<TD width="200" height="30">H<TR> <!--第四行--><TD width="200" height="30">I</TABLE></BODY><HTML>②网页表格制作截图：2、表单实验的结果①表单实验代码：<HTML><HEAD><TITLE>实验1.2——电子商务1104王远</TITLE></HEAD><BODY><TABLE border="1" width="400"><FORM method="post" action=""><TR><TD align="center" width="150">姓名:</TD><TD><INPUT type="text" name="xingming" size="20"></TD></TR><TR><TD align="center">密码:</TD><TD><INPUT type="password" name="mima" size="20"></TD></TR><TR><TD align="center">性别：</TD><TD><INPUT type="radio" name="xingbie" value="remale" checked>女 <INPUT type="radio" value="male" name="xingbie">男</TD></TR><TR><TD align="center">爱好：</TD><TD><INPUT type="checkbox" value="lanqiu" name="lanqiu">篮球<INPUT type="checkbox" value="lanqiu" name="lanqiu" checked>足球 <INPUT type="checkbox" value="pingpang" name="pingpang">乒乓球</TD></TR><TR><TD align="center">籍贯：</TD><TD><SELECT size="1" name="jiguan"><OPTION selected>开封</OPTION><OPTION>郑州</OPTION><OPTION>洛阳</OPTION></SELECT></TD></TR><TR><TD colspan="2" align="center"><INPUT type="submit" value="提交" name="tijiao"><INPUT type="reset" value="重置" name="chongzhi"></TD></TR></FORM></TABLE><BODY><HTML>②表单实验截图：四、实验小结通过此次实验，我对在课堂上学习到的知识进行了实际操作，只有真正操作一遍才知道知识并不只是记住就算是会运用。
《网页设计》实验教学大纲
《网页设计》实验教学大纲课程编号：6386课程类别：专业实验学时：10周学分：5适用专业：动画艺术设计一、实验教学目的和任务本课程是高等院校电脑艺术专业学生的专业课程。
针对网页设计与制作人员的要求，结合高职高专人才培养的特点，精心安排和组织了以实践岗位为中心的内容，通过对本课程的学习，学生能够掌握有关网页制作的技术及其综合应用：如网站规划、页面组织、素材准备等，通过实践训练，能够举一反三，能够将所学知识点与工作技巧融合，为本专业学生将来成为“职场精英”打下坚实的基础，本课程侧重于实际的软件开发，加强实践环节，提高网页制作能力，使学生适应当前的计算机网络流行趋势。
二、实验教学基本要求（一）实验室选择的要求实验地点应保证每位同学有一台电脑。
本次实验地点选择在校内的艺术设计学院的二维实验室。
（二）对指导教师的要求实验指导老师应有较强的工作责任心和耐心，较全面的网页制作技术素质，较强的电脑操作水平。
采取集中讲解示范和个别辅导的方式进行教学，悉心手把手逐个指导学生，应有百问不烦，诲人不倦的工作作风来完成实验指导的各项教学任务。
（三）对学生的要求（1）、实验材料准备：（2）通过该课程的学习，学生应该掌握网页设计的基础知识和网页设计基础理论，提高学生进行网页设计的能力，培养学生对网页设计的创意思维。
（3）按要求完成网页设计实验报告。
三、实验教学内容实验项目一：第一章、基础知识1、掌握网页设计的基本工作流程，以及Dreamweaver 在整个流程中的重要性2、了解HTML 的基本语法，会修改常用的HTML 标签3、掌握建立网页的基础知识实验项目二：操作环境1、熟悉Dreamweaver 的工作环境，了解Dreamweaver 界面特色和优势2、掌握工作区布局的设定、存储工作区、隐藏面板3、掌握各种视图模式、显示模式以及网页编辑界面和网站管理界面的切换4、熟悉各种面板，包括常用面板、属性面板等5、掌握网页文件的预览、编辑浏览器列表、设置临时文件预览实验项目三：文字编辑与链接1、掌握可用于网站的四种中文字体，修改文档的页面属性、边距、链接、标题2、掌握设置段落的凸出、缩进、段落、对齐3、掌握设置段落的列表样式，包括项目、编号、自定义等4、熟练掌握拼写检查、查找与替换5、熟练掌握输入空格、回车的特殊要求和方法6、掌握与其它程序，如Photoshop 和Flash 交换颜色值7、熟练掌握建立链接，链接的多种设置方法、链接的四种状态8、掌握设置下载文件的链接、设置电子邮件链接、为电子邮件链接加入主题、抄送等信息9、掌握插入日期、存储时自动更新设置、插入注释10、掌握命名锚记，设置锚链接、在外部网页中设置锚链接实验项目四：设计与排版1、熟练掌握标尺和网格的使用方法2、掌握插入和编辑水平线、控制水平线的颜色、粗细3、熟练掌握图文混排及设置图文间距4、熟练掌握新建并设置表格属性，单元格边距、单元格间距、页眉等5、掌握选择、插入、删除、合并、拆分表格、嵌套表格6、掌握格式化表、排序表、导入导出表格数据7、掌握绘制层、嵌套层、层面板、卷动层、层Z 轴、层剪辑、转换层8、掌握跟踪图像的概念和使用方法9、掌握框架的创建、应用、设置和存储10、掌握使用链接在框架间跳转，控制框架内容, 框架面板的使用11、了解标准模式、扩展表格模式和布局模式的概念和应用实验项目五：插入图像、多媒体对象1、熟练掌握常用于网站的三种图像格式，图像的插入、基本编辑、图像热点的设置2、掌握图像的编辑选项，Fireworks 最优化、裁切、重新取样、亮度对比度、锐化3、掌握插入图像占位符、鼠标经过图像、Fireworks Html 和导航条，创建网站像册4、掌握插入Flash、Flash 按钮、Flash 文本，设置Flash 属性5、掌握插入Director Shockwave 影片、插入Applet、ActiveX 对象实验项目六：CSS 样式表1、掌握附加外部样式表，链接方式和导入方式2、掌握新建样式，类、标签和高级，新建样式表文件和仅对该文档3、掌握修改文字和链接样式、修改背景图片的位置和重复，固定和滚动4、掌握设置区块，中文文字间距、对齐和缩进5、掌握设置表格单独边框的粗细、颜色6、掌握设置列表，图片项目符号7、掌握设置视觉效果滤镜，如鼠标指针形状、翻转网页、彩色网页边缘、文字阴影和发光等8、掌握编辑文件头内容，定义Meta 元数据、关键字、说明、自动刷新、跳转、页面缓冲等实验项目七：行为1、掌握显示事件、调用JavaScript、交换图像、显示/ 隐藏层2、掌握网页菜单、检查插件浏览器、控制Flash、设置状态栏文本3、掌握检查插件、播放声音、弹出广告窗口（单击弹出和自动弹出）实验项目八：库、模板、高级模板1、掌握创建、插入、编辑库项目, 知道库所在的文件夹位置2、掌握创建和设置模板、定义可编辑区和锁定区域、应用模板、分离模板3、掌握创建基于现存模板的文档4、掌握创建嵌套模板、管理模板5、掌握模板的可选区域和重复区域6、掌握创建可编辑的可选区域、重复表格实验项目九：站点资源管理1、熟练掌握资源面板, 资源的收藏、归类、添加和删除，查看和刷新2、掌握创建资源别名、使用资源面板应用颜色和链接3、掌握新建并设置一个站点，本地和远程信息的设置，站点地图查看模式4、掌握Index.html 文件和Images 文件夹5、掌握连接远端主机，上传本地文件到服务器，下载文件到本地6、掌握比较和同步本地文件与远端文件7、掌握查找断开的、外部的和孤立的链接实验项目十：动态网站基础1、掌握安装、设置IIS、创建ASP 环境2、了解数据库基础及使用3、掌握设置测试服务器、设置数据源4、掌握数据库绑定、服务器行为四、实验项目与学时分配实验项目与学时分配表序号实验项目名称学时实验类型实验主要仪器设备备注1 基础入门4基础型电脑2 操作环境 4 基础型电脑3 文字编辑4 基础型电脑4 设计与排版 4 基础型电脑5 插入图像 4 基础型电脑6 CSS 样式表 4 基础型电脑7 行为 4 基础型电脑8 高级模板 4 基础型电脑9 站点管理 4 基础型电脑10 动态网站 6 基础型电脑五、实验考核办法与成绩评定1、考核目的：考察学生对网页设计相关知识的掌握程度2、考核形式：采用平时成绩与考勤、实验报告相结合的方式。
网页设计与制作大纲
《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。
“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。
】、课程的任务与目的通过对网页设计与制作基础知识和技能的学习，使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
三、课程总体结构、教学环节和课时分配四、教学内容第一章概述2 学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章HTML语言基础2 学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。
教学重点与难点：HTM啲语法结构、超级链接的语法、表格和框架的基本语法。
第一节HTML概述一、H TML简介二、H TML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章Dream weaver基础2 学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。
（完整版）《网页设计与制作》课程教学大纲.docx
（完整版）《网页设计与制作》课程教学大纲.docx《网页设计与制作》课程教学大纲课程名称：网页设计与制作学分及学时： 4 学分总学时72学时，理论36 学时适用专业：网络工程开课学期：第四学期开课部门：计算机与互联网学院先修课程：计算机文化基础计算机网络考核要求：考试使用教材及主要参考书：向知礼主编：《网页设计与制作》航空工业出版社2017 年杨松主编：《网页设计案例教程》航空工业出版社2015 年一·课程性质和任务：本课程全面地介绍网页制作技术的基本理论和实际应用。
全书共10 章，分为 3 大部分。
前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash，Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页制作技术，包括CSS技术、客户端脚本技术(DHTML)以及XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际应用的角度进一步巩固所学知识。
课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。
二·课程教学目的与要求以Dreamweaver 的使用为主线，介绍网页制作的相关技术。
使学生理解网页制作的基本概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框架、表单、多媒体对象的使用; 理解行为、模板、库、CSS布局的概念和使用 ;理解 HTML 语言、网站的测试与的发布；要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。
网页设计与制作实验报告文档
2020网页设计与制作实验报告文档Contract Template网页设计与制作实验报告文档前言语料：温馨提醒，报告一般是指适用于下级向上级机关汇报工作，反映情况，答复上级机关的询问。
按性质的不同，报告可划分为：综合报告和专题报告；按行文的直接目的不同，可将报告划分为：呈报性报告和呈转性报告。
体会指的是接触一件事、一篇文章、或者其他什么东西之后，对你接触的事物产生的一些内心的想法和自己的理解本文内容如下：【下载该文档后使用Word打开】实验一：站点设置一、实验目的及要求本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
二、仪器用具1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。
2、安装windowsxp操作系统;建立iis服务器环境，支持asp。
3、安装网页三剑客(dreamweavermx;flashmx;fireworksmx)等网页设计软件;三、实验原理通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。
四、实验方法与步骤1)执行“站点管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。
2)在弹出的“站点定义为”对话框中单击“高级”选项卡。
3)在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。
在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。
4)在“管理站点”对话框中单击“完成”按钮，站点创建完毕。
五、实验结果六、讨论与结论实验开始之前要先建立一个根文件夹，在实验的过程中把站点存在自己建的文件夹里，这样才能使实验条理化，不至于在实验后找不到自己的站点。
在实验过程中会出现一些选项，计算机一般会有默认的选择，最后不要去更改，如果要更改要先充分了解清楚该选项的含义，以及它会造成的效果，否则会使实验的结果失真。
实验前先熟悉好操作软件是做好该实验的关键。
网页工作设计与制作课程实训教学大纲
必做
4
2 网页的编辑与制作（一） 综合 定义站点。使用表格。创建链 必做 5
接。
3 网页的编辑与制作（二） 综合 框架网页的制作，层和行为的 必做 5
使用。样式的使用。
注：项目类型：演示、验证、设计、综合、其它 实训要求：必做、选做
[实训一] 网页基本图形的制作方法 1、内容： 查看、熟悉Fireworks工作界面；设置“首选参数”对话框的基本项
教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供 一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并 利用课外时间进行创造性设计与训练。 5、实验环境与设备
硬件：多媒体计算机 软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
3、时间分配及进度安排：第 1-3 周，4 学时。 4、教学的组织与实施： 教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供一 定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并利用 课外时间进行创造性设计与训练。5、实验环境与设备
硬件：多媒体计算机 软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
目。新建、打开、导入、导出Fireworks 文档，制作基本图形。导入位图， 并进行基本编辑。创建热点、创建图像切片、为切片或热点附加行为。创 建按钮与导航条。创建简单GIF 动画。
2、目标及要求： 掌握Fireworks 的基础操作方法，以及“首选参数”对话框的设置方
法。掌握基本图形的制作方法。掌握制作按钮、导航条。掌握制作教师在 课程演示的实例。
教师用多媒体技术教学手段进行教学，教师在课程演示实例，提供 一定数量的素材，使学生在掌握新知识技能的基础上进行实际训练，并 利用课外时间进行创造性设计与训练。 5、实验环境与设备 硬件：多媒体计算机 软件：windowsXP 操作系统、Dreamweaver 8/Flash 8/Fireworke 8
网页设计与制作_实验大纲
《网页设计与制作》课程实验教学大纲课程性质：独立设课课程属性：专业基础实验课适用专业：信息管理、应用技术、软件技术、多媒体技术学时：总学时 96 实验学时 32开出时间：一年级二学期综合性、设计性实验项目数：4 学时先修课程：计算机基础一、课程简介《网页设计与制作》课程是计算机专业的一门必修专业课程。
它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》等课程打下一个坚实的基础。
通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。
从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。
从而培养学生的开发网站的能力和职业素质。
二、实验教学目的及要求通过上机实践，让学生掌握网页设计与制作的基本知识和基本技能，能较熟练地在Dreamweaver平台下合理设计网页并对站点进行规划、管理、发布，从而为下一阶段学习动态网页技术和高级Web程序设计打下良好的理论和实践基础。
三、实验项目设置表（注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等）四、考核方法与评分标准上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为：上机成绩 =上机表现成绩（50%）+实验报告成绩（50% ）。
上机部分的成绩在本课程总成绩中占有的分值为20。
上机表现成绩基于上机实验出勤情况及上机过程的表现，每次上机对应1分。
实验报告成绩基于每个项目对应的实验报告完成情况，一个项目对应1分。
《网页设计与制作》课程实验教学大纲
《网页设计与制作》课程实验教学大纲一、实验课程概述《网页设计与制作》课程旨在培养学生的网页设计与制作能力，通过实践操作，掌握常用的网页设计和制作技术方法。
本实验课程主要注重学生对HTML、CSS和JavaScript等网页技术的应用能力，通过实践项目，培养学生的创新思维和团队协作能力。
二、实验目标1.掌握网页设计和制作的基本原理和方法；2. 熟悉HTML、CSS和JavaScript等网页技术的使用；3.学会使用常见网页设计工具和软件进行网页制作；4.培养学生的创新思维和团队协作能力。
三、实验内容与教学安排1.实验一：网页布局和样式设计-HTML网页结构的搭建-CSS样式的设计与应用-响应式网页设计2.实验二：网页交互与动态效果设计- JavaScript基础知识与语法-网页交互与事件处理-动态效果设计与实现3.实验三：网页优化与维护-网页性能优化-SEO优化原理与方法-网页维护与更新4.实验项目：团队合作网站制作-学生分组进行团队合作项目-设计和制作完整的网站-考核团队的创新能力和团队协作能力四、实验要求1.实验过程中，学生需要独立思考和解决问题，注重实践能力的培养；2. 学生需具备基本的HTML、CSS和JavaScript基础知识，能够灵活运用这些技术进行网页设计与制作；3.实验过程中，学生需要遵守项目管理规范，完成实验报告和实验成果的整理和展示；4.学生需要积极参与团队合作项目，发扬团队协作精神。
五、实验评价与考核标准1.实验报告：实验报告书写规范，内容完整和准确，对实验过程和结果进行详细介绍和分析；2.实验成果：实验成果展示符合要求，网页设计和制作质量高，实现了预期的功能；3. 实验操作：实验操作过程规范，能够熟练运用HTML、CSS和JavaScript等技术进行网页设计和制作；4.实验考勤：参与实验课程的积极性高，完成实验任务，遵守实验室纪律。
六、实验资源与环境1.实验室设备：计算机，投影仪等2. 实验软件：Sublime Text、Adobe Dreamweaver等3. 网络资源：W3School、GitHub、Stack Overflow等七、实验参考教材1. 《HTML与CSS设计与构建网站》（第3版），Jon Duckett 著2. 《JavaScript权威指南》（第6版），David Flanagan 著以上为《网页设计与制作》课程实验(上机)教学大纲，旨在通过实践项目，培养学生的网页设计与制作能力，提高其创新思维和团队协作能力。
《网页设计与制作》实践大纲和实习指导书[1]
![《网页设计与制作》实践大纲和实习指导书[1]](https://img.taocdn.com/s3/m/8c48d8e55ef7ba0d4a733be0.png)
《网页设计与制作》实践大纲《网页设计与制作》实习指导书【实验简介】掌握使用HTML 代码、熟练运用Dreamweaver 设计网页；利用Fireworks 图片处理；利用Flash 制作动画。
【实验目标】通过实验，使学生能进行WEB 站点网页的规划、设计、制作、管理与维护。
【学时数】32 学时【学时分配】实验项目一网页的创建及其基本结构【实验目的】使学生了解用HTML 创建网页的过程，掌握HTML 文档的结构及基本标记的使用。
【实验内容】1 ．使用文本编辑软件（如Window 的记事本）编辑、修改HTML 文件；2 ．利用IE 浏览器显示效果。
3 ．制作“个人简介”的简单网页；实验项目二HTML 的常用标签【实验目的】使学生掌握字体、字更进一步型、字号、颜色的设置，掌握段落的控制以及链接的标签和图像标签。
【实验内容】1 ．字体标志的使用2 ．理解书签超级链接的意义，target 属性不同取值对应的含义。
3 ．掌握图像的标签4 ．对“个人简介”的网页进行美化实验项目三HTML 常用标签2【实验目的】掌握表格的制作，掌握综合性表单的制作和跑马灯动态网页效果设计，掌握框架的使用【实验内容】1 ．使用表格组织数据2 ．使用表单标签建立注册信息3 ．用环绕标签制作跑马灯效果4 ．用框架标签布局网页5 ．使用内框架。
实验项目四Dreamweaver 站点管理和建立简单的网站【实验目的】使学生掌握Dreamweaver 的基本使用方法，并利用Dreamweaver 工具制作一个比较完整的网页。
【实验内容】1 ．建立本地站点，题材自选。
主页上要求有导航栏，文字、图像以及站点的广告图像（用鼠标经过图像来制作）。
2 ．主页下创建三个子页，要求子页上面有内容列表、水平线，日期，并利用属性页面设置这些对象的属性。
3 ．用多种超链接方式完成站点地图的创建。
4 ．利用页面属性对话框设置页面的背景颜色或背景图像，并更改超链接的颜色和样式。
网页设计实验 网页设计与制作
实验一网页设计基础实验一、实验目的学生通过该实验熟悉HTML语言的基本使用方法，进一步体会浏览器解释执行HTML的原理，为以后高级网络编程打下扎实的基础。
1．掌握利用因特网进行信息游览、搜索，下载网页、图片、文字和文件；2．对给定的网站，能指出网站的风格（链接结构、目录结构、页面布局方式）；3．了解HTML文档结构；4．能够运用文本编辑器制作简单网页。
二、实验环境微机+ Window 操作系统 +IE浏览器+ 网页编辑器三、实验重点及难点熟练使用浏览器进行浏览、搜索、下载。
四、实验内容1、根据网站制作的需要，从网上下载网页制作时需要的文字、小图片、动画及flash。
2、利用搜索引擎，浏览因特网上较为著名的5个网站，记录这些网站的名称、网站地址和以及相应的网页文件格式（扩展名）；3、上网访问实际3个网站（可以上校园网），记录这些网站的名称、网站地址，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）、页面布局方式。
4、在网上找出下列版面布局的结构形式：（象形即可）⑴．“国”字型布局⑵．拐角型布局⑶．拐角型布局⑷．封面型布局(5). 封面型布局5、查看湖北学院网站主页的源代码，收藏到收藏夹中，将其设为主页。
6．使用电脑中的图片工具把不同图片转换为.JPG或.GIF格式，比较两种图片格式的区别。
7. 什么是网站的CI形象?打开网易主页，查看其CI形象标志。
8、构建HTML文档“我的第一个网页”：（1）从开始菜单启动记事本；（2）在记事本中，录入一个HTML文档；（3）设置该文档在最终在浏览器中显示的标题为“我的第一个网页”；（4）在页面添加可见的文本“我的第一个网页”；（5）使用记事本的菜单“文件”→“保存”，在“另存为”对话框中，在“保存类型”下拉列表中选择“所有文件”，录入“文件名”myfirstpage.htm，单击“保存”按钮将该页面保存到实验文件夹。
<html><head><title>我的第一个网页</title></head><body >我的第一个网页</body></html>五、说明：1、所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果，若发现有结果雷同者，按实验课考核办法处理。
网页设计与制作)实验2文本操作与图像操作
ABCD
学会了使用图像编辑软件 进行基本的图像处理，如 裁剪、调整大小、添加水 印等。
增强了团队合作和沟通能 力，通过小组讨论和分享， 共同完成了实验任务。
本实验的不足与改进
在HTML和CSS文本操作中 ，对于高级样式的应用还不 够熟练，需要进一步练习和
实践。
1
在图像处理方面，对于一些 高级技巧和工具的应用还不 够了解，需要深入学习和探
索。
在网页布局和排版中，还需 提高对用户体验的关注度， 以设计出更符合用户需求的 网页。
需要加强团队合作和沟通能 力的培养，提高小组协作效 率。
下一步的计划
深入学习HTML和CSS的高级 应用，提高网页设计的水平。
学习更多的网页布局和排版 原则，提高网页设计的美观 度和用户体验。
探索更多的图像处理技巧和 工具，提高图像处理能力。
网页设计与制作实验2： 文本操作与图像操作
目录
Contents
• 实验介绍 • 文本操作 • 图像操作 • 实例展示 • 实验总结
01 实验介绍
实验目的
01
掌握HTML和CSS的基本语法和标签，能够编写简单 的网页。
02
学会使用文本和图像元素在网页中添加内容，并对 其进行样式设置。
03
理解网页布局和排版的原理，能够实现简单的网页 布局。
03 图像操作
图像插入与调整
插入图像
在网页编辑器中，选择插入图像功能，上传 本地图片或使用在线图片链接。
图像位置调整
使用定位属性，如"float"或"position"，来 控制图像在页面上的位置。
调整图像大小
通过调整图像的宽度和高度属性，改变图像 的尺寸。
《网页设计与制作》课程大纲
《网页设计与制作》课程大纲《网页设计与制作》课程教学大纲适用专业：计算机网络技术学时：64学时一、编写说明（一）本课程的性质、目的和任务《网页设计与制作》是计算机网络技术专业的一门专业基础课。
通过本课程的学习，使学生能够掌握网页设计制作的基本知识和技巧，同时熟悉网站建设的基本知识，达到能独立构建简单网站或通过协作构建较复杂网站并设计相关网页的水平。
在完成基本知识教学的同时，还要通过实践环节，强化对学生动手能力的培养与训练。
（二）课程教学的基本要求通过本课程的学习，要求学生掌握HTML语言的文档结构和基本标签使用，能综合应用Dreamweaver CS6软件、HTML和CSS技术制作网页；掌握规划、开发、发布和管理静态网站的专业知识和技能；能独立构建简单网站或通过协作方式完成较复杂网站的建设，培养学生将理论知识应用于实践并解决实际问题的能力，为今后的进一步学习打下坚实基础。
（三）实践环节（四）本课程与其它课程的关系先修课程：计算机应用基础、图像处理软件PhotoShop后续课程：动态网站开发、中小型网站设计与开发等（五）教学时数分配表（六）考核方式与要求1.该课程是考查课2.考核形式：上机操作3.成绩的计算方法：①平时成绩：40％（主要评估学生的现实表现）②试卷成绩：60％（七）教材与主要参考书1.教材：《ADOBE DREAMWEAVER CS6标准培训教材》,ACAA专家委员会 DDC传媒编著,人民邮电出版社，2013年1月2.主要参考书：《中文版Dreamweaver CS6基础培训教程》,数字艺术教育研究室编著,人民邮电出版社，2014年6月二、课程各章教学内容纲要第1章Dreamweaver CS6基础知识1.教学基本要求（1）了解Dreamweaver CS6的工作界面及新功能2.具体教学内容（1）Dreamweaver CS6 简介△（2）Dreamweaver CS6 的工作界面（3）Dreamweaver CS6 的新功能第2章文本的处理与控制1.教学基本要求（1）理解HTML文件的基本结构（2）掌握文本的基本设置和项目列表的使用方法2.具体教学内容（1）设置网页标题（2）HTML文件的基本结构△（3）文本的基本设置（4）项目列表○（5）使用外部文本第3章建立超级链接1.教学基本要求（1）理解超级链接的概念（2）掌握为文本添加链接的方法，以及制作电子邮件链接，添加锚链接的方法2.具体教学内容（1）超级链接的概念△（2）为文本添加链接（3）检查链接△（4）制作电子邮件链接（5）下载链接△（6）添加锚链接第4章在网页中使用图像1.教学基本要求（1）掌握在Dreamweaver中插入图片以及处理图片的方法（2）掌握添加背景图像和使用Photoshop文件的方法2.具体教学内容（1）网络图形格式（2）在Dreamweaver中插入图片△（3）在Dreamweaver中处理图片（4）使用热区（5）制作鼠标指针经过图像（6）插入图像占位符△（7）添加背景图像○（8）使用Photoshop文件第5章在网页中使用多媒体1.教学基本要求（1）掌握在网页中使用Flash的方法（2）熟悉在网页中添加其他插件的方法2.具体教学内容△（1）在网页中使用Flash（2）在网页中添加其他插件第6章使用表格布局页面1.教学基本要求（1）理解页面布局及表格的相关知识（2）掌握表格的使用方法和表格式数据的处理方法2.具体教学内容（1）页面的布局（2）认识表格△（3）使用表格（4）格式化表格△（5）导入表格式数据△（6）导出表格式数据○（7）扩展表格模式和标准模式第7章使用AP Div布局页面1.教学基本要求（1）掌握AP Div的创建方法以及基本操作（2）掌握AP Div的属性设置方法和使用“AP 元素”面板的方法（3）熟悉AP Div的常见使用技巧2.具体教学内容（1）创建AP Div△（2）AP Div的操作△（3）设置AP Div的属性（4）使用“AP 元素”面板○（5）AP Div的使用技巧第8章使用层叠样式表1.教学基本要求（1）掌握层叠样式表（CSS）的创建和CSS样式的使用方法（2）掌握Div标签的应用方法2.具体教学内容（1）层叠样式表基础（2）在Dreamweaver中创建层叠样式表△○（3）使用CSS 样式（4）ID（5）标签（6）复合内容△（7）使用Div标签○（8）CSS布局块可视化第9章使用流体网格布局1.教学基本要求（1）掌握流体网格布局创建的方法和使用流体网格布局网页的方法（2）熟悉使用媒体查询重置样式的方法2.具体教学内容（1）流体网格布局简介△○（2）使用流体网格布局（3）使用媒体查询重置样式第10章使用模板和库1.教学基本要求（1）掌握模板的创建、编辑和管理方法以及软件自带模板的使用方法（2）熟悉库的创建与管理方法2.具体教学内容△（1）使用软件自身提供的模板△（2）创建自定义模板（3）创建模板的可编辑区域（4）使用可选区域（5）使用重复区域（6）应用模板（7）编辑和更新模板（8）在基于模板的文档中编辑内容（9）管理模板○（10）库项目第11章使用行为1.教学基本要求（1）熟悉行为的应用、修改和设置方法2.具体教学内容（1）什么是行为△（2）应用行为（3）修改行为○（4）设置行为第12章使用表单1.教学基本要求（1）掌握表单的使用方法（2）熟悉spry构件的相关知识2.具体教学内容（1）表单的工作模式（2）在页面中插入表单△○（3）插入表单对象并设置其属性○（4）Spry构件第13章网站的创建与管理1.教学基本要求（1）掌握网站的创建与管理方法2.具体教学内容○（1）规划网站（2）使用“资源”面板△（3）创建Dreamweaver本地站点△（4）管理站点信息（5）创建和管理文件注：△-表示重点○-表示难点编写人：审核人：。
网页设计与制作大纲
《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。
“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。
二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。
本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。
通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。
三、课程总体结构、教学环节和课时分配四、教学内容第一章概述 2学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。
教学重点与难点：HTML的语法结构、超级链接的语法、表格和框架的基本语法。
第一节 HTML概述一、HTML简介二、HTML语法结构第二节文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节图像编辑一、插入图像二、使用背景图像第四节建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。
《网页设计与制作》-实训指导书
目录实训1 站点创建实训2 搜集素材实训3 用表格设计主页布局实训4 在主页制作中插入文本操作实训5 在主页制作中插入图像操作实训6 在主页制作中超级链接的设置实训7 制作动感网页实训8 表单制作实训9 CSS样式表的使用实训10 JavaScript技术实训11 应用行为实训12 利用框架制作“公司简介"网页实训13 利用布局表格制作“新书推介”网页实训14 模板和库的使用实训15 利用层的布局制作“技术支持”网页实训16 网页设计与网站管理实训17 网站开发综合实训实训1 站点创建实训目的为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性，掌握创建网站目录结构、栏目文件夹、网页文件的基本操作方法。
实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或128M ;硬盘不小于 500M ； VGA 彩显,带鼠标器。
操作系统：Windows95/98/me/2000/XP软件环境:Dreamweaver MX 2004特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材.实训课时2学时实训内容创建站点：创建网站目录结构：创建栏目文件夹:创建网页文件：掌握设置网页的页面属性实训要求要求学生能掌握如何创建站点，正确创建网站目录结构及栏目文件夹，创建主页文件index。
htm，并正确命名，掌握设置网页的页面属性的方法.实训步骤1、在E盘中新建本地根文件夹，命名为bookman，并在该文件夹中新建image 文件夹以存放网站中所要用到的图片。
2、定义站点：设置”站点名称”，命名为 "博客人";设置本地根文件夹，指定为E盘下的bookman文件夹;设置 "HTTP地址"为localhost.3、创建网站目录结构及栏目文件夹（如下图）：4、E盘下的bookman文件夹创建主页文件index。
htm5、设置网页的页面属性。
潍坊学院网页设计与制作课程(0203007)实验大纲
潍坊学院《网页设计与制作》课程（0203007）实验大纲适用专业：计算机科学与技术专业，网络工程专业，通信工程专业；实验学时：16学时一、实验的性质、任务和基本要求(一)本实验课的性质、任务《网页设计与制作》是计算机科学与技术专业的专业基础课，具有较强的技术性和实用性，本课程旨在培养学生设计和制作静态网站和网页的能力，为后续课程的学习做准备。
实验是巩固课堂教学质量必不可少的重要手段，实验课的任务是通过实验巩固加深对所学知识的的掌握，培养学生的动手能力和设计能力。
（二）基本要求1、熟练使用网页制作三剑客：Dreamweaver MX 2004，Fireworks MX 2004，Flash MX 2004；2、掌握域名和空间的申请方法，能进行网站发布，对网站进行管理；3、熟练使用HTML语言；4、使用JavaScript和VBScript编写脚本；5、根据任务需求建立客户端的的静态网页和网站；二、实验教学内容实验一用Dreamweaver制作网页实验(一)1、实验目的（1）熟练使用Dreamweaver工具箱、属性面板和面板组；（2）掌握创建站点、保存文档和文本格式化的方法；（3）掌握创建各种类型超链接的方法。
2、实验内容（1）新建一个网页文档，书写文字，用属性面板定义文字的字体、字号、颜色、排列方式等，预览文档，将文档保存在盘上；（2）创建一个站点，编辑站点，保存站点，并站点中创建文档和文件夹；（3）建立CSS样式，用CSS样式格式文档中的文本；（3）在站点中为文档创建各种类型的超链接。
（1）了解工具箱、属性面板和面板组的使用方法；（2）掌握站点的相关操作；（3）掌握文本格式化的相关操作；（4）掌握超链接的相关操作；（5）写出实验报告。
实验二用Dreamweaver制作网页实验(二)1、实验目的（1）掌握页面布局的三种方法；（2）掌握表单建立的方法；（3）掌握插入多媒体元素的方法；（4）掌握行为的使用方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》课程实验教学大纲课程性质：独立设课课程属性：专业基础实验课适用专业：应用技术、多媒体技术学时：总学时 96 实验学时 32开出时间：二年级一学期综合性、设计性实验项目数：4 学时先修课程：计算机基础一、课程简介《网页设计与制作》课程是计算机专业的一门必修专业课程。
它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态等多项相关知识，通过开发一个，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》等课程打下一个坚实的基础。
通过本课程的学习，使学生掌握运用Dreamweaver进行的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。
从而能够承担制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。
从而培养学生的开发的能力和职业素质。
二、实验教学目的及要求通过上机实践，让学生掌握网页设计与制作的基本知识和基本技能，能较熟练地在Dreamweaver平台下合理设计网页并对站点进行规划、管理、发布，从而为下一阶段学习动态网页技术和高级Web程序设计打下良好的理论和实践基础。
三、实验项目设置表（注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等）四、考核方法与评分标准上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为：上机成绩 =上机表现成绩（50%）+实验报告成绩（50% ）。
上机部分的成绩在本课程总成绩中占有的分值为20。
上机表现成绩基于上机实验出勤情况及上机过程的表现，每次上机对应1分。
实验报告成绩基于每个项目对应的实验报告完成情况，一个项目对应1分。
五、教材或指导书1、教材：《网页设计与制作》，马占欣、周文刚、支建飞编著，中国水利水电，20072、主要参考书：1）马占欣、周文刚、支建飞. 网页设计与制作.：中国水利水电，2007.2）甘登岱.网页设计三剑客(第5版).：机械工业,2006.六、单项实验的容和要求1、实验名称：使用HTML语言进行简单的网页设计实验容：用记事本或写字板编写HTML文档，该文档文件名为“_1.htm”,使得最后显示效果如下图所示：实验要求：1.掌握WWW的工作原理；2.掌握HTML语言的基本语法，并利用该语言进行简单的网页设计。
2、实验名称：使用Dreamweaver创建站点和主页文件实验容：1．建立本地站点(1)在D盘建立一个名为“mysite”的文件夹。
(2)在文件夹“mysite”基础上建立一个名为“我的个人”的站点。
（提示：站点|新建站点）2. 在“mysite”中创建和设置主页文件index.html，要求如下：(1)标题为“我的个人”,设置bg.jpg作为背景，上边距和左边距设为0(2)网页中插入三行文字1）第一行为“欢迎光临我的个人”（格式要求：居中，字体大小为7）2）第二行为“这是我做的第一个网页”（格式要求：居左，字体大小为5）3）第三行为“请多多指教”（格式要求：居右，字体大小为1）(3)在网页适当的位置插入一条水平线，结合网页背景设置水平线的颜色实验要求：1．掌握站点的创建2．掌握网页文件的基本操作；页面属性的设置；文本的插入和格式设置3、实验名称：文档的基本操作实验容：1.使用Dreamweaver制作如下一个页面，命名为“index.htm”，并在浏览器中运行，结果如下图所示。
在主页“index.html”中，要求添加背景颜色，每句诗之间要空行，且整个诗要求居中，在“QQ的生活”创建一个空。
实验要求：掌握文档的基本操作，掌握文本的属性设置。
4、实验名称：表格的创建和使用实验容：1．创建如下图所示的表格2.使用表格完成如下图所示的页面布局。
实验要求：1．掌握表格的创建；表格的基本操作2．掌握使用表格或布局表格设计网页的布局5、实验名称：多媒体元素的插入1．使用布局表格完成效果如下图所示的页面布局，并插入网页的基本元素。
Flash动画2、任选图像和文本，掌握两者的相互对齐方式实验要求：掌握图像、声音、动画、视频和其他多媒体元素的插入。
6、实验名称：实验容：1．将上次的作业复制到d盘，对主页文件”index.html”进行以下操作：(1)选中图像”美食介绍”，到网页“msjs.html”(2)选中文本“伪满皇宫”，到网页“wmhg.html”(3)为文本“联系我们”创建电子，地址为自己的2.创建一个网页“map.html”，将图片”map.jpg”插入到网页中，请地图中创建若干热点，点击各热点时要求如下：1)点击地区时，到zhoukou.html文件上（在原窗口中显示）。
2)点击地区时，到某个图片上（在新窗口中显示）。
3)点击地区时，做一个电子，收件人是你本人的地址. 4)点击地区时，做一个远程登陆，目标地址是：5)点击地区时，做一个脚本，用alert函数弹出任意容的信息窗口6)点击地区时，要求跳到zhoukou.html文件的底部（在该文件底部添加命名锚记）7)在网页的顶部添加标题“省地图导航”，并将它做成一个超，要求鼠标放上时，右下角显示标题“这是图象地图”，目标为空（任意一种），并且可以使用“alt+d”快捷键直接选中该。
实验要求：1．掌握相对路径的设置2．掌握基本超级、电子、热点、锚点、脚本的创建7、实验名称：制作具有框架结构的网页实验容：1、建立一个名为“花的世界”的站点，自己定义站点文件夹名，并创建一个如下所示的框架集，根据需要对其中各个框架的大小和属性进行设置并保存(文件|保存全部)，保存时建议输入一个好记的名称。
当单击左边框架花的名称，主框架中会显示对应的容。
实验要求：1．了解框架集和框架的概念2．掌握框架结构网页的创建及常用属性的设置8、实验名称：创建CSS样式表实验容：1.完成以下操作：(1) 使用重定义标签的方法把1.htm中的表格中的所有文字设置成12像素，红色，应用围仅对该文档。
(2) 首先把1.html中的表格中“连接”两个字做成空，然后把该使用重定义标签的方法设置成没有下划线，绿色，14象素大小。
应用围是外部的样式表文件，名字为new.css(3) 使用CSS高级样式，把2.htm中的的四种状态分别定义为：正常状态（link）为红色，12像素；鼠标放上状态（hovor）为蓝色，14像素；正在点击状态（active）为黄色，16像素；访问过的状态（visitied）为黑色，18像素。
以上四种状态都没有下划线。
应用围仅对该文档。
(4) 使用自定义样式（class）的方法，把3.htm中的4句话分别设置4种不同颜色和字体的的自定义样式，名字任意。
(5) 新建一个文件4.htm，在其中建立一个，用外部样式表的形式把new.css中的样式应用到当前文档中。
实验要求：1．了解CSS的基本概念2．掌握三种CSS样式类型的创建及应用3. 掌握”CSS规则定义”对话框中样式八大类别的使用9、实验名称：利用时间轴创建层动画实验容：1、建立文件donghua1.htm，要求在图片背景上，使用能够扇动翅膀的3蝴蝶图片(GIF格式)，结合层和时间轴设计出自由纷飞的效果。
2、建立文件donghua2.htm,利用层的嵌套属性结合时间轴能够制作出站点中常见的公告板，公告板中的文字从下向上循环运动，能够对网页中的重要容进行动态分布.3、建立文件donghua3.htm，利用录制层路径的方法创建一个动画，要求层运动的轨迹是一个近似圆形，预览时，动画在打开浏览器两秒钟后才开始播放，请根据时间轴的相关知识实现。
实验要求：1．了解时间轴2．掌握应用层和时间轴制作动画的方法10、实验名称：添加行为实验容：1. 在页面1.htm中继续回车换行，插入一个层，设置层的背景颜色为绿色，当在层上单击鼠标时，层的背景颜色变为红色。
2．建立页面2.htm，插入图片“hh.jpg”，在图片上3个圆形区域“机器猫”“小黑熊”“米老鼠”上分别创建3个热点。
当鼠标移到相应热点上时，显示相应的图片，鼠标移开时，所有图片消失。
请根据层和行为实现。
效果如下入所示：实验要求：1．熟悉对象、事件、动作和行为的基本概念2．掌握使用行为面板添加和编辑各种行为3. 掌握Dreamweaver自带行为的应用11、实验名称：创建模板和库实验容：1.利用模板制作如下图所示的网页。
图人与自然首页图植物天地页面图动物世界页面实验要求：1．掌握利用资源面板管理站点中各种资源2．掌握利用模板和库制作统一风格的，并更新中的各个网页12、实验名称：制作表单实验容：结合表格的布局功能和CSS样式表的相关知识，设计如下图所示的表单页面。
实验要求：1.掌握在网页中插入表单的操作2.掌握表单元素属性的设置的操作3.能够运用表单及表单对象制作网页13、实验名称：制作一个静态网页实验容：1.请按照图中所示进行主页设计，在完成设计后的“个人信息”栏中写上自己的，学号。
2.页面布局要合理，不能出现表格偏移，错位的情况。
页面要分成明显的图片标题区，导航条区，主容区以及最下面的说明区。
3.其中当前日期的代码已经给出（时间代码.txt）,请把该代码正确应用到网页的导航条中4.导航条要求用单线表格完成（如图，即表格边框仍为0，但单元格之间有分界线且为单线）。
5.使用表单设计主页左上方的“极限论坛”区域，区域中“注册”和“登陆” 按钮要求用图象域完成。
6.结合使用层和时间轴在主页左下方设计“站务新闻”区域（即自动垂直滚动条），区域的文字在打开主页时由下至上滚动，且当鼠标放到文字上时，文字停止滚动，鼠标移开时滚动继续。
7.主页的所有文字请使用CSS样式设为宋体，12象素，红色（#d90000）,居中对齐。
“极限论坛”和“站务新闻”栏目的背景颜色用CSS样式设定为粉红色（#ffecec）。