《网站策划与设计》教学大纲Word格式.docx

《网站策划与设计》教学大纲Word格式.docx

《《网站策划与设计》教学大纲Word格式.docx》由会员分享，可在线阅读，更多相关《《网站策划与设计》教学大纲Word格式.docx（15页珍藏版）》请在冰豆网上搜索。

[自学内容]

学习了解一些网页设计的内容，如css样式表技术，知道使用它会对网页设计带来哪些好处。

[自学方法]

通过相关书籍，也可以通过上网学习。

[所需课时]2课时

第2章网站规划与设计

[教学目的和要求]

1.掌握网站建设的主要步骤及具体实施的内容；

2.掌握建立网站的基本原则；

3.掌握网站具体设计过程中的一些主要问题；

4.熟悉网站设计时色调色彩与网站内容的关系。

[教学内容]

1.网站设计的步骤，需求分析，网站规划，具体设计（栏目规划、目录结构设计、风格设计、导航设计）；

2.网站设计原则，使用者优先、考虑用户的在线状况、使用者的浏览器、内容第一、互动原则、避免滥用技术、即时更新、三次点击原则等；

3.网站内容设计，主题定位、结构设计、形象设计；

4.补充知识,色彩与网站设计的关系，不同颜色表现的含义，页面色彩搭配的常见方法。

[教学重点与难点]

1.网站的设计原则；

2.网站内容设计的具体实施。

[所需课时]4课时

第3章HTML与XHTML基础

1.掌握HTML的基本结构；

2.熟悉HTML的常用标记，并可以用文本编辑工具编写简单的网页程序代码；

3.了解XHTML的特点。

1.HTML的特点，与其它语言的不同；

2.HTML基本结构，语法规则；

3.HTML的常用标记，控制标题、段落、换行、文字属性、水平线、图像、超级链接；

4.XHTML的代码规范；

[教学重点与难点]

图像与超级链接的定义。

[所需课时]2课时

第4章dreamweaver基础操作

1.熟悉dreamweaver的环境；

2.掌握在dreamweaver下的建站方法以及站点管理方法；

3.掌握页面编辑的基本操作；

4.结合教学案例熟练掌握dreamweaver的页面设计操作；

1.dreamweaver工作环境，用户界面，工具栏，状态栏，面板组；

2.站点管理，建立站点，管理站点，删除站点；

3.页面编辑，页面属性面板的使用；

4.页面元素，文本编辑，图像编辑，超级链接编辑，图像超级链接编辑，水平线，换行符，时间，日期等等；

5.综合实例

1.站点的管理；

2.页面的编辑，特别是图像和超级链接的编辑。

[所需课时]3课时

第5章利用表格进行页面布局

[教学目的和要求]

1．掌握表格的常用HTML标记；

2．掌握表格创建编辑的基本方法。

3．掌握表格布局意义和使用方法。

[教学内容]

1．表格标记和常用属性，<

table>

<

tr>

<

td>

th>

等；

2．表格基本操作，创建表格，编辑表格，修饰表格，格式化表格；

3．表格布局的使用，标准模式与布局模式的切换，创建布局表格，绘制布局表格、单元格，布局单元格的属性设置；

4．综合实例，用布局表格方式制作网页。

1．表格的属性定义；

2．布局表格的使用。

第6章插入多媒体元素

1．了解可插入多媒体元素的范畴；

2．掌握插入flash动画的方法；

3．掌握插入flash文本的方法；

4．掌握掌握插入flash按钮的方法；

5．掌握掌握插入flash图像查看器的方法；

6．掌握插入视频的方法；

7．掌握插入声音的方法；

8．掌握插入背景音乐的方法；

1．插入flash元素，插入flash动画（.swf）的方法与主要属性设置，插入flash文本的方法与主要属性设置，插入flash按钮的方法与主要属性设置，插入flash图像查看器的方法与主要属性设置，插入flashpaper的方法与主要属性设置；

2．插入视频文件以及常用属性设置；

3．插入音频文件以及常用属性设置；

4．插入背景音乐以及主要属性设置。

1．各个插入元素播放控制属性的设置；

2．图像查看器设置相对复杂，是本单元的难点。

