信息工程学院
国家统招全日制普通高等院校
校训:海纳百川      经世致用

【精品课程】网页设计精品课程

发布日期:2016-01-24 浏览次数:2430

课程介绍

《网页设计》课程是学院的一门公共课程,也是一门综合课程,它涵盖了《Dreamweaver网页设计》、《HTML网页制作》、《VbScript网页编程》等多项相关知识,全面介绍WEB站点设计的基本操作技术和使用技巧,为后续《网上应用系统开发技术 》、《web数据库》等课程打下一个坚实的基础。


   通过本课程的学习,使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能;能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页;掌握VbSCRIPT脚本编程语言的基本语法知识,HTML中VbScript程序的嵌入方法,对象的概念及使用VbScript来进行开发、维护、管理和设置WEB应用程序;能独立设计小型WEB站点。


课程要求

  《网页制作与网站设计》是计算机类各专业开设的一门很重要的实践环节课程。本课程要求学生具备美术基础、图形图像处理能力、网页动画设计能力和Internet 应用能力。学生通过本课程的学习,培养了创新意识和职业意识,提高学生的分析问题和解决问题的能力及团队精神和合作能力,即培养两个意识,提高两种能力;并了解网站技术和其他学科领域的相互联系和相互促进的关系,为

今后专业课的学习和工作奠定理论和实践基础。


该课程注重实用性和操作性,因此本课程的目的和任务是:


1.掌握Web网站的架设方法


2.掌握网页制作的常识,熟悉网页制作的基本技术。


3.熟练掌握Dreamweaver软件的使用。


4.能自己独立建立站点、制作网页。


网页制作与网站设计 课内学时:40


一、 课程的性质、目的和任务

本课程设置的目的是为了使学生掌握静态网页的制作与发布,掌握网页设计软件的应用。能熟练使用Dreamweaver MX、FLASH MX 2004、Phososhop 8.0,制作出具有一定水准的网页。

本课程的学习内容分为三个层次:第一层次就是对开发工具Dreamweaver MX以及 相应辅助设计工具的熟练掌握及运用;第二层次就是利用所学的工具,开始策划并制作一个小型静态主页;第三层次就是能熟练运用Dreamweaver MX 、FLASH MX 2004、Phososhop 8.0编制出具有一定水准的网站,同时掌握相关动态网页的一些操作。


二、 课程内容、学时分配及基本要求

第0章 网页设计综述 2学时

0.1 网站开发的流程

0.2 页面设计布局介绍

0.3 本章小结

基本要求:

本章对网站开发的流程、页面和几种布局类型进行介绍,让学生在开始学习制作网页之前,对网站有个整体的认识和了解。

实践性环节:网页制作流程展示


第1章 初识Dreamweaver 8 3学时

1.1 HTML基本知识

1.2 Dreamweaver 8快速入门

1.3 使用Fireworks辅助页面设计

基本要求:

本章中对一些与Internet有关的术语进行简单的解释,然后阐述与HTML有关的知识,接着对Dreamweaver MX2004的各项功能进行介绍,最后讲解如何使用Fireworks辅助网页设计,为制作网页提供更大的方便。

实践性环节:初识DW,制作简单网页,使用HTML语言编写简单页面


第2章 创建网页和网站 1学时

2.1 创建简单文档

2.2 创建本地站点

2.3 创建以模板为基础的文档

基本要求:

本章主要介绍创建基本的网页文档和Dreamweaver站点的方法,包括使用Dreamweaver的基本功能对页面进行简单的编辑,并讲解网站的有关概念。

实践性环节:利用DW建立网站,制作简单网页


第3章 编辑文档 2学时

3.1 编辑文档和图片

3.2 网页超级链接

3.3 如歌岁月——网页实例制作

基本要求:

本章详细说明了编辑HTML文档的各种具体操作,并以实例进一步说明了各种操作的具体方法,同时还讲解了如何页面添加链接,包括文字链接、图片链接和热点链接等内容。

实践性环节: 完成简单网站建设,并建立超链接


