网页设计与制作大纲

《网页设计与制作》大纲一、课程的地位与性质“网页设计与制作”是中职动漫设计与制作专业的职业技术课程，重点讲述网页设计与制作的基础知识、基本理论和基本技能，是一门包含了网页、网站的概念、网页主要工具软件HTML dream weaver中文版的使用等诸多知识的操作性极强的技能型应用课程。

“网页设计与制作”以“信息技术与应用”和“计算机辅助平面设计”为前期基础课程。

】、课程的任务与目的通过对网页设计与制作基础知识和技能的学习，使学生系统了解网页、网站的概念、网页主要工具软件dream weaver的使用等基础知识，熟练运用网页制作的工具软件，使学生具有网页、网站制作的知识与能力，具备应用电脑独立开发网页、网站并将网站上传并测试的技能，具备解决网页设计、网站开发中出现各种问题的能力。

本课程培养学生的职业素养和创新能力，为日后走向工作岗位打下理论与实践基础。

通过本课程的学习实现学生思想过硬、理论基础扎实、实际工作能力强的教学目标。

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

教学重点与难点：HTM啲语法结构、超级链接的语法、表格和框架的基本语法。

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

教学重点与难点：规划站点的结构、网页的基本操作第一节Dream weaver 8 工作界面一、启动和退出Dreamweaver二、Dreamweaver8操作界面第二节规划与创建站点一、规划网站的整体结构二、建立本地站点三、管理本地站点第三节网页文件的基本操作一、新建网页二、保存网页三、关闭网页四、打开网页五、预览网页第四章网页中的基础兀素 2 学时教学目的：通过本章的学习可以掌握在网页中的文本和段落的设置方法，掌握图像的插入及其属性的设置的方法，熟悉页面属性的设置，熟悉各种超级链接及设置教学重点与难点：文本和段落的设置文本、图像的插入及其属性的设置、超链接第一节在网页中插入文本一、插入文本二、设置文本格式三、段落格式的编辑四、设置列表五、简单的csS羊式应用第二节在网页插入图像一、插入图像二、设置图像属性三、编辑图像四、图像外部编辑五、鼠标经过图像六、创建导航条第三节插入其他网页元素一、水平线二、日期和时间第四节设置网页的页面属性一、打开页面属性对话框二、设置网页的标题三、设置网页的背景四、设置网页的文本五、设置网页的边界第五节设置超级链接、超链接的路径、创建基本超链接三、锚点链接四、热区链接五、电子邮件链接第五章页面布局规划2 学时教学目的：学会运用表格进行数据展示及进行网页布局，学会使用框架结构建立网页。

教学重点与难点：表格的插入、表格的编排和设置、利用表格进行布局第一节表格的基本操作一、插入表格二、添加内容三、选择表格四、设置表格属性五、编辑表格的基本操作第二节表格布局一、布局视图二、绘制布局表格和布局单元格三、编辑布局表格和布局单元格第三节框架布局一、建立框架二、框架面板三、设置框架的属性四、保存框架五、框架中的超链接第六章网页中的层和时间轴1 学时教学目的：通过教学，使学生掌握Dreamweaver层的概念、层的操作方法；时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法。

教学重点与难点：层的操作方法、时间轴操作方法第一节层、创建层二、层的基本操作三、层与表格的转换第二节时间轴一、认识时间轴二、创建动画第七章表单的应用2 学时教学目的：表单，可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁，在本章将学习如何使用表单创建描述表单信息的网页。

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

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

使用Dreamweaver的内置行为为网页对象添加各种常用的行为。

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

教学重点与难点：在Dreamweave冲插入音频文件、Flash文件、嵌入视频文件的方法。

第一节在网页中插入音频一、链接到音频文件二、在网页中嵌入音频文件三、在网页加入背景音乐第二节在网页中插入Flash动画一、插入Flash文本二、插入Flash按钮三、插入Flash动画第二节在网页中插入视频一、链接到视频文件二、在网页中嵌入视频文件五、教学建议1、必须以实际出发，密切联系当前网络的实际情况，要按照洋为中用、夕卜为我用的精神，认真学习网页设计知识，加强动手能力的培养，不断提高解决实际问题的能力。

2、在学习中不仅要注重HTML和dreamweaver基本知识的掌握，还要对网页的主要概念和操作内容进行模拟和训练，通过课堂学习、课后练习和模拟实验、实训及到业务部门实习，使基本技能的训练得到加强，培养学生实际操作的能力。

3、考试：①考试形式：无纸化考试，实验课考试。

②评卷标准：60%期末卷面+40%F时成绩及上机操作六、使用说明本大纲适用于软件技术专业。

本大纲推荐使用的教材为《网页设计与制作》（高等教育出版社出版，李显萍主编，国家级^一五规划教材，2007年7月出版）编写人：（签字）于海峰教研室主任：（签字）系（部）主任：（签字）编写日期：2014年11月22日执行日期：2015年1月1日。