湖南工学院南校区经济与管理系。
电子商务网页制作课程设计。
课题名称： 网页制作课程设计。
系别： 经济管理系
专业： 电子商务
姓名： 刘云峰。
班级学号： 电商1001
指导老师曹毅。
完成时间： 2023年12月
湖南工学院。
2023年12月。
一、 课程设计的目标及要求。
二、 站点规划。
2.1 需求分析。
2.2 站点结构分析。
2.3 **风格分析。
2.4 组织素材。
三、**设计。
3.1 定义站点。
3.2 页面布局设计。
3.3 导航栏设计。
3.4 素材处理。
四、 网页制作。
4.1 首页制作。
4.2 目录（标题）页制作—二级页面制作。
4.3 内容（文章）页制作—**页面制作。
五、网页测试、发布与维护。
5.1 站点整理。
5.2 网页调试。
5.3 站点发布与维护。
六、设计过程中遇到的问题及解决的办法。
七、设计后的感想。
1、课程设计的目标及要求。
因本课程是网络工程相关专业学生的专业必修课。本课程设计的主要目的是：通过本科城设计，全面帮助学生加强对**的认知；学会设计和制作**，包括完成设计报告，了解**的软、硬件平台，会发布和维护一个实际的**，熟练网页制作及相关工具（adobe photoshop，macromedia dreamwe**er mx，macromedia flash mx，macromedia fireworks mx）的使用，掌握adobe photoshop，macromedia dreamwe**er mx，macromedia flash mx，macromedia fireworks mx软件的使用技巧，掌握相关行业的相关标准。
从而运用**界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。了解**的软、硬件平台，会发布和维护一个实际的**，学会设计和制作**，包括完成设计报告。 能够使用相关工具（adobe photoshop，macromedia dreamwe**er mx，macromedia flash mx，macromedia fireworks mx）的熟练制作网页。
尽量运用业界默认的**开发规范，努力使自己的站点专业化。
通过本课程的训练，使学生掌握html语言的语法结构，能够使用html语言编写静态网页，控制网页中的文字，**，超级链接，**，表单，框架等，能够使用html语言实现移动的文字，制作多**页面，能够读懂复杂网页的源**。熟练使用网页设计工具frontpage、dreamwe**er mx，能够使用dreamwe**er mx设计网页的框架，导航条，设置文字，**，超级链接，滚动文字，弹出窗口的属性，能够使用dreamwe**er mx设计出比较复杂的网页，建立小型**。熟悉flash mx的绘图，帧，层，属性面板的使用，能够使用flash mx制作简单的动画，设计网页的flash标题。
掌握基于web的数据库应用，理解在b/s模式下网页如何同数据库之间建立联系，重点了解基于idc和asp两种方式以及各自的原理和运行环境，学会使用asp的基本语法、内建对象、内建组件以及asp访问数据库的方法，能够读懂并修改大型动态**（asp**）的**。
二、站点规划。
2.1 需求分析。
**的总体规划，是从总体上对**的架构进行整体规划。因为只有这样，才能在**的制作与维护中对**的功能有一个清晰的把握。此外，做好**规划，会对**以后的功能扩展起到事半功倍的作用。
互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，无论是短小精悍的个人主页，还是结构清晰、信息丰富的大型**，**的需求分析和规划设计都要放在第一步，因为它直接关系到**的功能是否完善，质量是否能够达到保证。
2.2 站点结构分析。
首先建立站点，规划好布局，文件要划分好，清晰明了。指定文件的位置和存储的资料。
打开：“窗口”下的“新建站点”
按“下一步。
单击“下一步”
单击“下一步”（出现“你如何连接到远程服务器”时选择“无”）
单击完成。2.3 **风格分析。
“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的ci（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。风格是有人性的，不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是本**独有的，这就形成了**的“风格”。
一般都要求：清纯简洁，主题鲜明，内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现**的基本功能，可以从以下几个方面来为**设计一个独特的风格。
1。**标志（logo）
logo是指**的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自**的名称和内容。比如：
**内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以**化或者艺术化；专业**可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己**的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
2。**色彩。
**给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现**形象和延伸内涵的色彩，要用于**的标志、标题、主菜单和主色块，给人以整体统一的感觉。
至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。例如ibm的深蓝色，肯德基的红色条型。一般来说，一个**的标准色彩不超过3种，太多则让人眼花缭乱。
适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景网页最好做，颜色搭配最方便；亮色与暗色配合，最容易突出画面，如黑与白，红与黑，黄与紫；而近似的颜色的搭配，能给一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。
最好能给主页定一个主色调，不要搞得花花绿绿的。
3。设计**字体。
和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。
制作者可以根据自己**所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用**的形式，因为很可能浏览者的计算机里没有安装特别字体，他看到的只能是乱码，那么辛苦的设计制作便付之东流了。
4。使用精炼有效的语言。
网页制作课程设计
设计题目 职业技术学院学生会。系别 职业技术学院 班级 09 计网 学号 092114010028 姓名 谯辉 指导教师 徐老师董老师。前言。都是可以通过网络来获得。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢 对就是网页。现如今，数以万计的 以网页的方式提供了丰富 精彩的...
网页制作课程设计
设计题目 职业技术学院学生会。系别 职业技术学院 班级 09 计网 学号 092114010028 姓名 谯辉 指导教师 徐老师董老师。设计题目 职业技术学院学生会。系别 职业技术学院 班级 09 计网 学号 092114010028 姓名 谯辉 指导教师 徐老师董老师。前言。都是可以通过网络来获得...
网页制作课程设计定
一 设计环境 综合使用 dreamwe er mx css,html,flash mx fireworks mx vbscript,j ascript 等。二 设计题目 建立一个 文件夹名为 wn n为学号加姓名。例如 201020906001 张华 主题内容自定。三 具体要求 1 内容要求 内容不...