2022年电商网站设计实验报告.pdfVIP

实验报告 系 别 交通运送管理学院 学生姓名 余东阳 专 业 信息管理与信息系统 学 号 223771 实验课程 电子商务网站设计 指引教师 贺琳 填制日期:12 月 25 日 实验一 网站设计 一、实验目与规定 设计并实行一种网站。 1． 网站主题自选,但风格、色彩、布局等需要统 一。 2 ． 规定网站至少由5 个页面构成。 3 ． 页面遵循HTML4.01 或 XHTML 1.0 strict 原 则。 4 ． 页面体现由CSS 文献描述。 5 ． 页面布局规定用CSS 文献描述。 6 ． 页面行为由Javascript 文献完毕。 二、实验内容与环节及成果展示 2.1 实验内容 2.1.1 主页 1 绘制出网页框架 设计第一步就是页面功能构造分析,构思好了,普通来说还需要用 PhotoShop 或 FireWorks(如下简称 PS 或 FW)等图片解决软件将需要制作界面布局简朴构画出来,如下是 构思好界面布局图。本次实验基本页面构想图(图 1)。 图 1 2 页面构造设计 构思页面整体布 ,设计出总体框架,写出如图 2. 3 写入整体层构造与 CSS 接下来我们 Body 在桌面新建一 种文献夹,命名为 “电子商务实 验课 ”,在文献夹 /*整体页面*/ 下新建两个空 文档。 #Container {} homepage.htm /*页面层容器*/ homepage.css 用 Dreamweaver 打 开 #img1{} 已经建立好站 /*页面头部*/ 点 endpage。打开 “ home page.html” ,在 #menulist{} head/head标 /*页面导航*/ 签对中写入: link #content{} /*本页导航*/ #img2{} /*导航置顶图片*/