文档介绍：学生实验报告
实验课程名称网页设计实验报告
开课实验室明德楼管理学院实验室
学院管理学院年级 2 专业班信管2班
学生姓名王峰学号 08130221
开课时间 2010 至 2011 学年第 1 学期
总成绩
教师签名
实验一利用CSS设计一个网上商城主页
一、实验目的
通过制作网上商城这个网页来充分了解css设计的要领,并对网页中的基本代码的熟悉和运用,能够对网页设计流程的初步的了解,
二、实验内容
设计一个名为“网上购物商城”的网页,并且运用到各类的基本控件和层等知识来设计网页的基本的结构,熟悉网络开发的环境Microsoft Visual Studio 2010和网页开发的步骤,进而对网页设计的基本流程做一个大体的掌握。
三、实验步骤
打开Microsoft Visual Studio 2010找到文件这个菜单,在里面新建一个网站,网站名为“网上商城”。
新建好了过后我们可以看见对话框为
我们在设计这个网站钱要有相应的材料,比如要有网站中的图片
有了这些图片后我们将这些图片放在网站新建的子目录里面
3、网页代码的填写,我们在编写代码的地方协商相应的代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="" Inherits="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml" >
<head runat="server">
<title>网ª?上¦?购o物?商¦¨¬城?</title>
<link href="" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1
{
width: 43%;
height: 5px;
}
.style2
{
height: 5px;
}
.style3
{
color: #FF0000;
}
.style4
{
color: #00;
}
.style5
{
color: #00FF00;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="width: 778px;">
<div id="header_image">
</div>
<div id="menu">
<asp:HyperLink ID="HyperLink12" runat="server" NavigateUrl="~/">商¦¨¬城?首º¡Á页°3</asp:HyperLink>
|
<asp:HyperLink ID="HyperLink13" runat="server" NavigateUrl="~/">个?人¨?资Á¨º料¢?</asp:HyperLink>
|
<asp:HyperLink ID="HyperLink14" runat="server" NavigateUrl="~/">购o物?车¦Ì</asp:HyperLink>
|
<asp:HyperLink ID="HyperLink15" runat="server" NavigateUrl="~/">订?单Ì£¤信?息¡é</asp:HyperLink>
|
<asp:HyperLink ID="HyperLink16" runat="server" NavigateUrl="~/">使º1用®?帮ã?助¨²</asp:HyperLink>
|
<asp:HyperLink ID="HyperLink17" runat="server" NavigateUrl="~/">注Á¡é销¨²</asp:HyperLink>
&nbsp; &nbsp;
</div>
<div id="left_top">
用®?户¡ì名?:êo<asp:TextBox ID="TextBox1" CssClass="textbox"
runat="server"