《网站规划与建设》教 学（实 验） 大  纲

课程代码：                                  开课学期：2017 学年上学期

适用专业：计算机应用                          学    时：72

编写教师：黄丽霞                              学    分： 4

审  核：黄丽霞 、刘秋喜

第一部分  说  明

一、课程的性质、作用

本课程主要是将网站设计的基础部分、美工基础、网站规划、技术部分进行综合联系，掌握如何进行一个企业网站专业的设计，通过知识认知，学生可以在网站设计的美工方面提升，如何能通过多类工具完成网站的开发与设计。

二、课程的任务与基本要求

《网站规划与建设》是构建Internet信息资源站、拓展Internet范围信息共享及实现Internet分布式应用的一门课程。任务是全面阐述网站规划所涉范畴、要素、网站开发建设过程、技术、工具与方法。通过该课程学习，学生应能掌握网站相关基本概念、网站工作原理、网站规划目标、规划内容及工作，辨析各种技术特点，并能合理运用相关技术、工具与方法开发、构建Web站点，能进一步拓展知识范围、适应新技术发展。

三、教学方法建议

       项目法、任务驱动法、讨论法

二、本课程与其它课程的关系

基础应用型

三、本课程与专业核心技术、能力培养的关系及作用

通过课堂讲授与设计实践，通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网站规划相关的web 基础知识、网页技术基础，网站设计与发布等相关专业知识，了解当下网页规划与设计发展趋势，运用相关网站开发设计工具，探讨网页规划与设计。

第二部分  本  文

一、基本内容与学时分配

   108课时

二、技术能力培养目标、措施、步骤

第一部分：Web基础部分

课题1：Web设计综述

主要了解Web的页面布局设计原则，字体设计原则、Web颜色设计原则、Web设计最基本原则等，掌握网页中如何进行封页设计，如何搭配相关的布局、字体、颜色等设计基本方法。

课题2：导航与Web设计

主要掌握巩固并掌握导航的重要性，主要导航与次要导航的基本区别，了解导航体系的创建，如何在一个网站规划中，去设计基本站点结构，如何在网页的导航设计案例中，灵活运用Web导航设计原则。

课题3：图像与Web设计

主要图像在网站中的重要性，Web图像设计原则，如何在网站中运用不同的网站图像格式，如何展现图像设计效果。

第二部分：网站规划部分

课题1：网站规划概念、网站规划设计规范、软件硬件平台规划

主要网站设计中的团队组成，网站的定位，网站CI形象等基本概念，通过案例，熟悉网站设计流程，企业网站SEO优化，电子商务网站SEO优化，掌握如何述写网站策划书，掌握网站的概要设计、详细设计、测试设计部分的分析，了解网站开发总结性报告的述写，编写网站用户使用手册，确定如何去进行网站服务器供应商选择，软件服务器平台的选择。

第三部分：网页设计

课题1：HTML语言了解，层叠样式表CSS，JavaScript的应用

主要网页设计语言的基础部分，通过HTML了解网站最基础的语言代码，了解常用的HTML语言用法，掌握通过CSS来设计网站的基本格式，用DIV进行网站的基本布局操作，如何打好基础，通过用JavaScript来进行网站基本行为的调用与处理。

课题2：数据库运用，网站发布

掌握SQL数据库的基本应用，了解XML与Ajax的基本设计方法，掌握如何进行网站发布，通过什么方法进行网站发布，数据库发布。

三、课程实验

   （一）实验仪器设备、主要技术指标及配置要求

   （二）实验项目一览表

（三）综合性、设计性、研究创新性实验介绍

                           实验1   网站封页设计（设计性）

1、实验目的

      掌握web页面布局设计、字体设计、颜色搭配等原则，网页设计的平面搭配技巧，如何运用点、线、面等相关知识制作简单网页。

2、实验内容与基本要求

     （一）、幼儿园大讲堂网站首页设计，要求通过点、面的搭配完成设计作品。

     （二）、儿童节促销，通过课后拓展，通过对比与调和原则完成作品设计。

3、主要仪器设备材料

       连接互联网的计算机，PS软件

实验2  网页导航设计（设计性）

1、实验目的

       掌握导航的重要性，主要导航与次要导航的基本区别，如何在网页的导航设计案例中，灵活运用Web导航设计原则。

2、实验内容与基本要求

   （一）、儿童摄影网站导航设计，在导航中注意色调与网页主题的搭配，导航按钮设计风格可以创新化设计。

3、主要仪器设备材料

       连接互联网的计算机，PS软件

                           实验3   网页图像设计（设计性）

1、实验目的

       掌握网页图像设计技巧，运用图像表达来突出网页设计特色。

2、实验内容与基本要求

      （一）、信息工程学院网站导航图，与轮播图片设计，要求与主题搭配统一。

3、主要仪器设备材料

       连接互联网的计算机，PS软件

  实验4   动画导航设计（设计性）

1、实验目的

      掌握网页动画banner设计的基本技巧，熟知网页动画banner的功能性与尺寸标准，掌握网页动画banner的设计方法。

2、实验内容与基本要求

      （一）、运用flash制作一个网页的动画导航菜单，体现儿童网站主题特色。

3、主要仪器设备材料

       连接互联网的计算机，PS软件

  实验5   网站SEO诊断与优化（综合性）

1、实验目的

      掌握企业网站的基本优化，了解企业网站的SEO优化诊断，了解如何进行网站主页、栏目页、内容页的SEO内部与外部优化，要求对网站的标题、关键词、描述，布局，robots、网站地图进行优化。

2、实验内容与基本要求

   （一）、述写一份关于信息工程学院的所有栏目菜单的栏目页、列表页、内容页的SEO优化策划书。

3、主要仪器设备材料

       连接互联网的计算机，PS软件

  实验6   制作一个网站（HTML+CSS+DIV） （综合性）

1、实验目的

      掌握网页设计中，进行布局与样式设计，巩固网站设计基础知识。

2、实验内容与基本要求                                                                  

   （一）、制作一个大学生创业信息资源网。

   3、主要仪器设备材料

       连接互联网的计算机，PS软件

  实验7   制作一个企业网站（综合性）

1、实验目的

      掌握从网页美工设计，SEO优化角度，制作一个企业网站，要求基于CMS系统，进行后面网站模板修改，网站信息的发布。

2、实验内容与基本要求                                                                  

   （一）、信息工程学院制作

   （二）、湖南慧政模具网站整改与优化。

3、主要仪器设备材料

       连接互联网的计算机，PS软件

四、课程考核形式与成绩评定

第三部分  附  录

一、教学参考书

教    材：《网页美工设计实训》，赵殊、范萍，高等教育出版社，

参考书目：  1、《平面创意设计指南系列：网页美工》，张志勇等编著，化学工业出版社， 2.《网页制作与网站设计》，阳西述等编著，武汉大学出版社， 3.《美工与创意—网页设计艺术》，徐延章等编著，科学出版社， 4.《网页风格构成》，（韩）崔美善著，电子工业出版社 5、《网页设计与配色》，曹金明、程超等编著，红旗出版社， 6、《网页版式设计指南》，张旭生等编著，国防工业出版社， 7、《版式设计原理》，（日）佐佐木刚士，中国青年出版社，

说明：①纯理论课程删除“第二部分本文”中的“课程实验”部分。并重新编标题号。

      ‚纯实验课程删除“第二部分本文”中的“基本内容与学时分配”部分。并重新编标题号。

      ƒ有实验的课程“三性”实验比例合格课程达30%以上、优质课程达50%以上、精品课程达70%以上。

      ④大纲审核人为教研（实验）室主任和一名具有副高以上职称的教师。

。