文档介绍：中南民族大学管理学院学生实验报告课程名称:网页制作与网站建设年级:2014专业:信息管理与信息系统指导教师:杨单实验地点:16号实验楼218/222学号:201421074039姓名:唐子璇2014学年至2015学年度第2学期目录实验一HTML基本操作实验二Dreamweaver基本操作实验三网页布局操作实验四CSS基本操作实验五模板和库文件应用实验六网页特效应用实验(一)HTML基本操作实验时间::。。实验内容:1、基本HTML结构<html><head><title>静夜思</title></head><bodybgcolor="#FFFF99"><h1align="center">静夜思</h1><pfontsize="+3"face="楷体"><li><fontcolor="#00FF00">床前明月光,疑是地上霜。举头望明月,低头思故乡。</font></li></body></html>2、标记的使用(1)<BodyBgcolor=”red”>设置背景颜色<Bodytext=”red”>设置文本颜色<Bodylink=”red”>设置超链接颜色<Bodyvlink=”red”>设置已使用的超链接的颜色(2)输入标题标题标记<Hn>,其中n为标题的等级,共分为6个等级的标题,n越小,标题字号就越大。<H1>一级标题</H1>(3)划分段落<p></p>标记用来创建一个段落。Align属性(对齐方式)值为left(左对齐)center(居中)right(右对齐)例如:<palign=”center”></p>(4)<Br>回车换行当在<p></p>标记对间行与行之间的距离比较小,在标记对外择行与行间距离较大。(5)插入图片<ImgSrc=”ame”>图片链接<AHref=”URL”><ImgSrc=”ame”></A>(6)创建外部链接结构:超链接标记<A></A>、属性Href及其值、显示在网页上作为链接的文字。格式:<AHref=”URL”>显示的文字</A>1、链接目标位于HTML文档所在文件夹的子文件夹中,使用相对路径地址来指向该目标:<AHref=”bbs\”>登录</A>2、使用绝对路径来指向目标:<AHref=”/c:\my\”>登录</A>实验步骤打开文本编辑器“记事本”中输入HTML代码,建立一个具有基本结构标记的HTML文件,,并在浏览器中运行。实验结果分析成功完成了自己的第一个最简单的网页指导教师批阅:1、实验态度:不认真(),较认真(),认真()2、实验目的:不明确(),较明确(),明确()3、实验内容:不完整(),较完整(),完整()4、实验步骤:混乱(),较清晰(),清晰()5、实验结果:错误(),基本正确(),正确()6、实验结果分析:无(),不充分(),较充分(),充分()7、其它补充:总评成绩:评阅教师(签字):评阅时间:实验(二)Dreamweaver基本操作实验时间:,文档和本地站点的创建;;)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷菜单中选择“站点”命令。2)在“站点名称”文本框中输入站点名称,在“默认文件夹”文本框中选择所创建的站点文件夹。3)在“默认图象文件夹”文本框中选择存放图象的文件夹,完成后单击“确定”按钮,返回“管理站点”对话框。4)在“管理站点”对话框中单击“完成”按钮,站点创建完毕。)在“页面属性”对话框中设置页面的背景图像。2)在页面文档中单击经过鼠标插入图像。)在文档中,单击表格“”按钮,在对话框中将“单元格间距”设置为“1”。2)选中插入的表格,将“背景颜色”设置为“黑色”(#0000000)。3)在表格中选中所有的单元格,在“属性”面版中将“背景颜色”设置为“白色”(#ffffff)。4)保存页面,按下“f12”键预览。)在页面中插入1行4列的表格,并在各单元格中输入导航文字。2)分别选中各单元格的文字,单击“”按钮,在弹出的“超级链接”对话框上的“链接”文本框分别输入“#01”“#02”“#03”“#04”。3)在文档中输入文字并设置锚记名称“01”,按下“enter”键换行,输入一篇文章。4)在文章的结尾处换行,输入文字并设置锚记名称“02”,按下“enter”键换行,输入一篇文章。5)同样的方法在页面下文分别输入文字和命名锚记为“03”和“04”,并输入文章。6)保存页面