《网站策划与设计》教学大纲

《网站策划与设计》教学大纲课程代码：1H13745学分：2总学时数：48理论时数：32实验时数：16先修课程：计算机文化基础；计算机实用技术开课对象：会展专业学生一、课程的性质、目的、任务与能力目标本课程是会展管理专业的专业基础平台课程，它的主要任务是培养学生设计、构思网站以及网页的思想和基本设计方法，通过课程学习使学生具备制作简单网站的能力以及策划开发企业网站的基本能力，具体目标是在学习静态网页和简单动态网页设计技术的基础上掌握网站策划、网页布局、网页与网站的风格定位设计以及网站发布的流程，同时培养学生良好的沟通与团队合作意识。本课程强调学生实际动手能力和创新意识的重要性，同时也注重学生审美能力的培养和熏陶，为今后专业学习以及日后的工作服务。二、课程内容的基本要求（一）理论讲授部分第1章基础知识[教学目的和要求]了解网站建设所必须的网络基础知识、名词、概念；了解网页设计所必备的工具；了解在网页设计中使用的基本技术。[教学内容]浏览器，网页，网站，URL地址；网站的体系结构，IP地址，域名及常用域名，网站的工作原理；网页制作与网站建设的相关技术，HTML,XML,CSS,JAVASCRIPT,图像处理技术，动画制作技术，音频视频处理技术，web编程技术，服务器配置技术；网页制作工具软件，dreamweaver，frontpage。[教学重点与难点]动态网页与静态网页的概念；网站的工作过程；绝对URL与相对URL的使用；[自学内容]学习了解一些网页设计的内容，如css样式表技术，知道使用它会对网页设计带来哪些好处。[自学方法]通过相关书籍，也可以通过上网学习。[所需课时]2课时第2章网站规划与设计[教学目的和要求]掌握网站建设的主要步骤及具体实施的内容；掌握建立网站的基本原则；掌握网站具体设计过程中的一些主要问题；熟悉网站设计时色调色彩与网站内容的关系。[教学内容]网站设计的步骤，需求分析，网站规划，具体设计（栏目规划、目录结构设计、风格设计、导航设计）；网站设计原则，使用者优先、考虑用户的在线状况、使用者的浏览器、内容第一、互动原则、避免滥用技术、即时更新、三次点击原则等；网站内容设计，主题定位、结构设计、形象设计；补充知识,色彩与网站设计的关系，不同颜色表现的含义，页面色彩搭配的常见方法。[教学重点与难点]网站的设计原则；网站内容设计的具体实施。[所需课时]4课时第3章HTML与XHTML基础[教学目的和要求]掌握HTML的基本结构；熟悉HTML的常用标记，并可以用文本编辑工具编写简单的网页程序代码；了解XHTML的特点。[教学内容]HTML的特点，与其它语言的不同；HTML基本结构，语法规则；HTML的常用标记，控制标题、段落、换行、文字属性、水平线、图像、超级链接；XHTML的代码规范；[教学重点与难点]图像与超级链接的定义。[所需课时]2课时第4章dreamweaver基础操作[教学目的和要求]熟悉dreamweaver的环境；掌握在dreamweaver下的建站方法以及站点管理方法；掌握页面编辑的基本操作；结合教学案例熟练掌握dreamweaver的页面设计操作；[教学内容]dreamweaver工作环境，用户界面，工具栏，状态栏，面板组；站点管理，建立站点，管理站点，删除站点；页面编辑，页面属性面板的使用；页面元素，文本编辑，图像编辑，超级链接编辑，图像超级链接编辑，水平线，换行符，时间，日期等等；综合实例[教学重点与难点]站点的管理；页面的编辑，特别是图像和超级链接的编辑。[所需课时]3课时第5章利用表格进行页面布局[教学目的和要求]掌握表格的常用HTML标记；掌握表格创建编辑的基本方法。掌握表格布局意义和使用方法。[教学内容]表格标记和常用属性，<table>,<tr><td><th>等；表格基本操作，创建表格，编辑表格，修饰表格，格式化表格；表格布局的使用，标准模式与布局模式的切换，创建布局表格，绘制布局表格、单元格，布局单元格的属性设置；综合实例，用布局表格方式制作网页。[教学重点与难点]表格的属性定义；布局表格的使用。[所需课时]2课时第6章插入多媒体元素[教学目的和要求]了解可插入多媒体元素的范畴；掌握插入flash动画的方法；掌握插入flash文本的方法；掌握掌握插入flash按钮的方法；掌握掌握插入flash图像查看器的方法；掌握插入视频的方法；掌握插入声音的方法；掌握插入背景音乐的方法；[教学内容]插入flash元素，插入flash动画（.swf）的方法与主要属性设置，插入flash文本的方法与主要属性设置，插入flash按钮的方法与主要属性设置，插入flash图像查看器的方法与主要属性设置，插入flashpaper的方法与主要属性设置；插入视频文件以及常用属性设置；插入音频文件以及常用属性设置；插入背景音乐以及主要属性设置。[教学重点与难点]各个插入元素播放控制属性的设置；图像查看器设置相对复杂，是本单元的难点。[所需课时]2课时第7章框架和模板[教学目的和要求]了解框架和模板的作用；掌握使用框架设计网页的基本方法；掌握模板在定义、网页设计以及更新网页时的使用方法；[教学内容]框架的概念，框架结构网页的组成，框架的基本HTML标记；框架结构的定义，属性设置框架结构网页应用举例；模板的意义；创建模板的方法，模板中可编辑区的定义，保存模板，用模板创建新的网页，用模板更新网页；使用模板设计网页应用举例。[教学重点与难点]框架方式编辑网页；模板方式编辑网页；[所需课时]2课时第8章表单[教学目的和要求]掌握制作表单的意义；熟悉表单常用对象；掌握表单常用对象的编辑方法。[教学内容]表单基础知识，表单的意义，表单的构成，常用表单对象元素，文本字段、密码字段、文本域、隐藏域、复选框、单选按钮、列表菜单、跳转菜单、图像域、文件域、按钮、标签、字段集；表单的操作，建立空白表单，表单中不同元素对象的编辑；表单制作实例[教学重点与难点]常用表单元素对象的属性设置。[所需课时]2课时第9章javascript本章内容可结合至后续章节的一些具体实例讲解，不单独进行介绍。[教学目的和要求]（略）[教学内容]（略）[教学重点与难点]（略）第10章动态网站构建基础[教学目的和要求]了解动态网页的特点；了解动态网页的运行条件；学会分析简单的程序流程；掌握几种常用ASP内建对象的使用方法。[教学内容]动态网页基础知识，什么是动态网页，动态网页与静态网页的区别；ASP技术简介，ASP的概念，ASP的编写，ASP的运行环境；vbscript脚本语言，添加vbscript脚本，vbscript语法基础，vbscript程序流程，vbscript过程与函数，vbscript常用函数；ASP内建对象，response对象，request对象，server对象，session对象，application对象。[教学重点与难点]vbscript程序分析对于文科专业的学生将会是主要难点内容；ASP内建对象的应用，特别是response对象和request对象的使用是重点。[自学内容]课本讲述的内容比较浅显，如需要进一步掌握需要看关于ASP的专门书籍。[自学要求]感兴趣的同学或需要深入学习的同学，必须看相关的专业书籍。[所需课时]4课时第11章网站数据库建设[教学目的和要求]了解数据库在网站建设中的作用；了解常用的数据库种类；了解ASP访问数据库基本技术；了解dreamweaver中使用数据库的方法。[教学内容]数据库基础知识，数据库概念，常用数据库软件；access数据库的应用；ASP访问数据库技术，ODBC介绍，ODBC数据源管理器；在dreamweaver中使用数据库；应用举例。[教学重点与难点]本章节属于一般了解性内容，主要讲清概念，通过应用实例给学生以感性认识。[自学内容]同前一章。[自学要求]同前一章。[所需课时]2课时第12章网站的测试与发布[教学目的和要求]了解网站制作后期以及制作完成后设计人员需要做的工作；了解网站正式发布以及发布以后需要做的工作。；[教学内容]网站测试，功能测试、性能测试、安全性测试、稳定性测试、浏览器兼容性测试，可用性/易用性测试、链接测试、代码合法性测试；网站发布，发布方法，用dreamweaver发布，网站的推广；网站的管理与维护[教学重点与难点]本章内容属于一般性介绍。[所需课时]2课时（二）实验、实习部分实验一网站策划与dreamweaver基本使用1．实验类别：普通教育2．实验目的：（1）熟悉一个网站从设计到实现的过程；（2）掌握策划的具体内容；（3）熟悉dreamweaver的工作环境与基本编辑功能；（4）掌握dreamweaver中站点的创建与管理方法；（5）掌握dreamweaver图像编辑以及常用属性的设置；（6）掌握dreamweaver中超级链接的使用方法。3．实验主要内容：根据个人喜好构思一个个人或商业网站，完成网站设计策划书，在课程结业时完成基本设计构想；运行dreamweaver，熟悉工作环境；使用dreamweaver建立站点；页面的基本编辑，文本、线段、符号等；图像的编辑，大小，位置、环绕方式、显示文字等，热区的定义；超级链接的编辑以及相关属性设置。4．实验类型：操作 5．实验要求：必修6．主要仪器：微机实验二用表格规划网页1．实验类别：（专业基础）2．实验目的：（1）掌握表格在网页设计中的使用方法。（2）掌握表格在网页布局设计中的使用方法。3．实验主要内容：（1）表格建立。（2）表格常规属性设置，高、宽、对齐方式、表格线颜色、背景颜色等。（3）表格的修饰。（4）用布局模式规划网页。（5）“手工绘制网页布局。4．实验类型：（操作）5．实验要求：（必修）6．主要仪器：（PC机）实验三多媒体元素的使用1．实验类别：（专业基础）2．实验目的：（1）掌握网页中使用flash元素的方法。（2）掌握网页中使用视频元素的方法。（3）掌握网页中使用音乐的方法。（4）掌握网页中使用背景音乐的方法。3．实验主要内容：（1）网页中插入flash动画、文本、按钮对象，以及播放控制。（2）网页中插入视频文件，以及播放控制。（3）网页中插入声音文件，以及控制播放，将引入的声音作为网页背景音乐的方法。4．实验类型：（操作）5．实验要求：（必修）6．主要仪器：（PC机）实验四框架结构和模板的应用1．实验类别：（专业基础）2．实验目的：（1）掌握框架结构网页的设计方法。（2）掌握模板功能的使用方法。3．实验主要内容：（1）框架结构页面的建立。（2）框架结构网页的编辑。（3）模板文件的建立、内容编辑与保存。（4）模板的应用、模板的修改更新。4．实验类型：（操作）5．实验要求：（必修）6．主要仪器：（PC机）实验五表单设计1．实验类别：（专业基础）2．实验目的：掌握表单以及常用表单元素的编辑方法。3．实验主要内容：（1）创建表单。（2）含有表单页面的布局设计。（3）表单元素的属性设置。4．实验类型：（操作）5．实验要求：（必修）6．主要仪器：（PC机）实验六动态网页设计11．实验类别：（专业基础）2．实验目的：了解动态网页执行的工作环境，掌握动态网页的特点以及客户端与服务器端的工作关系。3．实验主要内容：（1）IIS的安装与主要设置；（2）编写简单的ASP程序，并进行测试；4．实验类型：（操作）5．实验要求：（必修）6．主要仪器：（PC机）实验七动态网页设计21．实验类别：（专业基础）2．实验目的：结合程序语言完成登录表单处理网页制作，进一步加深对动态网页工作过程的认识。3．实验主要内容：设计一个服务器端程序，对客户端提交的表单内容进行分析判断，并分别给出不同的执行结果。4．实验类型：（操作）5．实验要求：（必修）6．主要仪器：（PC机）实验八综合设计1．实验类别：（专业基础）2．实验目的：对开课时布置的网站设计内容进行全面综合设计实现。3．实验主要内容：从静态网页设计到动态网页设计的知识与技能4．实验类型：（操作）5．实验要求：（必修）6．主要仪器：（PC机）三、学时分配讲次教学内容理论课时实验课时第1讲基础知识2第2讲网站规划与设计及补充知识42第3讲HTML基础2第4讲Dreamweaver基础操作32第5讲利用表格进行页面布局3第6讲插入多媒体元素22第7讲设计综合应用练习122第8讲框架和模板2第9讲表单元素22第10讲动态网站基础42第11讲数据库访问2第12讲网站测试、发布与维护22第13讲设计综合应用练习222合计3216四、考核方法（一）平时作业与考勤每