《企业网页设计与网站制作》

课程成果要求及实训大纲

一、实训目的

《网页设计与网站制作》是电子商务专业实践性很强的课程，学生必须通过不断上机练习以及使用它来解决实际的问题，才能更好地掌握。因此，在本学期特设置此课程实训，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、完整的电子商务网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。

二、实训要求

综合运用已学的知识，使用Dreamweaver、Photoshop、Flash等网页制作软件，制作一个网站，要求如下：

设计一个包含一个主页及至少30个不同页面的完整的电商网站或企业网站，主题自选，但要表达明确的主题思想，并完成网站的相关文字材料。

（一）网站设计要求

1. 内容：

1) 网站主题可以包括企业门户网站、电子商务网站、新闻旅游、个人网站、专业网站等方面的网站。网页内容要主题健康向上、有时代气息，内容充实、主题鲜明。

以企业门户网站为例网站至少包括：主页、新闻多条、论坛和帖子多条、产品多个，并包含用户注册、登陆、留言板等页面。

2) 主页上必须有Logo、网站导航、网站版权等信息。

2. 设计要求：

1) 网页布局设计合理，文字、图片、动画等元素在网页中的运用适当。

2) 各网页之间的设计风格具有联系性、一致性，符合设计原理。

3. 技术要求：

网页中各种技术运用恰到好处，不为技术而技术。

1) 网页中应包含表格、css技术和多媒体元素（例如背景音乐等）技术。

2) 网页中含有CSS样式和行为技术（例如鼠标经过图像，“增大/收缩”效果等）。

3) 站点中创建库文件、模板文件，并应用的网页中。

4) 部分页面可使用框架集。

5) 部分网页（如主页）中运用div技术。

6) 用户注册登陆和留言板页面实用表单及控件。

7) 站点下的页面创建合理的站点内链接和外部链接。

4. 美工要求：

网页界面美观大方、引人入胜，色颜搭配合理，所有图片、动画与网站主题相符。

运用Photoshop、flash等工具进行特殊处理的元素在报告中进行说明和展示，可作为亮点加分项。

5. 创意要求：

网站要具有新意，参考同类的网站，但设计上要具有自己的特色，。

注：

1) 成果提交形式为电子版：以学号+姓名命名站点根文件夹，例如：20104140101张子蒙，子文件夹和文件组织合理，命名合理。

2) 对网站互相抄袭或从他人网站抄袭者将给予扣分，完全抄袭者成绩为零分。

（二）书面材料

需要上交的材料包括《网站策划方案》和《企业网站设计与网站制作课程汇报》

1.网站策划方案：

2.《企业网站设计与网站制作课程汇报》

根据提供的模板撰写实训报告。实训报告要切实体现网站制作过程中思路和行动。报告内容主要包括一下几个模块：

设计思想

阐述网站设计思想，从网站内容及特点、网站定位、受众范围及特点分析、网站的设计风格等方面进行分析。

网站构架和站点分析

根据设计思想对站点进行分析。确定网站的基本框架，运用的网页元素，分析形成站点地图。

网页设计

阐述内容网站的开发工具、设计过程；网站的设计特点；网站中使用的网页元素及图像编辑软件等；网站中使用的，如动态元素、css样式、层、行为、框架集、库、模板、表单、引用的语言代码等。

网站截图

体会和收获

考核答辩记录

答辩问题：

（1）你的网站主题是什么，对用户想达到什么效果，你觉得达到效果了吗。

网站共有**个网页，包含有**个首页+**个一级页面+**个二级页面。

（2）在网站制作过程中，除了dreamweaver，你还使用到什么软件工具，利用这些工具实现了哪些功能。

（3）以下问题，选一作答

① 怎样避免你的网站内容被复制。

② 怎样改变鼠标在浏览器中的样式。

③ 如何把一个压缩文件供给用户下载。

④ 想在一张图片上做多个链接，如何实现。

⑤ 思考如何在首页中实现雪花漫天飞舞的效果。

将答辩内容简写到答辩记录上，实训报告装订上交。

三、实训课时安排

     14高职电商1班 15-16周   15#306

     14高职电商2班 17-18周   15#306

四、考核方式

本学期成绩以作品和大作业形式进行考核：

成绩= 平时成绩：20% + 网站作品成绩：40% +  书面材料：40%

五、实训项目

实训一网站策划

一、实训目的

了解网站制作的流程

对要制作的网站进行定位和分析

搜集网站素材

二、实训内容

项目1 网站建设流程

内容：网站建设流程图

项目2 网站定位

实训内容：

确定你要制作的网站内容、所属类型、受众定位

实训要求：

以图文叙述的方式（word文档）描述你的网站设计思路和想法，分几个方面进行阐述。

项目3 网站地图

实训内容：

分析网站、制作网站地图

实训要求：

使用E-R图展示网站地图。

项目4 网站素材

实训内容：

搜集网站素材

实训要求：

（1）通过因特网搜集素材

（2）利用图像处理工具制作网站素材、处理素材

项目5 制作LOGO

实训内容：

制作网站LOGO

实训要求：

利用搜集的素材，使用PHOTOSHOP制作网站LOGO

三、实训方法与步骤

1.遵循要求，独立完成；

2.学生在整个过程中应自觉遵守纪律，服从指导教师的安排。

