文档介绍：湖南工学院南校区经济与管理系
电子商务网页制作课程设计
课题名称: 网页制作课程设计
系别: 经济管理系
专业: 电子商务
姓名: 刘云峰
班级学号: 电商1001
指导老师: 曹毅
完成时间: 2011年12月
湖南工学院
2011年12月
目录
一、课程设计的目标及要求
二、站点规划
需求分析
站点结构分析
网站风格分析
组织素材
三、网站设计
定义站点
页面布局设计
导航栏设计
素材处理
四、网页制作
首页制作
目录(标题)页制作—二级页面制作
内容(文章)页制作—三级页面制作
五、网页测试、发布与维护
站点整理
网页调试
站点发布与维护
六、设计过程中遇到的问题及解决的办法
七、设计后的感想
课程设计的目标及要求
因本课程是网络工程相关专业学生的专业必修课。本课程设计的主要目的是:通过本科城设计,全面帮助学生加强对网站的认知;学会设计和制作网站,包括完成设计报告,了解网站的软、硬件平台,会发布和维护一个实际的网站,熟练网页制作及相关工具(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网站)的代码。
二、站点规划
需求分析
网站的总体规划,是从总体上对网站的架构进行整体规划。因为只有这样,才能在网站的制作与维护中对网站的功能有一个清晰的把握。此外,做好网站规划,会对网站以后的功能扩展起到事半功倍的作用
互联网丰富多彩,这些信息大多通过网页与用户进行交互。网页的实现形式多种多样,无论是短小精悍的个人主页,还是结构清晰、信息丰富的大型网站,网站的需求分析和规划设计都要放在第一步,因为它直接关系到网站的功能是否完善,质量是否能够达到保证。
站点结构分析
首先建立站点,规划好布局,文件要划分好,清晰明了。指定文件的位置和存储的资料。
⑴打开:“窗口”下的“新建站点”
⑵按“下一步
⑶单击“下一步”
⑷单击“下一步”(出现“你如何连接到远程服务器”时选择“无”)
⑸单击完成
网站风格分析
“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志,色彩,字体,标语)、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。风格是有人性的,不管是色彩、技术、文字、布局,还是交互方式,只要能由此让浏览者明确分辨出这是本网站独有的,这就形成了网站的“风格”。一般都要求:清纯简洁,主题鲜明,内容编排得当合理、有一定的艺术感,美观、实用,相关链接正常,能体现网站的基本功能,可以从以下几个方面来为网站设计一个独特的风格。
1。网站标志(LOGO)