湖南工学院南校区经济与管理系.doc

湖南工学院南校区经济与管理系 电子商务网页制作课程设计 课题名称： 系 别： 经济管理系 专 业： 电子商务 姓 名： 班级学号： 指导老师： 完成时间： 2011年12月 湖南工学院 2011年12月  目录 1 课程设计的目标及要求 2 站点规划 2.1 需求分析 2.2 站点结构分析 2.3 网站风格分析 2.4 组织素材 3 网站设计 3.1 定义站点 3.2 页面布局设计 3.3 导航栏设计 3.4 素材处理 4 网页制作 4.1 首页制作 4.2 目录（标题）页制作—二级页面制作 4.3 内容（文章）页制作—三级页面制作 5 网页测试、发布与维护 5.1 站点整理 5.2 网页调试 5.3 站点发布与维护 6 设计过程中遇到的问题及解决的办法 7 设计后的感想 课程设计的目标及要求 因本课程是网络工程相关专业学生的专业必修课。本课程设计的主要目的是：通过本科城设计，全面帮助学生加强对网站的认知；学会设计和制作网站，包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具（Adobe Photoshop，Macromedia DreamWeaver MX，Macromedia Flash MX，Macromedia FireWorks MX）的使用，掌握Adobe Photoshop，Macromedia DreamWeaver MX，Macromedia Flash MX，Macromedia FireWorks MX软件的使用技巧，掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。 了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。 能够使用相关工具（Adobe Photoshop，Macromedia DreamWeaver MX，Macromedia Flash MX，Macromedia FireWorks MX）的熟练制作网页。 尽量运用业界默认的网站开发规范，努力使自己的站点专业化。 通过本课程的训练，使学生掌握HTML语言的语法结构，能够使用HTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用HTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。熟练使用网页设计工具Frontpage、Dreamweaver MX，能够使用Dreamweaver MX设计网页的框架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属性，能够使用Dreamweaver MX设计出比较复杂的网页，建立小型网站。熟悉Flash MX的绘图，帧，层，属性面板的使用，能够使用Flash MX制作简单的动画，设计网页的FLASH标题。掌握基于WEB的数据库应用，理解在B/S模式下网页如何同数据库之间建立联系，重点了解基于IDC和ASP两种方式以及各自的原理和运行环境，学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法，能够读懂并修改大型动态网站（ASP网站）的代码。站点规划 2.1 需求分析 网站的总体规划，是从总体上对网站的架构进行整体规划。因为只有这样，才能在网站的制作与维护中对网站的功能有一个清晰的把握。此外，做好网站规划，会对网站以后的功能扩展起到事半功倍的作用 互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，无论是短小精悍的个人主页，还是结构清晰、信息丰富的大型网站，网站的需求分析和规划设计都要放在第一步，因为它直接关系到网站的功能是否完善，质量是否能够达到保证。 2.2 站点结构分析 首先建立站点，规划好布局，文件要划分好，清晰明了。指定文件的位置和存储的资料。 ⑴打开：“窗口”下的“新建站点” ⑵按“下一步 ⑶单击“下一步” ⑷单击“下一步”（出现“你如何连接到远程服务器”时选择“无”） ⑸单击完成 2.3 网站风格分析 “风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性