网页设计与制作大纲

1、网页设计与制作大纲一、课程的地位与性质“网页设计与制作”是高职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML、dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。二、课程的任务与目的通过对网页设计与制作基础知识和技能的学习,使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网

2、页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。三、课程总体结构、教学环节和课时分配章课程内容课 时小计讲授实验案例其他1概述220002HTML624003Dream weaver基础422004网页中的基础元素624005网页页面布局1028006网页中的层和时间轴312007表单的应用624008CSS样式使用8269在网页中使用行为31210网页中的多媒体应用312合计511734四、教学内容第一章 概述

3、2学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节 网页和网站一、网页二、网站三、网页的基本功能第二节 网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节 网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节 网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章 HTML语言基础 2学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。教学重点与难点：HTM

4、L的语法结构、超级链接的语法、表格和框架的基本语法。第一节 HTML概述一、HTML简介二、HTML语法结构第二节 文本的编辑一、段落标记二、文本标记三、标题显示等级四、列表第三节 图像编辑一、插入图像二、使用背景图像第四节 建立超链接一、建立超链接二、使用书签三、标记新窗口和基准链接第五节 表格与框架一、建立表格二、表格属性三、建立框架四、框架属性第三章 Dream weaver基础 2学时教学目的：了解DW8的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。教学重点与难点：规划站点的结构、网页的基本操作第一节 Dream weaver 8工作界面一、启动和退出Dreamwe

5、aver二、Dreamweaver8操作界面第二节 规划与创建站点一、规划网站的整体结构二、建立本地站点三、管理本地站点第三节 网页文件的基本操作一、新建网页二、保存网页三、关闭网页四、打开网页五、预览网页第四章 网页中的基础元素 2学时教学目的：通过本章的学习可以掌握在网页中的文本和段落的设置方法，掌握图像的插入及其属性的设置的方法，熟悉页面属性的设置，熟悉各种超级链接及设置。教学重点与难点：文本和段落的设置文本、图像的插入及其属性的设置、超链接第一节 在网页中插入文本一、插入文本二、设置文本格式三、段落格式的编辑四、设置列表五、简单的CSS样式应用第二节 在网页插入图像一、插入图像二、设置

6、图像属性三、编辑图像四、图像外部编辑五、鼠标经过图像六、创建导航条第三节 插入其他网页元素一、水平线二、日期和时间第四节 设置网页的页面属性一、打开页面属性对话框二、设置网页的标题三、设置网页的背景四、设置网页的文本五、设置网页的边界第五节 设置超级链接一、超链接的路径二、创建基本超链接三、锚点链接四、热区链接五、电子邮件链接第五章 页面布局规划 2学时教学目的：学会运用表格进行数据展示及进行网页布局，学会使用框架结构建立网页。教学重点与难点：表格的插入、表格的编排和设置、利用表格进行布局第一节 表格的基本操作 一、插入表格二、添加内容三、选择表格四、设置表格属性五、编辑表格的基本操作第二节

7、表格布局一、布局视图二、绘制布局表格和布局单元格三、编辑布局表格和布局单元格第三节 框架布局一、建立框架二、框架面板三、设置框架的属性四、保存框架五、框架中的超链接第六章 网页中的层和时间轴 1学时教学目的：通过教学，使学生掌握Dream weaver层的概念、层的操作方法；时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法。教学重点与难点：层的操作方法、时间轴操作方法第一节 层一、创建层二、层的基本操作三、层与表格的转换第二节 时间轴一、认识时间轴二、创建动画第七章 表单的应用 2学时教学目的：表单，可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁，在本章将学习如何使用

8、表单创建描述表单信息的网页。教学重点与难点：创建表单、处理表单的方法第一节 创建表单一、表单概述二、表单对象三、插入表单四、表单属性第二节 创建表单对象一、创建文本域二、创建复选框三、创建单选按钮四、创建列表/菜单五、创建文件域六、创建跳转菜单七、创建按钮八、创建单选按钮组九、创建图像域第三节 处理表单一、使用行为验证表单二、利用邮件传送表单第八章 CSS样式使用 2学时教学目的：通过教学，使学生掌握CSS样式表的基本概念，会使用CSS样式面板。掌握创建CSS样式表的方法，新建CSS样式表，设置CSS样式定义对话框，创建外部CSS样式表，使用和编辑自定义CSS样式表。教学重点与难点：新建和和应

9、用CSS样式表，CSS经典应用（大字、下划线）、滤镜的作用。第一节 CSS样式概述一、认识CSS样式二、CSS样式的类型三、CSS样式面板第二节 使用CSS样式一、创建CSS样式二、附加外部CSS样式三、应用CSS样式四、编辑CSS样式五、删除CSS样式第三节 CSS样式设置（拓展内容，可根据课时来安排是否讲授）一、类型二、背景三、区块四、方框五、边框六、列表七、定位八、扩展第四节 CSS样式经典实例一、改变鼠标形状二、更改超链接的样式三、应用CSS滤镜第九章 在网页中使用行为 1学时教学目的：通过教学，使学生掌握Dreamweaver中行为的概念，熟练掌握使用行为面板对行为的各种操作方法。使

10、用Dreamweaver 的内置行为为网页对象添加各种常用的行为。教学重点与难点：使用Dreamweaver 的内置行为为网页对象添加各种常用的行为第一节 认识行为一、认识行为二、使用行为面板三、增加行为的基本步骤四、修改行为第二节 使用Dreamwerver8内置的行为（拓展内容，可根据课时来安排是否完全讲授）一、播放声音二、打开浏览器窗口三、弹出消息四、转到URL五、设置状态栏文本六、拖动层七、显示隐藏层八、检查浏览器九、改变对象属性十、控制Shockwave或Flash第十章 网页中的多媒体应用 1学时教学目的：通过教学，使学生掌握在Dreamweaver中插入音频文件的方法，掌握在Dr

11、eamweaver中插入Flash文件的方法，掌握在Dreamweaver中嵌入视频文件的方法。教学重点与难点：在Dreamweaver中插入音频文件、Flash文件、嵌入视频文件的方法。第一节 在网页中插入音频一、链接到音频文件二、在网页中嵌入音频文件三、在网页加入背景音乐第二节 在网页中插入Flash动画一、插入Flash文本二、插入Flash按钮三、插入Flash动画第三节 在网页中插入视频一、链接到视频文件二、在网页中嵌入视频文件五、教学建议1、必须以实际出发，密切联系当前网络的实际情况，要按照洋为中用、外为我用的精神，认真学习网页设计知识，加强动手能力的培养，不断提高解决实际问题的能力。2、在学习中不仅要注重HTML和dreamweaver基本知识的掌握，还要对网页的主要概念和操作内容进行模拟和训练，通过课堂学习、课后练习和模拟实验、实训及到业务部门实习，使基本技能的训练得到加强，培养学生实际操作的能力。3、考试：考试形