四、实训注意事项

1. 实训态度认真、知识准备充分

2.对方法和技巧的使用难点，通过网络或书籍寻求解决方法

实训二网页制作

一、实训目的

完成网站各网页的制作

二、实训内容

根据自己网站的内容和地图，运用Dreamweaver技术，分别制作各个页面。

项目1 网页布局

实训内容：

确定网站风格，布局页面版式

实训要求：

确定网站中网页的版式风格，使页面具有设计感，符合用户的常规审美标准。

项目2 色彩风格

实训内容：

确定网站色彩格调

实训要求：

网站最令人赏心悦目的东西，网站的主色调。这时候，你选择的网站主色调，就不能只是掺杂你个人的想法，要从浏览者和公司产品出发，选择最适宜的颜色。注意，假如这个颜色是多色调的，那就不能将颜色的反差拉的过大，这样，视觉的冲击效果会下降。你选择的颜色，可以是公司LOGO或者是公司宣传彩页的颜色，要是太过艳丽的颜色，切忌不要大面积使用。

项目3 制作首页

实训内容：

制作Index（首页）

实训要求：

网站首页的重要性。一个成功的网站，首先是其静态页面的设置，，主要就是首页的设计。只要你的网站首页足够hold住全场，你的网站机会吸引更多的浏览者，哪怕只是简单的浏览，也对你的公司、产品有了了解。

项目4 导航栏

实训内容：

制作导航栏

实训要求：

网站的导航要有吸引力。导航条在网站中的作用不可小觑，在制作的时候，选择的导航条图片除了要精美，大小要适宜，还有就是在图片上能体现网站文化的字幅，展现网站的风采。

项目5 内页

实训内容：

创建一级页面和二级页面

实训要求：通过创建和使用库文件和模板文件，创建其中统一版式的子页面。

项目6  CSS

实训内容：

CSS样式

实训要求：

CSS是Cascading Style Sheet的缩写，有些书上把它译为"层叠样式单"或"级联样式单"（下文简称"样式单"），它是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

采用CSS技术，对页面的布局、字体、颜色、背景和其它效果实现页面美化。

项目7 超链接

实训内容：

超级链接

实训要求：

网页制作中基本理能的超级链接就是在网页中以文字和图片的形式来作为链接对象，点击可以连接到一个你指定的网页当中去，在IE打开网页单击文字或其他链接时时，IE浏览器可以直接或者采取弹窗的方式连接到指定目标网页。

（1）给主页、内页、导航、库、模板等需要设置超级链接。

（2）要求站点内页面可以互相访问及返回。

（3）链接设置要准确，各种连接畅通。

项目8 行为

实训内容：

创建行为

实训要求：

使用行为，可以实现浏览者与网页之间的简单交互，从而以多种方式修改页面或引发某些任务的执行。

为页面元素添加行为，如弹出信息、打开浏览器窗口、改变文字或图片属性、变换图像、拖动AP元素等。

项目9 DIV

实训内容：

DIV(层)

实训要求：

（1）使用AP Div和Div标签布局网页

（2）使用CSS样式控制DIV的样式和位置

三、实训仪器、设备

学生用机：WindowsXP

软件条件：Dreamweaver8中文版、Photoshop中文版、FlashMX中文版。

网络条件：与因特网连接的局域网。

四、实训方法与步骤

1.遵循要求，独立完成；

2.学生在整个过程中应自觉遵守纪律，服从指导教师的安排。

五、实训注意事项

1. 实训态度认真、知识准备充分

2.对方法和技巧的使用难点，首先通过网络或书籍找到解决方法

第二篇：电子商务网站建设课程设计教学大纲

《电子商务网站建设》课程设计教学大纲

课程设计名称：电子商务网站建设 课程设计学分: 1

课程设计时间：第六学期 课程设计年级: 3

课程设计学时或周数：1周（36学时） 课程设计专业:电子商务

一、课程设计的目的、任务与要求

全面考查学生网站建设的能力，包括电子商务网站的规划与设计、网站软硬件平台的安装与配置、静态和动态页面的设计开发、Web数据库与访问技术等。特别要强化编写及调试ASP程序的能力。要求学生提交一个可运行的动态网站及网站说明书。

二、选题的原则及题目难度、深度、广度分析

1、网站选题有创意，符合社会需要；

2、页面具有鲜明的设计风格和良好的视觉效果；

3、具有后台管理系统，可动态管理前台页面。

三、课程设计内容

1、静态网页设计

2、动态网站建设

3、网站说明书

四、课程设计时间进程表

第1天完成网站创意与基本设计；第2、3、4天分工完成网站的详细设计及编程；第5天测试网站，编写网站说明书。

五、课程设计成绩的评定方法及评分标准

根据学生网站建设的质量和课程设计的工作态度等综合打分。成绩评定实行优秀、良好、中等、及格和不及格五个等级。不及格者不能得到相应的学分，需重新做课程设计，经指导教师考核及格后，方可取得相应学分。有关的考查相关材料（文字材料以及光盘）统一妥善保管。

拟稿（签名）： 邵婷

核对（签名） 林建宗

审批（签名）：瞿友喜

20xx年 10 月10 20xx年 11 月 1 20xx年 11 月 2 日 日 日