第7章框架和模板

1．了解框架和模板的作用；

2．掌握使用框架设计网页的基本方法；

3．掌握模板在定义、网页设计以及更新网页时的使用方法；

1．框架的概念，框架结构网页的组成，框架的基本HTML标记；

2．框架结构的定义，属性设置

3．框架结构网页应用举例；

4．模板的意义；

5．创建模板的方法，模板中可编辑区的定义，保存模板，用模板创建新的网页，用模板更新网页；

6．使用模板设计网页应用举例。

[教学重点与难点]

1．框架方式编辑网页；

2．模板方式编辑网页；

第8章表单

1.掌握制作表单的意义；

2.熟悉表单常用对象；

3.掌握表单常用对象的编辑方法。

1.表单基础知识，表单的意义，表单的构成，常用表单对象元素，文本字段、密码字段、文本域、隐藏域、复选框、单选按钮、列表菜单、跳转菜单、图像域、文件域、按钮、标签、字段集；

2.表单的操作，建立空白表单，表单中不同元素对象的编辑；

3.表单制作实例

常用表单元素对象的属性设置。

第9章javascript

本章内容可结合至后续章节的一些具体实例讲解，不单独进行介绍。

[教学目的和要求]（略）

[教学内容]（略）

[教学重点与难点]（略）

第10章动态网站构建基础

1.了解动态网页的特点；

2.了解动态网页的运行条件；

3.学会分析简单的程序流程；

4.掌握几种常用ASP内建对象的使用方法。

1.动态网页基础知识，什么是动态网页，动态网页与静态网页的区别；

2.ASP技术简介，ASP的概念，ASP的编写，ASP的运行环境；

3.vbscript脚本语言，添加vbscript脚本，vbscript语法基础，vbscript程序流程，vbscript过程与函数，vbscript常用函数；

4.ASP内建对象，response对象，request对象，server对象，session对象，application对象。

1.vbscript程序分析对于文科专业的学生将会是主要难点内容；

2.ASP内建对象的应用，特别是response对象和request对象的使用是重点。

课本讲述的内容比较浅显，如需要进一步掌握需要看关于ASP的专门书籍。

[自学要求]

感兴趣的同学或需要深入学习的同学，必须看相关的专业书籍。

[所需课时]4课时

第11章网站数据库建设

1.了解数据库在网站建设中的作用；

2.了解常用的数据库种类；

3.了解ASP访问数据库基本技术；

4.了解dreamweaver中使用数据库的方法。

1.数据库基础知识，数据库概念，常用数据库软件；

2.access数据库的应用；

3.ASP访问数据库技术，ODBC介绍，ODBC数据源管理器；

4.在dreamweaver中使用数据库；

5.应用举例。

本章节属于一般了解性内容，主要讲清概念，通过应用实例给学生以感性认识。

[自学内容]

同前一章。

第12章网站的测试与发布

1.了解网站制作后期以及制作完成后设计人员需要做的工作；

2.了解网站正式发布以及发布以后需要做的工作。

；

1.网站测试，功能测试、性能测试、安全性测试、稳定性测试、浏览器兼容性测试，可用性/易用性测试、链接测试、代码合法性测试；

2.网站发布，发布方法，用dreamweaver发布，网站的推广；

3.网站的管理与维护

本章内容属于一般性介绍。

（二）实验、实习部分

实验一网站策划与dreamweaver基本使用

1．实验类别：

普通教育

2．实验目的：

（1）熟悉一个网站从设计到实现的过程；

（2）掌握策划的具体内容；

（3）熟悉dreamweaver的工作环境与基本编辑功能；

（4）掌握dreamweaver中站点的创建与管理方法；

（5）掌握dreamweaver图像编辑以及常用属性的设置；

（6）掌握dreamweaver中超级链接的使用方法。

3．实验主要内容：

1）根据个人喜好构思一个个人或商业网站，完成网站设计策划书，在课程结业时完成基本设计构想；

2）运行dreamweaver，熟悉工作环境；

3）使用dreamweaver建立站点；

4）页面的基本编辑，文本、线段、符号等；

5）图像的编辑，大小，位置、环绕方式、显示文字等，热区的定义；

