网页设计实验报告_2.docVIP

实验一 熟悉环境与网页中站点的相关操作 学号：太原工业学院0920561 姓名：刀锋战士 日期：2012/5/13 1、实验目的： 熟悉网页开发环境尤其是Dreamweaver，掌握站点的相关操作和功用，了解HTML的基本语法。 2、实验环境： Windows XP、Dreamweaver 3、实验内容： 使用记事本开发自己的第一个网页 使用Dreamweaver开发自己的第一个网页，对比两种方法的不同 利用iis发布网站 利用Dreamweaver连接iis服务器管理站点 4、实验过程： （1）、新建记事本文件 （2）、在记事本中写入如下代码 /headbodaytabletrtd我的地盘听我的！/td/tr/table/boday/html 、将记事本进行保存然后将后缀名改为index.html 、双击该文件在浏览器中打开 、在Dreamweaver中新建一个站点并新建了一个html文件写入以上代码后进行调试并对比两种方法的不同 效果图： 5、实验总结： 掌握站点的相关操作和功用，了解HTML的基本语法。  实验二 网页中文本、表格的相关操作 学号： 太原工业学院0920561 姓名：刀锋战士 日期：2012/5/15 1、实验目的： 掌握网页中文本、表格的相关操作，学会利用表格布局网页 2、实验环境： Windows XP、Dreamweaver 3、实验内容： 将课本上一段文字放置到网页 设置这段文字的颜色、字体、字号、对齐方式 设置网页的背景颜色、背景图片 在网页中设计一个表格 设置表格的边框、高度、宽度、对齐、合并单元格等 以上操作均使用Dreamweaver和HTML两种方法 利用表格布局一个网页 4、实验过程： 编写代码实现： 代码部分：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title style type=text/css !-- .STYLE1 { font-size: 36px; font-family: 楷体; font-weight: bold; } .STYLE2 { font-size: 72px; color: #CC9900; } .STYLE5 {font-size: 24px} body { background-image: url(); background-repeat: repeat; } .STYLE7 {color: #CCCCCC} .STYLE8 {font-size: 72px} -- /style /head body div align=center class=STYLE1有服章之美謂之span class=STYLE2華/spanbr / span class=STYLE7nbsp;nbsp;nbsp;nbsp;nbsp; 有禮儀之大故稱span class=STYLE8夏 /spanbr / span class=STYLE5　　汉服的基本特点是交领、a target=_blank href=/view/345632.htm右衽/a，用绳带系结，也兼用带钩等，又以盘领、直领等为其有益补充。结构上，汉服分为十个部分：a target=_blank href=/view/260093.htm领/a、a target=_blank href=/view/287881.htm襟/a、a target=_blank href=/view/354865.htm裾/a、a target=_blank href=/view/361379.htm袂/a、a target=_blank href=/view/366584.htm袪/a、袖、a target=_blank href=/view/287882.htm衿/a、a target=_blank href=/view/367243.htm衽/a、带、系。/span/span div class=STYLE7/div span class=STYLE7　　 一套完整的汉服通常有三层：小衣（a target=_blank href=/view/70902.htm内衣/a）、a target=_blank href=/view/717115.htm中衣/a、大衣。 /span/div table widt