实验报告
系 别 交通运送管理学院
学生姓名 余东阳
专 业 信息管理与信息系统
学 号 223771
实验课程 电子商务网站设计
指引教师 贺琳
填制日期:12 月25 日
实验一 网站设计
一、实验目与规定
设计并实行一种网站。
网站主题自选,但风格、色彩、布局等需要统一。
规定网站至少由5个页面构成。
或XHTML strict 原则。
页面体现由CSS文献描述。
页面布局规定用CSS文献描述。
页面行为由Javascript文献完毕。
二、实验内容与环节及成果展示
主页
绘制出网页框架
设计第一步就是页面功能构造分析,构思好了,普通来说还需要用PhotoShop或FireWorks(如下简称PS或FW)等图片解决软件将需要制作界面布局简朴构画出来,如下是构思好界面布局图。本次实验基本页面构想图(图1)。
图 1
2 页面构造设计
构思页面整体布局,设计出总体框架,写出如图2.
3 写入整体层构造与CSS
接下来我们在桌面新建一种文献夹,命名为“电子商务实验课”,在文献夹下新建两个空文档。
用Dreamweaver打开已经建立好站点endpage。打开“home ”,在<head></head>标签对中写入:
<link href="" rel="stylesheet" type="text/css" />,
在<body></body>标签对中写入设计好DIV基本构造(如图二)
用浏览器打开,这时我们已经可以看到基本构造了,这个就是页面框架了。
4、填充基本构造
<HTML>
<HEAD>
<TITLE>汽车世界</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script () -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if () {
rslt = new Image();
= arg;
return rslt;
}
}
function changeImages() {
if ( && (preloadFlag == true)) {
for (var i=0; i<; i+=2) {
document[[i]].src = [i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if () {
company_over = newImage("images/company-");
products_over = newImage("images/products-");
accessories_over = newImage("images/accessories-");
support_over = newImage("images/support-");
news___events_over = newImage("images/news-%26-events-");
contacts_over = newImage("images/contacts-");
2022年度电商网站设计实验报告 来自淘豆网m.daumloan.com转载请标明出处.
