资源描述：
《电商网站设计实验报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、实验报告系别交通运输管理学院学生姓名余东阳专业信息管理与信息系统学号2220123771实验课程电子商务网站设计指导老师贺琳填制日期：2013年12月25日35实验一网站设计一、实验目的与要求设计并实施一个网站。1．网站主题自选，但风格、色彩、布局等需要统一。2．要求网站至少由5个页面构成。3．页面遵循HTML4.01或XHTML1.0strict标准。4．页面的表现由CSS文件描述。5．页面的布局要求用CSS文件描述。6．页面的行为由Javascript文件完成。二、实验内容与步骤及结果展示2.1实验内容2.1.1主页1绘制出网页的框架设计第一步就是页面功能结构分
2、析，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是构思好的界面布局图。本次实验的基本页面构想图(图1)。图1352页面结构设计构思页面整体布局，设计出总体框架，写出如图2.3写入整体层结构与CSS接下来我们在桌面新建一个文件夹，命名为“电子商务实验课”，在文件夹下新建两个空的文档。homepage.htmhomepage.css用Dreamweaver打开已经建立好的站点endpage。打开“homepage.html”，在
标签对中写入：
3、khref="homepage.css"rel="stylesheet"type="text/css"/>，在
标签对中写入设计好的DIV的基本结构(如图二)用浏览器打开，这时我们已经可以看到基础结构了，这个就是页面的框架了。4、填充基本结构汽车世界352.1.2其他页面其他页面的设计方法，基本和主页相同只是形式与颜色还有部分布局的细节不同，在这里就不在赘述设计过程。l资料页面（以表单为主）l图像页面，（以浮动的DIV为主）l文档页面（用frame结构完成）l文字简介页面（以固定档案为主）7、352.1.3超链接所有页面设计完成后均有导航部分（位置与形式不同），用标签进行相互连接2.2实验内容【具体内容见页面的源代码】1.汽车世界
