网页设计与制作教学大纲
《网页制作与设计》教学大纲
学时：72 学时
课程类别：专业必修课
适用专业：软件技术
一、课程的性质与任务
课程的性质：本课程是一门专业基础课，要求学生掌握HTML、css和dreamweaver制作网页的知识和技术，同时为后续课程的学习奠定基础。
课程的任务：通过本课程的学习，使学生了解网站开发的流程，掌握HTML和CSS技术实现网页的构建和美化，并用dreamweaver CS5工具实现网页的制作。
前导课程：计算机应用基础
后续课程：Javascript、 Java Web组件编程等
二、教学基本要求
本课程以《计算机应用基础》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握HTML、CSS等网页基础编程知识，并使用主流工具Dreamweaver CS5进行网页制作。
三、教学条件
多媒体教室，安装Adobe Dreamweaver CS5的一体化实训室
四、教学内容及学时安排
（一）优秀网页赏析
教学时数：4
教学目标：
1.理解网站相关的概念。
2.了解网页的基本组成元素
3.理解网站的主题定位，风格和网站布局。
4.制作第一个简单的静态网页
教学重点难点：
1. 理解网站的定位和风格
2、学习模仿网页的色彩搭配
2. 分析网站的布局
3. 能模仿制作一个简单网页。
教学方法：案例演示、理论讲解
教学案例：海尔集团网站（企业类）、携程旅游网（旅游类）、中国大众体育网（体育类）、新东方教育（教育类）、往届优秀毕业设计答辩系统、一个简单的静态网页理论教学内容：
1. 不同行业网站赏析
2. 网页与网站的概念和术语。
3. 网页组成元素。
4. 网站的策划与设计原则。
5. 网站的开发流程
6. 应用HTML、CSS制作第一个简单静态网页
实践教学内容：
1.第一个静态网页
实验目的：锻炼学生学会使用记事本编辑静态网页，使学生熟悉HTML标记语言和认识HTML语言的结构；提升学生学习兴趣和自信。
实验要求：要求学生会使用HTML搭建网页架构；在合适位置插入CSS代码并体会使用HTML制作网页的方法。
实验内容：按给定的要求和步骤实现一个静态网页的制作
（二）用HTML设置文本和图像
教学时数：4
教学目标：
1．进一步熟悉HTML文档结构
2．掌握文本排版标记
3．掌握文字列表的标记和属性
4. 掌握图像插入标记和属性
教学重点难点：
1．HTML文档结构
2．掌握文本排版标记
3．掌握文字列表的标记和属性
4. 掌握图像插入标记和属性
教学方法：案例演示、理论讲解
理论教学内容：
1.文本排版(
标记、
标记、标题标记)
2.设置文字列表(
- 和
- 标记)
3.HTML标记与HTML属性
4.插入和使用网页图像(标记和width、alt等属性
5．Dreamweaver CS5中设置文本何图像的方法
实践教学内容：
1.用HTML制作一个图文并茂的网页。
实验目的：熟悉HTML文件结构；掌握HTML中文字、列表、图像标记的使用
要求按照规定格式使用合适标记和属性进行排版，实现给定的效果图中显示效果
实验内容：用HTML语言编写一个图文并茂网页
（三）超链接网页
教学时数：4
教学目标：
1．掌握html中设置基本文字和图片超链接
2．掌握html中设置其他超链接
3. 掌握dreamweaver中建立和编辑超链接的方法
4. 理解相对路径和绝对路径
教学重点难点：
1.掌握html中建立超链接的标记
2.理解相对路径和绝对路径
3.掌握dreamweaver建立超链接的方法
4.理解相对路径和绝对路径
教学方法：案例演示、理论讲解
教学案例：短信平台系统页面
理论教学内容：
1.设置基本文字超链接
2.设置图片超链接
3.设置电子邮件链接
4.创建热点链接
6.利用dreamweaver方便实现网页间的链接
实践教学内容：
1.教务系统子页面
实验目的：理解并运用HTML编辑超链接的标记和属性，会在dreamweaver中快速建立超链接的方法
实验要求：建立几个相关页面，并按要求建立页面间和页面内的超链接
实验内容：按要求建立教务系统子页面，并设置页面间的链接
（四）表格网页
教学时数：4
教学目标：
1．掌握html中表格的建立
2．掌握html中table的常用属性
3、掌握dreamweaver中表格的插入和编辑
4. 掌握数据表格的建立和基本美化
教学重点难点：
1.表格的基本结构
2.表格的属性设置
3.数据表格的编辑和美化
教学方法：案例驱动法
理论教学内容：
1．html中表格的基本结构
2．表格的合并和拆分
3．dreamweaver中表格的插入和编辑
4．数据表格的建立和基本美化
实践教学内容：
1. 短信平台系统页面
实验目的：掌握的插入和编辑。
实验要求：按要求插入和编辑表格
实验内容：按要求实现短信平台系统页面
（五）表单网页
教学时数：4
教学目标：
1.掌握HTML中表单元素的建立
2.掌握表单元素的插入和属性的设置
教学重点难点：
1.理解表单域
2.各种表单元素的插入和属性设置
教学方法：案例演示、理论讲解。
教学案例：教务系统页面
理论教学内容：
1.在html中插入表单域
2.在表单域中插入及编辑文本域和文本区域
3.在表单域中插入及编辑单选按钮、单选按钮组和复选框
4.在表单域中插入及编辑列表/菜单、按钮和图像域等
5.Dreamweaver cs5中插入和编辑表单的方法
实践教学内容：
1. 短信平台注册和登录页面
实验目的：掌握如何创建表单网页；了解各个表单对象属性的设置；熟练掌握各个表单对象不同的使用范围。
实验要求：要求学生能利用表单来创建网页；掌握设定表单的内容和表单对象；掌握设置各个表单对象的属性值等内容。
实验内容：教务系统注册和登录页面的实现
(六)框架页面
教学时数：4
教学目标：
1.掌握HTML中创建框架的方法。
2.掌握dreamweaver中创建和保存框架的方法
3.掌握设置框架集属性和框架属性的操作方法
4.掌握框架中设置导航超级链接的操作方法
教学重点难点：
1.HTML中创建框架的标记和属性
2.dreamweaver中框架的建立和操作
3.框架中设置导航超级链接的操作方法
教学方法：案例演示、理论讲解
教学案例：教务系统页面
理论教学内容：
1.HTML中创建和设置框架的标记和属性
2.在dreamweaver中快速创建框架
3.设置框架集属性和框架属性
4.编辑框架内容
5.框架中设置导航超级链接
实践教学内容：
1. 短信平台系统后台页面
实验目的：为了让学生掌握如何创建框架；设定框架的内容和样式；框架间的链接等。
实验要求：要求学生能利用框架来进行布局网页，设定框架内容和样式；设置框架的内容；保存框架。
实验内容：按要求实现短信平台系统后台页面
（七）CSS基础
教学时数：4
教学目标：
1.掌握CSS的构造规则
2.掌握基本的CSS选择器
3.掌握HTML中使用CSS的方法
4.掌握dreamweaver中编辑css的方法
教学重点难点：
1.掌握CSS选择器；
2.掌握HTML中使用CSS的方法
教学方法：案例教学法
理论教学内容：
1.CSS的引入
2.CSS构造规则
3.基本CSS选择器
4.HTML中使用css的方法
5.dreamweaver中使用css的方法
实践教学内容：
1.网上购物管理系统的美化
实验目的：体验css的作用；熟悉css的构造规则；掌握基本的css选择器，掌握dreamweaver中编辑css的方法
实验要求：能按照给定的效果图和要求，运用css技术进行基本的美化
实验内容：按照给定的要求，对网上购物管理系统进行美化
（八）CSS对文字的设置
教学时数：4
教学目标：
1．进一步理解CSS的概念
2．掌握用CSS编辑文字
3．掌握用CSS对段落精细排版
教学重点难点：
利用CSS对文字和段落排版的控制
教学方法：案例教学法
理论教学内容：
1.了解网页中常用的长度单位
2.利用CSS掌控文字的字体、粗细、大小、加线、英文字母大小写转换
3.利用CSS掌控段落的首行缩进、字符间距、段落行距、位置控制
实践教学内容：
1.利用CSS对网上商城系统的段落和文字进行美化
实验目的：掌握CSS美化段落和文字的方法
实验要求：使用CSS样式美化给定网页中的文字和段落
实验内容：按照给定的要求对网上商城系统的段落和文字进行美化。（九）CSS对背景的设置
教学时数：4
教学目标：
1．掌握背景颜色的设置方法
2．掌握背景图片的设置
教学重点难点：
利用CSS对网页中背景图片、背景颜色进行设置
教学方法：讲授与演示相结合
理论教学内容：
1．网页中颜色的设置方法
2．网页及文字、背景颜色的设置
3．背景图片的设置
实践教学内容：
1.利用CSS美化网上商城系统网页背景
实验目的：掌握CSS美化网页背景的方法
实验要求：使用CSS美化网页背景
实验内容：对网上商城系统按要求使用CSS对背景进行美化。
（十）CSS盒子模型
教学总时数：4
教学目标：
1.理解css盒子模型
2．掌握边框的设置方法
3．掌握方框的设置
教学重点难点：
1.理解css盒子模型
2．掌握边框的设置方法
教学方法：案例教学法
理论教学内容：
1．css盒子模型介绍
2. css设置填充
3. css设置边距
网页设计与制作实例教程
网页设计与制作实例教程 习题答案 第1章网页与网站基础 一、选择题 1．A 2．B 3．C 4．C 5．A 二、判断题 1．√2．×3．√4．×5．√ 三、问答题 略 第2章网页规划设计 一、选择题 1．D 2．A 3．C 4．A 5．C 二、判断题 1．×2．×3．×4．√5．√ 三、问答题 1．答：网站需求分析一般包括三个阶段的内容：网站背景分析、总体需求分析、具体需求分析。（每个阶段可再详细描述。） 2．答：可从以下几个方面来阐述网站设计的原则：①日期、时间和数字；②欢迎词； ③弹出窗口和引导页面；④新闻和公告信息；⑤网址；⑥控件；⑦链接；⑧主页内容 3．答：打开新浪网首页，分析其布局类型。（答案略） 4．答：网页色彩搭配方法可从以下两个方面去阐述：①根据页面风格以及产品本身的诉求确定主色；②根据主色确定配色。 网页色彩搭配技巧可从以下几个方面去阐述：①用一种色彩；②用两种色彩；③用一个色系；④用黑色和一种色彩以及色彩搭配忌讳的方面。 5．答：打开当当网，具体分析其规划过程。（答案略） 第3章初识网页制作软件 一、选择题 1．C 2．C 3．B
二、填空题 1．代码、拆分、设计2．文件、资源、规则3．超级链接 三、操作题 略 第4章制作网页内容 一、选择题 1．D 2．B 3．A 4．D 5．ABD 6．D 7．B 8．D 9．A 10．A 二、判断题 1．√2．√3．×4．√5．√6．√7．√8．√9．×10．√三、操作题 略 第5章设置网页超级链接 一、选择题 1．D 2．D 3．A 4．D 5． C 二、判断题 1．×2．×3．×4．√5．× 第6章使用CSS样式美化网页 一、选择题 1．B 2．C 3．C 4．B 5．A 6．D 7．D 8．D 9．B 10．C 11．A 12．A 13．C 14．D 15．D 16．A 17．A 18．B 19．D 20．D 二、简答题 1．×2．×3．×4．×5．×6．×7．√8．×9．√10．√11．×12．×13．×14．√15．√16．√ 第7章规划布局网页 一、选择题 1．B 2．A 3．B 4．B 5．D 二、简答题
00900网页设计与制作(自学考试)201604
2016年4月高等教育自学考试全国统一命题考试 网页设计与制作试卷 (课程代码00900) 本试卷共6页，满分100分，考试时间150分钟。 考生答题注意事项： 1．本卷所有试题必须在答题卡上作答。答在试卷上无效，试卷空白处和背面均可作草稿纸。2．第一部分为选择题。必须对应试卷上的题号使用2B铅笔将“答题卡”的相应代码涂黑。3．第二部分为非选择题。必须注明大、小题号，使用0．5毫米黑色字迹签字笔作答。4．合理安排答题空间，超出答题区域无效。 第一部分选择题(共35分) 一、单项选择题(本大题共25小题。每小题1分，共25分) 在每小题列出的四个备选项中只有一个是符合题目要求的。请将其选出并将“答题卡一的相应代码涂黑。错涂、多涂或未涂均无分。 1．以下协议用于远程终端登录主机的是 A．HTTP B．FTP C．SMTP D．TELNET 2．OSI定义的网络功能模型的层次数是 A．4层B．5层 C．7层D．8层 3．网站的每个栏目的起始页是 A．四级页面B．三级页面 C．二级页面D．一级页面 4．在网站设计的国际专业流程中，用于收集站点核心的关键信息的部分是 A．初始商讨B．构思 C．综合内容D．内容流程 5．在彩色属性中，反映颜色纯洁程度的是 A．明度B．饱和度 C．色差D．色相 6．以下色彩能带给人们热情感觉的是 A．黑色B．红色 C．绿色D．棕色 7．在Photoshop滤镜中，能产生凹凸感墙纸图像效果的是 A．Texture中的Texturizer B．Texture中的Glass C．Texture中的Zigzag D．Texture中的Pencil 8．在Photoshop中，一张图可以建立的图层数是 A．40个B．60个 C．80个D．100个 9．在HTML中，以下是单边标记的是 A． B．
C．D．
《网页设计与制作》期末考试题与答案
〈网页设计与制作》期末考试试题、单项选择题（本大题共30小题，每小题2分，共60分） 1、目前在In ternet上应用最为广泛的服务是（b）。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是（b ）。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成，其中（d）子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为（d ）时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是（c）。 A、