6）超级链接的编辑以及相关属性设置。

4．实验类型：

操作

5．实验要求：

必修

6．主要仪器：

微机

实验二用表格规划网页

（专业基础）

（1）掌握表格在网页设计中的使用方法。

（2）掌握表格在网页布局设计中的使用方法。

（1）表格建立。

（2）表格常规属性设置，高、宽、对齐方式、表格线颜色、背景颜色等。

（3）表格的修饰。

（4）用布局模式规划网页。

（5）“手工绘制网页布局。

（操作）

（必修）

（PC机）

实验三多媒体元素的使用

（1）掌握网页中使用flash元素的方法。

（2）掌握网页中使用视频元素的方法。

（3）掌握网页中使用音乐的方法。

（4）掌握网页中使用背景音乐的方法。

（1）网页中插入flash动画、文本、按钮对象，以及播放控制。

（2）网页中插入视频文件，以及播放控制。

（3）网页中插入声音文件，以及控制播放，将引入的声音作为网页背景音乐的方法。

实验四框架结构和模板的应用

（1）掌握框架结构网页的设计方法。

（2）掌握模板功能的使用方法。

（1）框架结构页面的建立。

（2）框架结构网页的编辑。

（3）模板文件的建立、内容编辑与保存。

（4）模板的应用、模板的修改更新。

实验五表单设计

掌握表单以及常用表单元素的编辑方法。

（1）创建表单。

（2）含有表单页面的布局设计。

（3）表单元素的属性设置。

实验六动态网页设计1

了解动态网页执行的工作环境，掌握动态网页的特点以及客户端与服务器端的工作关系。

（1）IIS的安装与主要设置；

（2）编写简单的ASP程序，并进行测试；

实验七动态网页设计2

结合程序语言完成登录表单处理网页制作，进一步加深对动态网页工作过程的认识。

设计一个服务器端程序，对客户端提交的表单内容进行分析判断，并分别给出不同的执行结果。

实验八综合设计

对开课时布置的网站设计内容进行全面综合设计实现。

从静态网页设计到动态网页设计的知识与技能

三、学时分配

讲次

教学内容

理论

课时

实验

第1讲

基础知识

2

第2讲

网站规划与设计及补充知识

4

第3讲

HTML基础

第4讲

Dreamweaver基础操作

3

第5讲

利用表格进行页面布局

第6讲

插入多媒体元素

第7讲

设计综合应用练习1

第8讲

框架和模板

第9讲

表单元素

第10讲

动态网站基础

第11讲

数据库访问

第12讲

网站测试、发布与维护

第13讲

设计综合应用练习2

合计

32

16

四、考核方法

（一）平时作业与考勤

每一次上机课，都要完成随堂上机作业，完成情况计入平时成绩，学生平时上课的到课情况和课堂表现均作为平时成绩考量。

（二）课程综合作业

1.课程结束后完成网站综合作业制作，内容与要求见附表。

2.综合作业满分成绩为100分。

（三）总评成绩

总成绩按平时成绩*30%+综合作业成绩*70%计算。

五、推荐使用教材

吴春明邹显春主编《网页制作与网站建设》西南师范大学出版社2008年6月

主要参考书

吴涛姜骅主编《网站全程设计技术》清华大学出版社·

·

北京交通大学出版社2003年4月

吕斌主编《网页制作与网站建设》清华大学出版社北京交通大学出版社2005年1月

附表：

综合作业内容与评定细则

综合作业网站设计

评价项目

评价内容

评价等级

得分

优

良

及格

不及格

网站应用素材情况

素材丰富

5

大小适宜（物理尺寸）

处理恰当

主要技术应用实现情况

表格布局运用恰当

10

8

6

多媒体使用适当

动态技术应用准确

框架或模板技术恰当

总体效果

主题鲜明（与其它页面呼应）

结构合理

色彩搭配和谐

站点管理

组织结构清晰

文件链接正常

策划说明文档材料

设计计划构思严谨，条理清晰，实事求是.

按照策划实现主体内容落实情况。

文档标准、规范程度。

说明：

总分100，得分可取两个等级之间的任意分。