实验一静态网页设计.docVIP

实验名称 实验一 实验目的 1.了解HTML的作用 2.掌握使用Visual Web Developer 2010创建网站的基本方法 3.学会使用IIS手工发布网站 4.熟悉HTML的基本标签，掌握使用HTML标签设计网页的基本技巧。 实验设备 1.安装了Visual Web Developer 2010DE 计算机。 2.根据实验内容，准备一些图片。 3.用于实验的计算机最好可以直接连上互联网。 实验日期 2013.3.14 一、实验预习 1.使用ul和li定义无序列表。 2.使用br/换行。 3.使用center/center居中。 4.使用sub和sup实现上下标。 二、实验内容 (原理、方法、框图) 1.使用vs2010进行静态网页设计，并用IIS手工发布网站。 2.编写一个无序列表的XHTML代码，显示一个星期中每一天的中英文名称。 3.添加一个网页，用于显示某个名人说过的名言，在标题中显示他的名字，在段落中显示名人他说过的话，找到他的相片，在网页中显示出来。 4.编写一个如图示的网址列表。 三、实验过程（步骤、实现代码） 1、运行Visual Studio 2010，从其“文件”菜单中选择“新建”，选择“新建网站”。选中“ASP.NET网站”模板，在“位置”下拉列表框中选择“文件系统”，在右边的组合框中输入用于存放网站的文件夹，单击“确定”按钮。在“解决方案资源管理器”面板中删除Default.aspx文件。 2、右击项目选择“添加新项”，选择“HTML页”，名称为MyFirstPagemaker。 3、编辑MyFirstPage。Htm的内容如下： ? 代码一 html xmlns=/1999/xhtml head title使用Visual Web Developer编辑网页/title /head body p 我的第一个网页 /p /body /html 4、调试。 5、发布。 ? 代码二 head title/title /head body ul li周一Monday/li li周二Tuesday/li li周三Wednesday/li li周四Thursday/li li周五Friday/li li周六Saturday/li li周日Sunday/li /ul /body /html ? 代码三 html head title/title /head body centerh2周恩来/h2/center br/ centerimg src=D:\090511233\FamousPeople\Images\2007476031171.jpgalt=周恩来总理//center br/ center p 入于污泥而不染、不受资产阶级糖衣炮弹的侵蚀，是最难能可贵的革命品质。br/ 为中华崛起而读书 。 周恩来 我们爱我们的民族，这是我们自信心的源泉。 只有忠实于事实，才能忠实于真理。 br/ 每一个人要有做一代豪杰的雄心壮志！应当做个开创一代的人。br/ 我们爱我们的民族，这是我们自信心的泉源。br/ 大江歌罢掉头东，邃密群科济世穷。面壁十年图破壁，难酬蹈海亦英雄。br/ /p /center /body /html ? 代码四 html xmlns=/1999/xhtml head title/title /head body p (a+b)sub2/sub=asub2/sub+2ab+bsub2/subbr/ 水?：阰Hsup2/supO 二氧化碳：COsup2/sup /p /body /html ? 代码五 html xmlns=/1999/xhtml head title/title style type=text/css .style1 { width: 230px; } /style /head body table width=800 border=1 tr th width=200 scope=col网站名称/th th scope=col class=style1网站LOGO/th th width=200 scope=col网站简介/th th width=200 scope=col网址/th /tr tr th width=200 scope=col新浪/th th scope=col class=style1 a href= img border=0 src=E:\090511233Web\MyWeb3\Images\新浪.jpg alt=新浪width=200 style=height: 47px /