学 生 实 验 报 告.docVIP

学 生 实 验 报 告 实验课程名称 网页设计实验报告 开课实验室 明德楼管理学院实验室 学 院 管理学院 年级 2 专业班 信管2班 学 生 姓 名 王峰 学 号 开 课 时 间 2010 至 2011 学年第 1 学期 总 成 绩 教师签名 实验一 利用CSS设计一个网上商城主页 一、实验目的 通过制作网上商城这个网页来充分了解css设计的要领，并对网页中的基本代码的熟悉和运用，能够对网页设计流程的初步的了解， 二、实验内容 设计一个名为“网上购物商城”的网页，并且运用到各类的基本控件和层等知识来设计网页的基本的结构，熟悉网络开发的环境Microsoft Visual Studio 2010和网页开发的步骤，进而对网页设计的基本流程做一个大体的掌握。 三、实验步骤 打开Microsoft Visual Studio 2010找到文件这个菜单，在里面新建一个网站，网站名为“网上商城”。 新建好了过后我们可以看见对话框为 我们在设计这个网站钱要有相应的材料，比如要有网站中的图片 有了这些图片后我们将这些图片放在网站新建的子目录里面 3、网页代码的填写，我们在编写代码的地方协商相应的代码 %@ Page Language=C# AutoEventWireup=true CodeBehind=Default.aspx.cs Inherits=PageExample.Default % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server title网a?上|?购o物?商|¨?城?/title link href=Stylesheet1.css rel=stylesheet type=text/css / style type=text/css .style1 { width: 43%; height: 5px; } .style2 { height: 5px; } .style3 { color: #FF0000; } .style4 { color: #00CC00; } .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=~/Default.aspx商|¨?城?首o?á页°3/asp:HyperLink | asp:HyperLink ID=HyperLink13 runat=server NavigateUrl=~/Default.aspx个?人¨?资á¨o料￠?/asp:HyperLink | asp:HyperLink ID=HyperLink14 runat=server NavigateUrl=~/Default.aspx购o物?车|ì/asp:HyperLink | asp:HyperLink ID=HyperLink15 runat=server NavigateUrl=~/Default.aspx订?单ì￡¤信?息?é/asp:HyperLink | asp:HyperLink ID=HyperLink16 runat=server