第4章 网站建设与管理 2学时

4.1 网站建设

4.2 网站管理与维护

4.3 网站测试与优化

4.4 在Internet上建立网站

4.5 网站宣传

基本要求:

本章介绍了建设、管理网站的方法,还介绍了管理和维护网站、测试网站、向远程服务器上传文件等操作

实践性环节:优秀网站欣赏


第5章 添加页面元素 4学时

5.1 使用表格

5.2 添加多媒体及空间——媒体天地

5.3 添加Flash元素

5.4 表单的使用

基本要求:

本章通过4个实例深入讲解向页面中添加页面元素的方法,包括使用表格显示数据和内容,添加音乐、视频等多媒体,添加各种Flash元素,同时讲解在页面中添加和使用表单的方法。

实践性环节:做一张包含多种媒体的网页。


第6章 层叠样式表 2学时

6.1 层叠样式表的基本应用

6.2 精品软件公司

6.3 本章小结

基本要求:

本章介绍使用层叠样式表对各种页面元素设定样式的基本操作,同时介绍一下对图片做各种效果处理的操作。

实践性环节:练习层叠样式表的应用


第7章 定位网页 5学时

7.1 表格定位页面

7.2 层定位页面

7.3 嵌入式框架定位页面

7.4 框架定位页面

7.5 框架定位页面

基本要求:

本章在前面已经学过的表格操作的基础上介绍有关表格的高级操作,还有如何使用布局表格和布局单元格进行定位网页的知识,同时还详细介绍使用层和框架进行页面定位的技术。

实践性环节:制作一张表格,包含表格的各种设置要素。

第8章 网页动态效果 1学时

8.1 行为

8.2 Javascript脚本代码

8.3 实例

基本要求:

本章主要讲解实用Dreamweaver的行为功能和Javascript脚本代码及其他脚本代码为网页添加各种网页动态效果的操作。

实践性环节:在网页中应用JS代码


第9章 库和模板的应用 2学时

9.1 库

9.2 模板

基本要求:

本章详细介绍利用模板和库功能来提高工作效率,减少在制作网页和建设网站过程中的许多劳动,同时使网站和网页的更新和维护更加方便的方法。

实践性环节:应用简单的模版和库


第10章 服务器端程序开发入门 4学时

10.1 动态网也与ASP

10.2 ASP的开发

10.3 制作留言簿

基本要求:

本章是本书唯一介绍服务器端技术的一章,目前是使读者对如何使用Dreamweaver来开发服务器端程序有一个初步的了解。

实践性环节:留言板网页精讲


三、实验内容及要求

【实验1】 熟悉Dreamweaver软件环境,利用Dreamweaver新建站点 2学时

要求:

1、 掌握DW的启动方法;

2、 熟悉DW环境的主要组成部分;

3、 掌握新建站点的方法;

4、 初步了解如何新建网页文件。


【实验2】创建网页和网站,添加网页各种元素 2学时

要求:

1、 熟练掌握在DW建立网站的方法

2、 学会在网页中添加各种元素,并建立超链接


【实验3】表单制作 1学时

要求:

学会在网页中制作表单


【实验4】CSS 样式的应用 2学时

要求:

1、 学会在网页中使用CSS样式

2、 学会使用CSS规范网页格式


【实验5】掌握网页定位技术——层、表格、框架的应用 3学时

要求:

3、 熟练掌握层、表格、框架的使用方法;

4、 学会建立复杂的网页表格;


【实验6】行为、JS的使用 1学时

要求:

在网页中使用行为和JS为网页添加动态效果


【实验7】模板和库 1学时

要求:

学会使用模版和库简化网页制作流程




四、各教学环节的学时分配


项目

学时

节 讲课 习题课 实验 合计

第0章 2 2

第1章 2 1 1 4

第2章 1 2 3

第3章 2 1 3

第4章 1 1 2 4

第5章 4 1 5

第6章 2 2 4

第7章 5 1 6

第8章 1 1 2

第9章 2 1 3

第10章 3 1 4

合计 25 3 12 40