《网页设计与制作实践大纲和实习指导书1.docVIP

《网页设计与制作》实践大纲《网页设计与制作》实习指导书 【实验简介】 掌握使用 HTML 代码、熟练运用 Dreamweaver 设计网页；利用 Fireworks 图片处理；利用 Flash 制作动画。 【实验目标】 通过实验，使学生能进行 WEB 站点网页的规划、设计、制作、管理与维护。 【学时数】 32 学时 【学时分配】 ? 部分 秩序 实验内容 实验课时 HTML 1 网页的创建及其基本结构 2 2 HTML 的常用标签 1 2 3 HTML 的常用标签 2 2 Dreamweaver 4 站点的资源管理 2 5 创建简单页面 2 6 表格的使用 2 7 框架和层 2 8 CSS 样式表 2 9 表单和模板 2 10 数据库的应用 2 Fireworks 11 Fireworks 基本工具的使用及操作 2 12 Fireworks 图片处理 2 13 创建按钮和弹出菜单 2 Flash 14 FLASH 基本工具的使用及操作 2 15 Flash 基本动画的制作 2 16 Flash 组件的使用 2 合计 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 ．利用页面属性对话框设置页面的背景颜色或背景图像，并更改超链接的颜色和样式。 实验项目五 表格、框架和表单 【 实验目的 】 使学生掌握表格的高级应用，框架的建立及实际应用。 【 实验内容 】 1 ．下载一览表（插入表格并进行表格属性的设置，格式化表格）。 2 ．顾客的预约服务（表单控件的综合使用，其中把［确定］按钮的动作设置为油箱的超链接）。 3 ． “ 宠物商店 ” （制作框架网页，并在框架网页中设置超链接）。当用户单击左侧的动物图标时，在 右侧就 会看见该种动物的图像库。 实验项目六 模板和库 【 实验目的 】 使学生掌握模板的应用，库的使用。 【 实验内容 】 1 ．制作网站模板，把模板应用到二级页面。 2 ．制作库文件， 把库作为 页脚应用到二级页面。 实验项目七 行为的使用 【 实验目的 】 使学生掌握行为的应用，动画的实现。 【 实验内容 】 1 ．进站公告（当网页加载时，弹出关于站点更新的最新消息）。 2 ．请记住我们（网页加载时，在状态栏上显示公司的地址及联系方式）。 3 ．蝴蝶飞花（打开网页时，会看到一只蝴蝶慢慢的飞到一朵花的上面）。 4 ．动态的导航条（利用图像来制作动态的导航菜单，当鼠标指向图像时，会显示另一幅图像，当单击图像时，会连接到指定的页面上）。 5 ．当单击上部