《网页设计与制作（静态）》教学大纲
课程名称：网页设计与制作（静态）
课程类型：专业基础课 课程总学时：68
适用专业：计算机与商务专业 开设学期：
一、课程的性质
《网页设计与制作》课程是计算机应用技术、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程。内容主要涵盖了HTML语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标记及属性，、JavaScript脚本编程语言、Dreamweaver、Fireworks、Flash、Photoshop等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。
二、课程的任务和要求
通过本课程的学习，要求学生掌握静态网页的制作方法、学会HTML语言、熟悉站点的上传和维护并能够独立解决网页编辑中遇到的一般问题，能熟练运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练掌握JAVASCRIPT脚本编程语言的基本语法知识，能实现网页的交互和特殊效果；能维护、管理和设计WEB应用程序；能独立设计小型WEB站点。
三、教学中应注意的问题
在教学过程中要注重Dreamweaver、Firework或Photoshop和Flash软件的主要功能，其中Dreamweaver主要是完成网页设计和网站管理；Firework或Photoshop主要进行图像的设计与编辑；Flash主要开发适应网络传输的流媒体电脑规划。并且要培养学生综合使用这些软件的能力，注重学生动手能力的培养和上机试验。教学过程中应该以Dreamweaver为主。在讲授理论的同时加入具体的设计项目实验，力求达到实战的效果避免空洞的理论学习。
四、学时分配
单元课题 名称 总课时 理论 实训
第一单元 初识网站和网页
课题一 熟悉网站的管理与制作软件并编写简易的 6 4 2 单元课题 名称 总课时 理论 实训
Photoshop 网页设计 实例——静态LOGO图标制作
网站LOGO，是互联网上各个网站用来与其它网站链接的图形标志；是与其它网站链接以及让其它网站链接的标志和门户。在一个布满各种LOGO的链接页面中，受众要在大堆的网站中寻找自己想要的特定内容的网站时，一个能让人轻易看出它所代表的网站的类型和内容的LOGO很重要。LOGO图标分为静态的和动态的，本案例中LOGO图标为静态，网站标识和网站名称包含在内，如图1-69所示。
图1-69 优秀设计网 操作步骤：
（1）新建一个【宽度】和【高度】分别为1100和420像素，白色背景文档。使用【横排文字工具】，输入N字母。右键单击文字图层面板，执行【转换为形状】命令，将文字转换为形状，如图1-70所示。
图1-70 添加渐变叠加效果
（2）使用【直接选择路径】，调整路径各锚点。双击该图层，打开【图层样式】对话框，启用【渐变叠加】命令，设置由#367CFB到#1FC6FB渐变，设置参数，如图1-71所示。
提示
通过使用【添加锚点工具】和【删除锚点工具】，添加和删除路径锚点。
图1-71 添加渐变效果
（3）新建“图层1”，使用【椭圆工具】。设置W和H分别43像素，在文字图像上方绘制正圆。如同上述方法，添加【渐变叠加】效果，设置参数，如图1-72所示。
图1-72 绘制正圆
（4）使用【横排文字工具】，输入neBoiz字母。如同上列方法，文字添加【渐变叠加】效果，设置参数，如图1-73所示。
图1-73 绘制文字
（5）如同上述方法，将文字转换为形状。使用【直接选择路径】，将i字母上的方点删除。并使用【多边形工具】，在该点的位置上绘制五角星路径，如图1-74所示。
图1-74 绘制图像
（6）隐藏“背景”层以外图层，新建“图层2”，填充白色。启用【渐变叠加】样式，添加渐变效果，设置参数，如图1-75所示。
图1-75 添加渐变背景
教改教法
面向ＣＤＩＯ的“静态网页设计与制作”
教学改革与实践
曹晓丽谭萍邢玉娟
（兰州文理学院电子信息工程学院甘肃・兰州 ７３００００）
中图分类号：Ｇ６４２．０ 文献标识码：Ａ 文章编号：１ ６７２—７８９４（２０１ ４）０７—００８２—０２
摘 要 根据“静态网页设计与制作”实践性和应用性强的
特点，结合新型ＣＤ１０教育理念对课程的课堂教学设计、实
验实训教学以及课程考核等方面进行改革与实践，取得了
良好的教学效果。 关键词ＣＤ１０分层任务驱动 探究式学习
Ｔｅａｃｈｉｎｇ Ｒｅｆｏｒｍ ａｎｄ Ｐｒａｃｔｉｃｅ ｏｆ”Ｓｔａｔｉｃ Ｗｅｂｐａｇｅ Ｄｅｓｉｇｎ
ａｎｄ Ｍａｋｉｎｇ”Ｆａｃｉｎｇ ＣＤＩＯ／／Ｃａｏ Ｘｉａｏｌｉ，Ｔａｎ Ｐｉｎｇ，Ｘｉｎｇ Ｙｕ－
ｊｕａｎ Ａｂｓｔｒａｃｔ Ｉｎ ａｃｃｏｒｄａｎｃｅ ｗｉｔｈ ｔｈｅ ｈｉｇｈｌｙ ｐｒａｃｔｉｃａｌ ａｎｄ ａｐｐｌｉｅｄ
ｃｈａｒａｃｔｅｒｉｓｔｉｃｓ ｏｆ”Ｓｔａｔｉｃ Ｗｅｂｐａｇｅ Ｄｅｓｉｇｎ ａｎｄ Ｍａｋｉｎｇ”，ｔｈｅ ｒｅ－
ｆｏｒｍ ａｎｄ ｐｒａｃｔｉｃｅ ｏｆ ｃｌａｓｓｒｏｏｍ ｔｅａｃｈｉｎｇ ｄｅｓｉｇｎ，ｅｘｐｅｒｉｍｅｎｔａｌ ａｎｄ
ｔｒａｉｎｉｎｇ ｔｅａｃｈｉｎｇ ａｓ ｗｅｌｌａｓ ｃｕｒｒｉｃｕｌｕｍ ｅｖａｌｕａｔｉｏｎ ｗｅｒｅ ｉｍｐｌｅ－
ｍｅｎｔｅｄ ｃｏｍｂｉｎｅｄ ｗｉｔｈ ｔｈｅ ｎｅｗ—ｔｙｐｅｄ ＣＤＩＯ ｅｄｕｃａｔｉｏｎ ｃｏｎｃｅｐｔ，
ａｎｄ ｆａｖｏｒａｂｌｅ ｔｅａｃｈｉｎｇ ｅｆｆｅｃｔ ｈａｓ ｂｅｅｎ ａｃｈｉｅｖｅｄ．
Ｋｅｙ ｗｏｒｄｓ ＣＤＩＯ；ｈｉｅｒａｒｃｈｉｃａｌ ｔａｓｋ ｄｒｉｖｉｎｇ；ｉｎｑｕｉｒｙ ｌｅａｒｎｉｎｇ
１引言
互联网已经渗透到人们生活的每个角落，作为网络信
息传递载体的网页成为人们获取信息最广泛最便捷的方式
实验五：静态网页制作
一、实验目的
1. 掌握静态网页编辑基本方法
2. 熟悉网页编写、网站建立的基本操作
3. 会设置文字、段落的格式及图片的使用
4. 能够使用表格管理网页结构
二、实验原理与要求
HTML是超文本标记语言（Hyper Text Markup Language）的缩写。
HTML文件的开头和结尾由和来标记的。所有HTML文件都可以分为两个部分：标题和正文。每一部分用特定的标记标出：在HTML语言中规定和标记标题部分，用和标记正文部分。
三、实验内容
程序段如下：
New Page 1
color="#0000FF">学院
计算机信息管理专业
计算机网络
计算机硬件
编程语言
邓小平理论
数据库及其应用
lang="EN-US">HTML文件的开头和结尾由<HTML>和</HTML>来标记的。所有HTML文件都可以分为两个部分：标题和正文。每一部分用特定的标记标出：在HTML语言中规定<HEAD>和</HEDAD>标记标题部分，用<BODY>和</BODY>标记正文部分。
四、实验步骤
1． 启动FrontPage 2000，认真观察界面。（如果熟悉其它网页编辑工具请使用其它工具）
