《网页设计》课程教学大纲
课程编号：
英文名称：WebPages Designing
课程类型：专业选修课
学时/学分：24+24/2
授课对象：专科生
先修课程：计算机文化基础
课程简介：
《网页设计》是一门重要的信息管理专业的选修课程。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
教学目的和要求：
通过学习，使学生了解网页网站的基础知识；掌握网页三剑客的使用方法，以便能够正确应用和维护网站。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
教学内容：
第1章网页设计快速入门（2）
1、教学内容：
1.1 在Internet上安个家
1.2 知识要点
1.2.1 有关网页设计的概念
1.2.2 网页设计软件
1.2.3 网页制作过程
1.2.4 企业建立网站的过程
1.2.5 网页设计与HTML
1.3 本章小结
2、教学重点：
网页设计的概念、网页制作过程。
3、教学难点：
网页设计与HTML。
第2章Dreamweaver MX快速入门（1）
1、教学内容：
2.1 制作网站电子相册
2.2 知识要点
2.2.1 认识Dreamweaver MX中文版基本界面
2.2.2 认识窗口项目
2.2.3 面板组
2.3 本章小结
2、教学重点：
Dreamweaver MX中文版基本界面。
3、教学难点：
面板组的使用。
第3章用Dreamweaver MX设计首页（1）
1、教学内容：
3.1 一个简单首页设计的例子
3.2 知识要点
3.2.1 页面属性
3.2.2 文本属性
3.2.3 表格属性
3.2.4 单元格属性
3.2.5 图像属性
3.3 本章小结
2、教学重点：
设置文本、表格和图像的属性。
3、教学难点：
页面属性的设置。
第4章Dreamweaver MX的CSS样式（2）
1、教学内容：
4.1 制作动态链接效果
4.1.1 Microsoft中国公司主页的动态链接效果
4.1.2 为网页制作动态链接效果
4.2 知识要点
4.2.1 什么是CSS样式
4.2.2 CSS样式与HTML样式
4.2.3 CSS样式控制面板
4.2.4 定义CSS样式
4.3 本章小结
2、教学重点：
CSS样式控制面板的使用、定义CSS样式的方法。
3、教学难点：
定义CSS样式的方法。
第5章表格应用（2）
1、教学内容：
5.1 用表格实现一个系部主页的设计
5.1.1 网页结构分析
5.1.2 设计页眉区
5.1.3 设计导航栏区
5.1.4 设计信息区
5.1.5 设计版权区
5.2 知识要点
5.2.1 标准视图中的表格与布局视图中的表格
5.2.2 标准视图模式下表格的应用技巧
5.2.3 布局视图模式下表格的应用技巧
5.3 本章小结
2、教学重点：
标准视图模式下表格的应用。
3、教学难点：
布局视图模式下表格的应用。
第6章Dreamweaver MX图层应用（2）1、教学内容：
6.1 一个弹出式菜单设计的实例
6.1.1 设计弹出式菜单的效果图
6.1.2 设计弹出式菜单的过程
6.2 知识要点
6.2.1 创建层
6.2.2 选择层
6.2.3 插入层对象
6.2.4 移动层
6.2.5 对齐层
6.2.6 层与表格相互转换
6.2.7 设置层属性
6.3 本章小结
2、教学重点：
层的基本操作和层的属性设置。
3、教学难点：
层与表格的转换、行为和事件。
第7章Dreamweaver MX时间轴（2）1、教学内容：
7.1 制作一个动态地址导航图
7.2 知识要点
7.2.1 时间轴控制面板
7.2.2 时间轴的基本应用
7.3 本章小结
2、教学重点：
时间轴的基本应用。
3、教学难点：
录制层路径。
第8章表单操作（2）
1、教学内容：
8.1 制作一个网上报名表单
8.1.1 制作网上在线报名表单
8.1.2 预览网上在线报名表单
8.2 知识要点
8.2.1 插入表单
8.2.2 插入文本对象表单
8.2.3 插入按钮
8.2.4 插入复选框
8.2.5 插入单选按钮
8.2.6 插入列表/菜单域
8.2.7 插入文件字段
8.2.8 插入图像域
8.2.9 插入隐藏域
8.2.10 插入跳转菜单
8.3 本章小结
2、教学重点：
表单和常用表单域的用途和使用方法。
3、教学难点：
插入隐藏域和跳转菜单。
第9章Dreamweaver MX综合应用（2）1、教学内容：
9.1 一个网站建立的实例
9.1.1 建站准备
9.1.2 制作网站
9.2 知识要点
9.2.1 网站的设计构思
9.2.2 资源面板的应用
9.2.3 行为面板的应用
9.2.4 站点管理器的应用
9.3 本章小结
2、教学重点：
网站的设计构思、资源面板的应用。
3、教学难点：
行为面板的应用。
第10章F lash MX快速入门（0.5）
1、教学内容：
10.1 制作一个移动的圆
10.2 知识要点
10.2.1 Flash MX的界面
10.2.2 主菜单项目
10.2.3 常用工具栏
10.2.4 时间轴面板
10.2.5 绘图工具栏
10.2.6 其他重要栏目
10.3 本章小结
2、教学重点：
Flash MX的工具栏和时间轴面板。
3、教学难点：
时间轴面板的使用。
第11章F lash MX的绘图功能（0.5）
1、教学内容：
11.1 制作一个网页广告
11.2 知识要点
11.2.1 绘图工具
11.2.2 指针工具
11.2.3 填充工具
11.2.4 文本工具
11.2.5 颜色设置
11.2.6 图片的使用
11.3 本章小结
2、教学重点：
绘图工具的使用。
3、教学难点：
图片的使用。
第12章F lash MX动画制作初步（1）
1、教学内容：
12.1 制作动态文字的实例
12.2 知识要点
12.2.1 图层（Layer）
12.2.2 帧（Frame）
12.2.3 使用图符、实例和库
12.2.4 用Sound面板引入和编辑声音
12.2.5 文件预览
12.3 本章小结
2、教学重点：
使用Flash MX制作简单动画。
3、教学难点：
帧的基本操作、在动画中添加声音。
第13章F lash MX动作的应用（1）
1、教学内容：
13.1 图像动画实例
13.1.1 制作可供控制播放的循环动画
13.1.2 制作按钮元件
13.1.3 设计场景
13.1.4 舞台播放区背景的制作
13.1.5 在场景上创建Daughter影片剪辑的实例13.1.6 后台控制程序
13.2 知识要点
13.2.1 ActionScript的基本概念
13.2.2 用动作面板编辑对象动作
13.3 本章小结
2、教学重点：
动作面板的使用。
3、教学难点：
用动作面板编辑对象动作。
第14章F lash MX的综合应用（1）
1、教学内容：
14.1 制作一个网站的门户广告动画
14.1.1 设计构思
14.1.2 素材准备
14.1.3 制作过程
14.1.4 发布过程
14.2 知识要点
14.2.1 文件的导入与导出
14.2.2 文件的发布及发布设置
14.2.3 发布预览
14.3 本章小结
2、教学重点：
文件的导入和导出、文件的发布。
3、教学难点：
Flash MX动作的应用。
第15章F ireworks MX应用基础（1）
1、教学内容：
15.1 Web按钮制作实例
15.2 知识要点
15.2.1 Fireworks的基本概念
15.2.2 Fireworks的编辑模式
15.2.3 Fireworks的工具详解
15.2.4 Fireworks中的对象
15.2.5 Fireworks的层
15.3 本章小结
2、教学重点：
Fireworks的工具详解。
3、教学难点：
Fireworks的层。
第16章F ireworks MX进阶操作（1）
1、教学内容：
16.1 一个简单的动画
16.2 知识要点
16.2.1 Fireworks的蒙版
16.2.2 Fireworks的颜色混合模式
16.2.3 Fireworks的热点和切片
16.2.4 Fireworks实用技巧
16.3 本章小结
2、教学重点：
Fireworks实用技巧。
3、教学难点：
Fireworks的蒙版、热点和切片。
第17章站点的发布、宣传推广与维护（2）1、教学内容：
17.1 站点的发布
17.2 网页的测试
17.2.1 下载时间测试
17.2.2 浏览器兼容性测试
17.2.3 拼写检查测试
17.3 站点宣传与推广的一般方法
17.4 站点的维护与更新
17.5 本章小结
2、教学重点：
站点的发布。
3、教学难点：
CuteFTP的使用方法。
实验内容：
实验一(使用HTML语言制作简单网页)（2）
1、实验目的：
熟悉HTML语言的常用标记，学会在记事本环境下用HTML语言编辑简单的网页。
2、实验内容：
用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。
君问归期未有期，
巴山夜雨涨秋池。
何当共剪西窗烛，
却话巴山夜雨时。
3、实验方案：
学生上机前预习HTML的语法和常用标记，上机时根据实验内容完成实验任务。实验做完后要写出实验报告并交老师批改。
实验二(Dreamweaver中简单网页的设计)（2）
1、实验目的：
熟悉Dreamweaver MX环境，掌握制作网页的方法。
2、实验内容：
（1）网页的新建，保存，预览，关闭，打开；
（2）向网页中添加页面元素.
（3）设置网页属性。
3、实验方案：
学生上机前预习Dreamweaver MX基本界面的使用和使用Dreamweaver MX制作网页的基本操作，上机时根据实验步骤完成实验内容。实验做完后要写出实验报告并交老师批改。
实验三(CSS样式的应用)（2）
1、实验目的：
使学生掌握CSS样式的设计方法并能熟练在网页中设置效果。
2、实验内容：
（1）创建一个网页。重定义标签h2(仅对该文档有效)，要求样式定义为：字体为隶书，字号为12磅，颜色为黄色，居中，字间距4pt，背景为蓝色。在网页中输入文字“友情链接”，应用该样式。
（2）在文字“友情链接”下面，输入三行文字：
百度
新浪
QQ网站
要求字体为楷体，5号字，加项目符号，给每行文字建立超链接，分别链接到https://www.doczj.com/doc/3a6446826.html,、https://www.doczj.com/doc/3a6446826.html,、https://www.doczj.com/doc/3a6446826.html,。修改超链接样式，使超链接不带下画线。
3、实验方案：
学生上机前预习CSS样式的设计方法，上机时完成实验内容。实验做完后要写出实验报告并交老师批改。
实验四(使用表格布局网页)（2）
1、实验目的：
使学生掌握标准视图模式下表格的应用技巧。
2、实验内容：
制作如图1所示的表格。表格中的图像可从网上获得或用其他图像代替。
图1 制作的表格
3、实验方案：
学生上机前预习标准视图模式下表格的基本操作，上机时根据实验步骤完成实验内容。实验做完后要写出实验报告并交老师批改。
实验五(使用图层布局网页)（2）
1、实验目的：
掌握图层的基本操作，能够熟练使用图层布局网页。
2、实验内容：
使用图层制作如图2所示的欢迎页面，页面中的图像可从网上获得或用其他图像代替。
图2 制作的欢迎页面
3、实验方案：
学生上机前预习图层的基本操作，上机时根据实验步骤完成实验内容。实验做完后要写出实验报告并交老师批改。
实验六(使用时间轴创建动画)（2）
1、实验目的：
掌握使用时间轴创建动画的方法。
2、实验内容：
使用时间轴制作层的直线运动动画。
3、实验方案：
学生上机前预习时间轴的使用方法，上机时根据实验步骤完成实验内容。实验做完后要写出实验报告并交老师批改。
实验七(交互表单的应用)（2）
1、实验目的：
掌握创建表单网页的基本操作。
2、实验内容：
创建一个用户注册的表单网页。
3、实验方案：
学生上机前预习插入表单和插入表单域的基本操作，上机时完成实验内容。实验做完后要写出实验报告并交老师批改。
实验八(制作网站)（6）
1、实验目的：
掌握创建站点的过程，能够综合运用前面所学知识制作网站。
2、实验内容：
建立一个网站（主题自拟）。要求网站中所包含网页个数至少5个，并且其中有一个是表单网页，每个网页必须用层或表格布局，网站中必须设计一个时间轴动画，并且用CSS样式表来控制网站主页的外观。
3、实验方案：
学生上机前预习创建站点的基本操作和资源面板的使用方法，并且完成网站的构思，上机时搜集素材并完成网站制作。实验做完后要写出实验报告并交老师批改。
实验九(使用Flash制作动画)（2）
1、实验目的：
掌握使用Flash制作动画的基本操作。
2、实验内容：
使用Flash制作纸飞机绕引导线运动的动画。
3、实验方案：
学生上机前预习Flash的界面和使用Flash制作动画的基本操作，上机时完成实验内容。
实验十(使用Fireworks制作图片)（2）
1、实验目的：
熟悉Fireworks的使用方法。
2、实验内容：
使用Fireworks制作小吊牌。
3、实验方案：
学生上机前预习Fireworks的界面和使用Fireworks制作图片的基本操作，上机时完成实验内容。
教学环境条件：
课堂讲授采用多媒体教学与传统教学相结合，并且课堂讲授与学生上机实验相结合；课堂教学需要在教师机上安装Windows 2000操作系统、Dreamweaver MX 2004、Flash MX 2004、Fireworks MX 2004软件。实验教学需要为每个学生提供一台配备相关软件的微机，采用边学习边实验的方法，加深学生对操作课的理解，进一步提高学生的实践能力。
考核方式：
考试方式：平时与实验相结合。包括平时到课表现、作业、实验报告、实验作品等部分内容。
总评成绩：平时成绩占30％，平时成绩根据学生的到课表现和上交作业、实验报告情况产生；实验成绩占70%，实验成绩根据期末学生所制作的作品情况产生。
课程主持人：（副教授及以上职称的教师）
主讲老师：康梅娟
主要教材：
《网页设计实用教程》，刘小伟、蒙坪、新夫、梁丽明，中国铁道出版社参考教材：
[1] 《网页设计师教程for Dreamweaver MX 2004》，邱炳城主编，北京：机械工业出版社，2005.4
[2] 《Dreamweaver MX 2004中文版基础教程》，王锦等编著，北京：机械工业出版社，2004.10
[3] 《Flash MX 2004课堂》，杨小平等编著，北京：清华大学出版社，2004
学习指导方案：
1、课外自学指导方案：
阅读参考书的相关内容，并进行练习，遇到问题可及时和任课教师联系进行答疑。
2、课外训练指导方案：
布置作业题，并让学生做课后练习题，遇到问题可及时和任课教师联系进行答疑。大纲制定人：康梅娟
大纲审核人：
大纲制定日期：2006 年7 月18 日
《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：60学时（讲课24学时，上机实验36学时） 学分：4 先修课程：计算机基础 执笔： 审阅： 二、课程的教学目的 以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求： 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 （1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用； （2）理解CSS样式表中属性单位的作用和意义； （3）理解javascript语言脚本程序的工作方式； （4）深入理解超级链接、图形图像各种功能和应用； （5）深入理解表格、AP Div、框架、表单的作用； （6）深入理解模板、库、行为和脚本的高级应用； （7）理解网站测试的目的和测试方法； （8）深入理解“切片”和“热点”的涵义和应用； （9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作； （10）理解使用图像设计软件进行版式设计的方法。 3、能力培养要求
XXXXXX学院 电子信息学院 课程综合实训任务书 课程名称:_____网页设计与制作________ 学生姓名:________X'X'X___________ 学生学号:_____XXX__________ 专业班级:______X'X'X________ X'X'XX年X'X月X'X日 XXXXXX教务办公室制
说明 1、课程设计任务书由实训指导老师制定，具体任务内容、目标、要求及安排、评定标准由各专业教研室及指导老师共同制定。 2、任务书中具体内容可根据实际课程情况进行调整，但各要素必须齐全，并在实训前将任务书电子档发给学生。 3、学生实训完成后必须填写此任务书，其中具体设计过程及结果必须将设计过程用文字的形式详细填写清楚，并将最终作品附在此任务书中。 4、此任务最终由指导老师统一评定成绩后交教务办公室。
《网页设计与制作》课程综合实训组织方案 2011级软件专业 一、网页设计与制作课程实训目的 网站设计与制作是一门实践性很强的课程，本课程设计是学生完成本课程教学计划的一个重要的教学环节，是对学生综合运用所学的理论知识，解决实际问题能力的一次检验与测试。 通过本次课程设计，要求学生对网站规划、设计与制作有比较全面的认识，了解小型综合网站的开发步骤，熟练掌握网站的规划与建设的过程、方法、技巧，掌握网站建设行业的相关标准与制作规范，让学生经历一次开发应用的实际训练。从而达到提高学生的开发能力和动手能力的目的，培养学生严肃、认真、严谨的职业素养。 二、网页设计与制作课程实训具体内容 黄冈职业技术学院电子信息学院网站规划与设计 三、课程实训具体要求 1、了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。 2、能够独立使用相关工具（Macromedia DreamWeaver、HTML、CSS、Adobe Photoshop、flash等）熟练制作网页。 3、尽量运用业界默认的网站开发规范，努力使自己的站点专业化。 4、主题为黄冈职业技术学院电子信息学院网站规划与设计。主题突出、鲜明。至少二层结构，页面总数不得少于6个。 5、必须使用CSS，整体布局不能使用table标签，主页下方写明自己详细信息（年级、专业、学号、姓名等）。 6、主页名称保存为index.html，路径保存在站点根目录下，图片保存在根目录下images 文件夹中。 7、课程设计前必须上交网站规划书电子档，课程设计结束后必须上交课程设计任务书及作品电子档。 8、设计好的站点必须经压缩之后再上传到任课老师指定位置，压缩后的文件大小不许超过10 兆（10M）。不经压缩上传作业，一律视为无效。 9、压缩后文件名格式要求：年级专业+学号+姓名，例如：XXX班00011 张三。 10、设计完毕后，准备5分钟左右的答辩说明，向课程设计评分小组介绍自己的作品主题、设计方法及作品特色。
《界面设计》课程标准 视觉传达艺术设计系多媒体设计与制作专业方向 一、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程容选择以“新”为标准，紧扣手机界面和界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性； ②理解界面设计的出发点。它包括：视觉、信息传达的基本原则和基本元素； ③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用； ④深入理解平面构成要素和基本的构成原则； ⑤理解色彩的构成原理和基本构成原则； ⑥深入理解文字的编排与设计在界面设计中的作用； ⑦深入理解字体的选择在在界面设计中的作用； ⑧深入理解版式设计在界面设计中的重要性；
2.能力目标: ①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界面； ②掌握色彩的构成原则，应用色彩的构成原则设计界面； ③掌握图标、页面和动画效果的设计方法； ④掌握手机界面设计的方法和技巧； ⑤熟练掌握网页界面文字编排的设计方法和技巧； ⑥掌握版式设计的原则和构成手法，进行版式设计和优化； ⑦能按照网页开发的设计流程来进行网页界面设计工作； 3.素质目标: ①培养学生实践动手操作能力； ②树立科学的设计创新意识； ③形成“以人为本”的设计观念； ④锻炼设计表达与语言表达能力。 4.职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有： 前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程：flash动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准，学生研究现场的实际问题体验真实的工作情境，
6.3制作年历 教学目标 1、知识与技能：通过本活动，使学生进一步巩固年、月、日的知识。 2、过程与方法：应用年、月、日的知识，体验数的知识与生活的密切联系。 3、情感态度与价值观：培养学生的动手实践能力，讨论交流意识和互相学习的精神。 教学重点及难点 1、制作年历的方法 2、在制作过程中，从年具体到月再具体到日。 教学用具整本年历、单张年历、台历、书历等。 教学过程 一、目标导学 (一)引入新课 同学们你们都见过什么样的年历？（整本年历、单张年历、台历、书历等），小朋友们真有教学眼光，谁能把自己的年历拿上来展示一下？有目的让四名学生上台展示，并让每个学生说一说自己收集的年历有什么优点？你欣赏其中的什么？ (二)展示目标（见教学目标1） 二、自主学习 （一）自学提纲（自学教材第56页—57页内容并完成以下问题。） 1、制作年历的活动大致可以分为几个部分？ 2、制作年历首先要确定什么？然后确定什么？最后用颜色区别出什么？ 3、制作年历还要知道什么？（每月的重大节日是星期几？） （二）学生自学（对照自学提纲自学，将不会的问题做标注。） （三）自学检测 口答：1、一年有几个月？哪几个月是大月，各有几天？哪几个月是小月，各有几天？平年、闰年二月各有几天？一星期有几天？ 2、制作年历的活动大致可以分为哪四个部分？制作年历首先要确定什么？然后确定什么？最后用颜色区别什么？制作年历还要知道什么？ 三、合作探究 （一）小组互探（引导学生选择合适的方法学习，鼓励学生分工合作，探索交流，教师巡回辅导，发现学生不同的解法。） （二）师生互探 1、想制作明年的年历，但不知明年的1月1日是星期几？ 2、不知道明年二月份是几天？ 3、不知道其他重大的节日各是星期几？ 四、达标训练（1——3题必做，4题选做） 1、想一想，填一填。 （1）一年有（）个月，其中大月有（）个，每月有（）天，小月有（）个，每月有（）天。闰年全年有（）天，合（）个星期零（）天。平年二月有（）天，闰年二月有（）天。（2）元旦是（）月（）日，这个月有（）个星期零（）天。 2、判断。 （1）小刚的生日正好是在2月30日。（） （2）1900年、1996年、2008年和2009年都是闰年。（） （3）制作年历第一步是先确定1月1日是星期几。（） 3、把2004年9月份的日期填完整并标出教师节这一天。
网页设计课程教学大纲 课程代码： 课程类型：专业必修课 开课部门：传媒学院 学时：64 / 32 其中实训学时：32 / 15 学分：4 / 2 授课对象：数字媒体、网络技术、播音专业 一、课程的性质和任务 课程性质： 网页设计课程是一门应用性和理论性都很强的课程，是软件技术专业的一门专业课程。随着网络广泛应用，网页设计技术在广大大中专院校得到了普及和推广。网页设计者主要讲叙的是静态网页的制作，它是该专业后继课程动态网页设计的基础课程。 课程任务： 本课程针对网页设计人员的要求，结合高职高专人才培养的特点，精心安排和组织了以实践岗位为中心的内容，通过对本课程的学习，学生能够掌握有关网页设计的技术及其综合应用：如网站规划、页面组织、素材准备等，通过实践训练，能够举一反三，能够将所学知识点与工作技巧融合，为本专业学生将来成为“职场精英”打下坚实的基础，本课程侧重于实际的软件开发，加强实践环节，提高网页设计能力，使学生适应当前的计算机网络流行趋势。 二、相关课程的衔接 前导课程：计算机应用基础、计算机网络技术、图像处理等。 后续课程：网页动画、网站建设。 三、教学基本要求 1．熟练掌握网页设计软件Dream weaver 的基本操作和使用技能 2．掌握HTML基本代码 3．熟练掌握在网页中运用各种媒体元素 4．熟练掌握网页页面布局的各种方法 5．熟练掌握DIV+CSS盒子模型的含义以及应用 7．掌握如何利用CSS对文本、列表、表单进行控制的方法 8．掌握网页特效的制作方法
9．掌握网站测试与发布的方法 四、教学方法与重点、难点 教学方法：讲授法、演示法、案例分析法、分组讨论法 重点：HTML语言基础、css样式、DIV+CSS盒子模型、网页元素的应用。 难点：HTML语言基础、css样式、DIV+CSS对文本、图片、列表和表单的控制。五、教学时数分配（共计64学时，32学时只上选上部分） 注：32课时不上选上 六、课程考核 本课程经申请改革课程考核方式，目前已经获批准。考核过程由形成性考核和终结性考核相结合完成。 即期末最终成绩=形成性成绩（30%）+期末作品（70%） （一）形成性考核 形成性考核成绩占学期总成绩的30%。成绩以百分制计算，本课程形成性考核由考
网页设计实训报告 范文 1 2020年4月19日
实训报告 题目： 实训课程名称：网页设计 系别： 专业 / 班级： 年级： 学号： 姓名： 指导老师： 1 2020年4月19日
4月27日 2 2020年4月19日
目录 1 实训目的........................................................................................... 错误!未定义书签。 2 实训内容........................................................................................... 错误!未定义书签。 2.1准备工作 ................................................................................. 错误!未定义书签。 2.2使用的技术 ............................................................................. 错误!未定义书签。 2.3设计制作要求 ......................................................................... 错误!未定义书签。 3 方案设计与实施步骤 ....................................................................... 错误!未定义书签。 4 实训中出现的问题、分析及解决方法 ............................................ 错误!未定义书签。 5.2日志 ......................................................................................... 错误!未定义书签。 5.3 教程视频 ................................................................................. 错误!未定义书签。 6 实训总结........................................................................................... 错误!未定义书签。 3 2020年4月19日
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计；
5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
《HTML5+CSS3网站设计基础教程》课程教学大纲 （课程英文名称） 课程编号：201601210011 学分：5学分 学时：76学时（其中：讲课学时：47 一、课程的性质与目标 《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路 课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限 于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。 课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例 （项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为 目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。 开发工具：DreamweaverCS6 第一章初识HTML5
第二章HTML5页面元素及属性
第四章CSS3选择器
e g o o d f o 背景与图片不透明度的设置 √ 设置背景图像平铺√ 设置背景图像的位置√ 设置背景图像固定√设置背景图像的大小√设置背景的显示区域√设置背景图像的裁剪区域√设置多重背景图像√背景复合属性√线性渐变√径向渐变√重复渐变 √ 第七章表单的应用
湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程：网页设计 班级：计网二班 学号：200903884 姓名：彭论 指导老师：王湘文 提交日期：2010-6-21
前言 至于我为什么选择酒店设计题材，因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计，我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华，去其糟粕，在网站内容上删减了很多的在外观上的美，整体讲究整体美和简洁美，对于本网站的设计凝聚了本人长达三个星期的时间，完成网站静态设计后，从总体上对网站动态上进行动态设计，希望本网站能在我们这个年纪的领域有一个很好的炫美。
目录 ?实训目的 (3) ?实训任务 (4) ?实训项目（网页设计思路及详细说明） (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)
一．实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识； 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）
制作年历（实践活动） 谢丹军 （一）教学内容 教科书第56、57 （二）教学目标 1、通过参加制作年历的实践活动，使学生进一步巩固对年、月、日的认识，加深对所学知识的理解。 2、知道年历的结构，会看年历，初步掌握年历的制作方法。 3、通过活动，培养学生收集、整理、分析信息的能力以及合作意识。 （三）教学重点 掌握年历的制作方法。 （四）教学准备 多媒体课件、画好12个大格的白纸、彩色画笔。 (五)教学过程 一、创设情境，引入新课 1、师：今天老师给你们带来了很多的年历，想看吗？ 课件出示4种年历 师：看，这两种是整本年历，它是把每个月的月历组合在一起的年历。这是单张年历，12个月份都在一张年历上。这是台历，可以摆在书桌上方便大家使用。这种年历很特殊，它是绘制在盘子上的。 2、再来看看这张年历吧，从年历中你都发现了那些年、月、日的知识呢？ 学情预设（1）生：一年有12个月，大月有31天，小月有30天（说得真好）（2）生：一年中大月是1、3、5、7、8、10、12，小月是4、6、9、11 （你观察的真仔细）（3）生：这一年2月有28天（是的，我来考考你，明年二月又有几天呢？你是怎么知道的？）板书二月 28天 3、这些漂亮的年历，有什么用呢？ 生：可以看日期（这可是年历最大的作用）生：可以记录事情（好的）生：可以统计出每月出生的人数（是的） 4、师：看来年历的作用可真不少，今天这节课我们将利用所学的知识来制作今年2014年的年历。
（板书课题：制作年历） 二、小组探究，制作年历 1、讨论制作步骤 师：对照这张年历，想一想制作年历，我们要分哪几步完成呢？ 学情预设：（1）要先打好表格师：是的，这样可以使填写的更整齐。 （2）生：要填写日期师：填写日期时，你有什么要问的吗？生：一月一日是星期几呢？师：这点最关键了，谁知道？学生如果能回答，就说你真厉害，你是怎么知道的？师：看来，前一个月的最后一天与后一个月的第一天是紧连着的。如果1月31日是星期六，那2月1日就是（），2月28日是星期六，那3月1日就是（）。 （3）生：把休息日用另一种颜色标出来师：是呀，我们还可以把一些重要的日子用不同颜色标出来，你知道哪些重要日子？ （4）生：还得把年历进行加工，画些图案师：用不同颜色标出休息日以及画花边都是美化加工环节。 2、总结制作步骤 师：看来，要制作好一张年历，我们可以从以下几方面入手。学生边说师边板书第一要先画好表格（板书1绘制表格）第二要填写日期（板书2填写日期）第三要进行美化加工（板书3美化加工） 哪一步最重要？ 3、制作年历 师：通过刚才的交流，我们共同解决了制作年历中可能遇到的难题，制作之前，老师这里还给你们提出了几点小要求。 课件出示要求：1、同桌合作，先分工，再制作 2、合作时声音轻，不影响别人，遇到困难及时请老师帮助 3、设计出本组的特色。（教师读） 师：说一说，怎样合作，才能使速度最快？ 生：一人做一半（能说得具体些吗）（真是好想法，为了方便两人同时填写，我们可以竖着排版） 时间为18分钟，能在规定的时间内完成制作的小组，都将得到一份奖品。好的，马上行动吧！ 小组合作制作年历，教师及时了解制作情况，并加以指导。
在发展迅猛的今天，网页设计必须首先明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。下面小编就为大家介绍网页设计实习目的及意义。 《网页设计》课程是一门实践性很强的专业课程，《网页设计》课程实习是这门课程的实践性教学环节、是学生提高动手能力、真正做到理论联系实际的一个重要环节。是《网页设计》课程不可缺少的实践部分。通过此实习，让学生进一步掌握网页设计技术、了解团队协作的基本方式，掌握商业静态网站从客户分析、策划、效果图绘制、切片与优化，首页制作、CSS定义、一级模板制作、二级模板制作、子页面制作、链接的创建、简单动画效果制作、测试与发布的整个流程。 (一)实习的目的 1.提高学生掌握设计过程的熟练程度，把握网页设计的方法和思路，更好地将技术与相结合。 2.将所学的基础理论、专业知识和基本技能综合运用于实践，提高实际能力和整体素质。 3.深化课程内容的掌握，将分散的知识点综合性的运用于一个整体的实例项目，培养学生综合运用和灵活运用所学知识的能力。 4.强化网页设计应用技能的练习。在所学内容的基础，鼓励创意的个性，培养学生的创新意识。 (二)实习的要求 1.熟悉商业网站的策划过程，理清作品创作的设计思路。 2.熟练掌握Dreamweaver软件的各项操作，能够制作复杂的静态页面。 3.熟练掌握运用PhotoShop软件绘制网页效果图方法，并能够合理对效果图进行切片和数据优化。 4.掌握FLASH时间轴动画的制作方法，能够为静态网页添加适当的动态元素。 拓展阅读 网页设计注意问题 当你在INTERNET这个信息的海洋中尽情遨游时，会发现许许多多内容丰富、创意新颖、设计独特的个人网页，不知道你见到这样漂亮可人的网页是否有点心动。一旦你具备了上网的条件，又萌发了制作主页的念头，那么就应该注意网页设计时应考虑哪些方面的问题，包括网站功能和以及访问者需要什
《网页基础制作》课程标准 1.前言 1.1.课程的性质 本课程是中等职业学校计算机应用专业网页设计与制作门化放 向的一门专业基础核心课程。其功能在于培养学生具备从事网页设 计与制作的基本职业能力，使学生达到相应的网页设计制作人员能 力的基本要求。 1.2.设计思路 本课程标准的设计以计算机应用专业学生的就业为导向，邀请 行业专家对计算机应用专业所涵盖的职业群进行任务和职业能力分析，以此为依据确定本课程的工作模块和课程内容，本课程以任务 引领型为框架，把课程按递进方式设计成项目，并以项目为单元足 迹教学，使学生由浅入深，以点到面全面掌握网页设计与制作的职 业技能。 2.课程目标 通过任务引领型和项目活动形式，使学生熟练制作简单网页， 能熟练创建本地站点并能对网页进行各种找链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力， 能基本胜任网页制作工作，为学生发展专门化方向的职业能力奠定 基础。 职业能力目标：（1）能熟练制作简单网页 （2）能创建本地站点并能对网页进行各种超链接 (3) 能对网页进行创意的美化
(4) 能制作有创意的网页动画 (5) 能掌握网页设计与制作相关技巧 (6) 能跟踪和学习网页制作的新知识和新技术3.课程内容与要求
4.实施建议 4.1.教材编写 （1）教材要以岗位职业能力分析和职业技能考证为指导，以 《网页制作基础》课程标准为依据进行编写； （2）教材要以岗位任务引领，以工作项目为主线，强调理论与 实践相结合，按活动项目组织编写内容；教材内容从“任务”着手，设计完成“任务”的方法与步骤的空间；教材要体现以解决实际问 题来带动理论的学习和应用软件的操作，让学生在完成“任务”的 过程中掌握知识和技能，培养学生提出问题、分析问题、解决问题 的综合能力。任务的设置应该体现针对性、综合性和实践性。 （3）项目教学任务的设计，应该体现中等职业教育的特征和与 社会实际的联系。所设计的“任务”是学生毕业后就业上岗就能遇 到并解决的问题，而不是围绕着知识和技能的展开而设置的。
制作活动日历 课题: 制作活动日历 教学目标: 1、使学生进一步巩固年、月、日的知识，并能灵活运用。 2、培养学生的观察能力和思维的有序性。 3、增强学生的动手实践能力。 教学重难点：制作年历的方法 教学过程： 一、学前准备 1、调查。 （1）提问：你都见过什么样的日历？ （2）展示生活中常见的日历：整本、单张、台历、书历。 （3）思考：这些日历都是怎样做的？ （4）设问：你们想自己做一个活动日历吗？ 2、制作一个活动日历，需要有哪些步骤？ （1）准备4个小正方体木块（或纸盒）和一个底座。 （2）我们可以用一个木块表示1—12个月，一个木块表示星期几。（3）用另外两个木块表示1—31天。 二、制作活动日历 1、分组合作。 2、教师进行指导。 三、展示与交流 1、各组交流制作方法。 2、引导发现各组制作日历的优点。 反思： 教师个人研修总结 在新课改的形式下，如何激发教师的教研热情，提升教师的教研能力和学校整体的教研实效，是摆在每一个学校面前的一项重要的“校本工程”。所以在学习上级的精神下，本期个人的研修经历如下： 1.自主学习：我积极参加网课和网上直播课程.认真完成网课要求的各项工作.教师根据自己的专业发展阶段和自身面临的专业发展问题，自主选择和确定学习书目和学习内容，认真阅
读，记好读书笔记；学校每学期要向教师推荐学习书目或文章，组织教师在自学的基础上开展交流研讨，分享提高。 2.观摩研讨：以年级组、教研组为单位，围绕一定的主题，定期组织教学观摩，开展以课例为载体的“说、做、评”系列校本研修活动。 3.师徒结对：充分挖掘本校优秀教师的示范和带动作用，发挥学校名师工作室的作用，加快新教师、年轻教师向合格教师和骨干教师转化的步伐。 4.实践反思：倡导反思性教学和教育叙事研究，引导教师定期撰写教学反思、教育叙事研究报告，并通过组织论坛、优秀案例评选等活动，分享教育智慧，提升教育境界。 5.课题研究：立足自身发展实际，学校和骨干教师积极申报和参与各级教育科研课题的研究工作，认真落实研究过程，定期总结和交流阶段性研究成果，及时把研究成果转化为教师的教育教学实践，促进教育质量的提高和教师自身的成长。 6.专题讲座：结合教育教学改革的热点问题，针对学校发展中存在的共性问题和方向性问题，进行专题理论讲座。 7.校干引领：从学校领导开始，带头出示公开课、研讨课，参与本校的教学观摩活动，进行教学指导和引领。 8.网络研修：充分发挥现代信息技术，特别是网络技术的独特优势，借助教师教育博客等平台，促进自我反思、同伴互助和专家引领活动的深入、广泛开展。 我们认识到：一个学校的发展，将取决于教师观念的更新，人才的发挥和校本培训功能的提升。多年来，我们学校始终坚持以全体师生的共同发展为本，走“科研兴校”的道路，坚持把校本培训作为推动学校建设和发展的重要力量，进而使整个学校的教育教学全面、持续、健康发展。反思本学期的工作，还存在不少问题。很多工作在程序上、形式上都做到了，但是如何把工作做细、做好，使之的目的性更加明确，是继续努力的方向。另外，我校的研修工作压力较大，各学科缺少领头羊、研修氛围有待加强、师资缺乏等各类问题摆在我们面前。缺乏专业人员的引领，各方面的工作开展得还不够规范。相信随着课程改革的深入开展，在市教育教学研究院的领导和专家的亲临指导下，我校校本研修工作一定能得以规范而全面地展开。“校本研修”这种可持续的、开放式的继续教育模式，一定能使我校的教育教学工作又上一个台阶。
《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系
三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。
(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务
网页设计及制作 【实习目的】 熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。通过网页设计理论联系实际操作, 巩固所学的知识, 提高处理问题的能力。充分学习网页设计实践中的操作理论, 提高自己网页设计水平, 并为能顺利与社会环境接轨做准备。 【实习时间】 2012年2月15日至2012年3月15日 【实习地点】 未来路锦江国际花园9栋501室 【实习单位】 郑州市托斯卡纳餐饮有限公司 【实习内容和过程】 实习内容: 我在托斯卡纳餐饮公司旗下的56°网络蛋糕店一个月的实习,我的工作就是负责设计整个网站的页面部分。为其一个月的实习, 使我第一次亲身感受到了所学知识与实际的应用, 作为一个网站美工除了要求网页三剑客,ps,这些必会的软件以外, 还要对Html用的很熟, 对ASP 或PHP或jsp要有初步的了解。通过这次实习,进一步巩固和深化所学的理论知识,为以后的工作打好基础。 以下是我做的一些实习过程中的经验总结: (1表达一定的艺术效果
一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。 网页作为一种媒体, 它必须具有一定的艺术感染力, 一个平淡无奇、杂乱无章或 毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。(2使页面结构清晰可读性强 经常可以看到这样的页面, 上面堆砌了许多内容, 却没有考虑它的空间框架, 让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程, 这是典型的没有注意到编排清晰度、可读性的表现。 (3实现不同的功能 在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性, 就是指对不同类别的网页要求采用不同的美工艺术效果。 (4网页的内容 网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容 服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广 告栏等。 (5确定网站的类型 在设计网页之需要做大量的准备工作, 需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页; (6确定网站的风格 如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者, 那么页面就要设计得严谨、严肃、理性、 科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感
《新闻网页设计》课程标准 一、课程性质与任务 （一）课程性质 本课程是2016级艺术系新闻专业的一门专业课程。通过本课程的学习，要求学生掌握新闻网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的新闻页面，包括静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 （二）课程主要任务 本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，整个《网页设计与制作》课程共分为五大模块，它们分别是：新闻网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML语言模块着重基本代码的熟记和编写，对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。 （三）与相关课程的关系 《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为新闻专业的一门技术专业课程，一般在3年级开设，此时学生已经具备一定的新闻基础知识和多媒体操作的动手能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。 二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 （一）能力目标： 1. 会使用Dreamweaver网页设计工具制作网页； 2. 理解HTML语言中的标记设置颜色、文本格式和列表； 3. 熟练掌握颜色值的配置和背景图案的设置方法，熟练掌握字符、链接颜色的设置方 法； 4. 熟练掌握网页设计中字符格式的设置方法，段落分段与换行的方法； 5. 掌握HTML的语法结构，掌握HTML语言中标记的使用方法； 6. 掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网 页格式和列表的格式； 7. 掌握在网页中嵌入图像的方法，掌握与嵌入图像相关标记的用法； 8. 掌握与图像布局和位置相关的标记的概念和用法； 9. 熟练掌握使用绝对和相对URL，创建超链接、图像链接；学会图像映射的建立方法； 10.熟练掌握表格的使用方法，会用表格布局并设计网页；
《网页设计基础》课程教学大纲 一课程说明 1.课程基本情况 课程名称：网页设计基础 英文名称：Fundamentals of Designing Web Pages 课程编号：2413267 开课专业：计算机科学与技术 开课学期：第3学期 学分/周学时：2/2 课程类型：专业方向选修课 2．课程性质（本课程在该专业的地位作用） 本课程是计算机科学与技术专业的专业基础课。学习网页的布局与美化、及流行的前端技术，为下一步开发企业级的B/S架构的应用打下基础。 3．本课程的教学目的和任务 在掌握计算机网络的基本知识和基本理论的基础上，使学生通过本课程的学习，掌握DreamweaverMX的使用方法，学会使用DreamweaverMX制作Web网页的技术。通过本课程的学习，掌握DreamweaverMX软件的使用方法,能够创建一个企业的电子商务站点，高效的管理Web内容和站点结构；培养具备较强的逻辑思维能力和独立思考能力。 4．本课程与相关课程的关系、教材体系特点及具体要求 这门课程的先修课程为《计算机应用基础》。 5．教学时数及课时分配
二教材及主要参考书 1. 文丰科技,《中文Dreamweaver8网页制作教程与上机实训》, 机械工业, 2008 2. 览众,《Dreamweaver8商业案例精粹》, 电子工业出版社, 2007 3. 黄竣,《Dreamweaver MX精彩效果百例》, 中国水利水电出版社, 2004 三教学方法和教学手段说明 主要使用多媒体教室进行理论讲解和演示制作步骤，布置课后练习让学生提交电子档进行检查。 四成绩考核办法 考试分为平时作业（含课程设计）、半期考试和期末考试三部分组成，比例为20%、20%、60%。评定学期成绩时结合平时出勤情况得出该门课成绩。 五教学内容 第一篇快速入门（理论6学时，实验6学时） 一、教学目的 掌握DreamweaverMX的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法；理解站点、网站、网页及网页属性的概念；了解