网页设计与制作实践教学大纲讲解.doc

网页设计与制作实践教学大纲本实践教学大纲是电子商务专业“网页设计与制作”等相关基础课程的实践教学大纲，是完成“网页设计与制作”课程和培养网页设计与制作的基本操作技能的重要实习实践环节。总学时为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个网页。实验三 创建简单网页实例 2学时（一）实验目的(1熟悉基本网元素及其操作(2能够运用页面属性设置网页的背景等内容（二）实验要求实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。（三）学时分配本实践项目为2学时。（四）实验内容本实验的内容主要是制作一个“长春悠游网”的主页文件及其它2-3个相关网页，每个它包括文本、图像、水平线以及日期和时间等元素。实验四 创建网页超链接 3学时（一）实验目的超链接的基本定义及基各种超链接的创建和编辑操作（二）实验要求实验前认真预习，熟练掌握有关概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。（三）学时分配本实践项目为3学时。（四）实验内容本实验的内容主要是利用上次实验的内容制作超级链接，包括文本、图像、热区以及锚点链接。实验五 利用表格布局页 4学时（一）实验目的(1利用表格进行文本的整齐排列和自由的图文混排(2在整个表格内使用背景图像和色彩。（二）实验要求实验前认真预习，熟练掌握有关表格布局的基础概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。（三）学时分配本实践项目为4学时。（四）实验内容本实验的内容主要是利用表格进行网页的定位练习1. 建立一个本地站点, 包括2-3个网页2. 制作两个利用表格定位的网页其中一个为教师指定样式，另一个可以自由发挥。3. 设置超链接将站点中的网页链接起来。实验六 框架网页的创建 4学时（一）实验目的掌握和了解框架网页的创建和编辑操作，熟悉目标框架的设定。（二）实验要求实验前认真预习，熟练掌握有关框架网页的基础概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。（三）学时分配本实践项目为4学时。（四）实验内容本实验的内容主要是利用框架结构来建立网页，并设置目标框架。1. 建立一个本地站点, 包括2-3个网页2. 制作两个框架网页其中一个为教师指定样式，另一个可以自由发挥。3. 设置网页间的超链接, 并设置目标框架.实验七 时间轴动画制作 3学时（一）实验目的(1掌握时间轴和层的基本理论(2熟悉层面板，利用时间轴制作层动画。（二）实验要求实验前认真预习，熟练掌握有关时间轴和层概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师。（三）学时分配本实践项目为3学时。（四）实验内容使用层和时间轴制作动画：1. 建立一个本地站点, 包括2-3个网页2、在网页上添加如下的时间轴动画(1层的曲线运动(2录制层路径3. 设置超链接将站点中的网页链接起来。实验八 表单网页的创建 3学时（一）实验目的(1熟悉和掌握表单的各元素的基本操作(2能够独立创建表单网页实例（二）实验要求实验前认真预习，熟练掌握有关表单网页的基础概念和知识。实验过程中记录发生的现象并分析原因。实验完毕将所有文件打包交给老师，并保存设计结果供下一个实验使用。（三）学时分配本实践项目为3学时。（四）实验内容本实验的内容主要是熟练表单的基本操作，并制作表单网页。1. 建立一个本地站点, 包括2-3个网页2. 其中一个网页为表单网为老师指定, 其他含表单项目网页自由发挥制作。3. 设置超链接将站点中的网页链接起来。实验九 实验九 简单的行为的应用 简单的行为的应用 行为的应 2 学时 （一）实验目的 (1添加内置的行为。 (2设置触发行为的事件。 （二）实验要求 实验前认真预习，熟练掌握有关行为和事件的概念和知识。实验过程中记录发生 的现象并分析原因。实验完毕将所有文件打包交给老师。 （三）学时分配 本实践项目为 2 学时。 （四）实验内容 利用 Dreamweaver 添加内置行为和设置触发事件，为网页增加页面效果。 1.建立一个本地站点,包括 2-3 个网页 2.为每网页添加一种行为. 3.设置超链接将站点中的网页链接起来。 实验十 实验十 样式在网页中的应用 CSS 样式在网页中的应用 3 学时 （一）实验目的 (1利用 CSS 定义鼠标的形状。 (2利用 CSS 滤镜增加页面效果。 （二）实验要求 实验前认真预习，熟练掌握有关 CSS 概念和知识。实验过程中记录发生的现象并 分析原因。实验完毕将所有文件打包交给老师。 （三）学时分配 本实践项目为 3 学时。 （四）实验内容 利用 CSS 定义鼠标的形状，利用 CSS 滤镜增加页面效果。 1.建立一个本地站点,包括 2-3 个网页 2、鼠标样式的设置 3、滤镜的使用 6 4.设置超链接将站点中的网页链接起来。 实验十 实验十一：网页中多媒体的应用 2 学时 网页中多媒体的 （一）实验目的 （1）掌握在网页中插入各种音频文件的操作 （2）掌握在网页中插入 Flash 文件的操作 （3）掌握在网页插入视频文件的操作 （二）实验要求 实验前认真预习，熟练掌握有关多媒体的基本概念和知识。实验过程中记录发生 的现象并分析原因。实验完毕将所有文件打包交给老师。 （三）学时分配 本实践项目为 2 学时。 （四）实验内容 1.建立一个本地站点,包括 2-3 个网页 2.分别在网页添加如下的多媒体效果: （1）插入各种音频文件 （2）插入 Flash 文件 （3）插入视频文件 3.设置超链接将站点中的网页链接起来。 实验十 实验十二：模板和库在网页中的应用 2 学时 模板和库在网页中的应用 （一）实验目的 (1掌握模板和库项目的创建操作 (2能够应用模板和库设计网页 (3掌握利用模板和库更新页面的方法 （二）实验要求 实验前认真预习，熟练掌握有关模板和库的基本概念和知识。实验过程中记录发 生的现象并分析原因。实验完毕将所有文件打包交给老师。 （三）学时分配 本实践项目为 2 学时。 （四）实验内容 7 1.建立一个本地站点,包括 2-3 个网页 2.在网站中创建模板和库项目 3.在网站利用模板创建网页. 4.在网页添加库项目并修改后进行更新. 5.设置超链接将站点中的网页链接起来。 实验十 实验十三：站点测试和发布 2 学时 （一）实验目的 (1站点测试的内容与操作 (2定义远程站点的方法 (3使用 Dreamweaver8 发布站点 （二）实验要求 实验前认真预习，熟练掌握有关站点测试和发布的基本概念和知识。实验过程中 记录发生的现象并分析原因。实验完毕将所有文件打包交给老师。 （三）学时分配 本实践项目为 2 学时。 （四）实验内容 利用在实验项目十一中的站点,完成以下操作 (1进行站点的测试 (2利用 Dreamweaver 的内置 FTP 将本地点连接到远端站点,并将网站上传到远端 站点. 实验十四 实验十四：FLSH 基础实验 9 学时 （一）实验目的 （1）熟悉 Flash 的界面和文件操作。 （2）基本掌握各种文字特效的制作方法。 （3）基本掌握各种基本动画的制作方法。 （二）实验要求 实验前认真预习，熟练掌握有关 Flash 的基本概念和知识。实验过程中记录发生 的现象并分析原因。实验完毕将所有文件打包交给老师。 （三）学时分配 8 本实践项目为 9 学时