
学生实验报告课程中南民族大学管理学院名称: 网页制作和网站建设等级: 2014: 信息管理和信息系统讲师: 杨丹实验地点: 实验楼218/222学生编号: 201421074039姓氏: 唐自选2014学年至2015年第二学期项目目录实验1 HTML基本操作实验2 Dreamweaver基本操作实验3网页布局操作实验4 CSS基本操作实验5模板和库文件应用实验6网页特殊效果实验(1)HTML基本操作实验时间: 2015.04.23实验目的: 1.掌握网页的基本HTML结构. 2.熟悉常见HTML标签的使用. 实验内容: 1.此基本HTML结构
仰望月球,俯视家乡. font> li> body> html> 2.标签的使用((1)
设置背景颜色设置文本颜色<正文链接=“红色”>设置超链接的颜色设置使用的超链接的颜色((2)输入标题标题标签标签用于创建段落. 对齐属性(对齐)值左(左对齐)中心(居中)右(右对齐)例如:

(((4)
进入时的回车符和换行符
标记对在标记中,线之间的距离相对较小,所选线与线之间的距离较大.
(((5)插入图片图片链接
((6外部链接结构: 超链接标记 ,属性Href及其值,在网页上显示为链接的文本格式: 显示的文本 1,链接目标在HTML文档所在文件夹的子文件夹中,使用相对路径地址指向目标: 登录 2.使用绝对路径指向到目标: 登录在“记事本”文本编辑器中输入HTML代码,创建带有基本结构标签的HTML文件,并将其另存为.html文档文件并在浏览器中运行.

实验结果分析成功完成了第一,最简单的网页教师复习: 1.实验态度: 不认真(),更加认真(),认真()2.实验目的: 不清楚(),更加清晰(),清晰( )3.实验内容: 不完整(),更完整(),完整()4.实验步骤: 混沌(),更清晰(),清晰()5.实验结果: 错误(),基本正确(),正确( )6.实验结果分析: 无(),不足(),更充分(),足够()7.其他补充: 总体评估结果: 评估老师(签名): 评估时间: 实验(2)Dreamweaver基本操作实验时间: 2015.04.30实验目的1.熟悉Dreamweaver;操作界面,文档和本地站点创建; 2.练习使用Dreamweaver编辑网页;实验内容1.站点设置1)执行“站点\管理站点”命令,在弹出的“管理站点”对话框中单击“新建”按钮,在弹出的快捷方式列表中,选择“站点”命令. 2))在“站点名称”文本框中输入站点名称,然后在“默认文件夹”文本框中选择创建的站点文件夹.
3))在“默认图像文件夹”文本框中选择用于存储图像的文件夹,完成后单击“确定”按钮以返回到“管理站点”对话框. 4)单击“管理站点”对话框中的“完成”按钮以完成站点创建. 2.页面图像设置3. 1)在“页面属性”对话框中设置页面的背景图像. 图片. 2)在页面文档中单击以通过鼠标插入图像. 3.创建表格1)在文档中,单击表格“”按钮,然后在对话框中将“单元格间距”设置为“ 1”. 2)选择插入的表,然后将“背景色”设置为“黑色”((#0000000). 3)在表的“属性”面板中选择所有单元格,然后将“背景色”设置为“白色”, (#Ffffff). 4)保存页面,然后按“ f12”进行预览.
4. 创建锚链接1)在页面上插入一个包含1行4列的表,然后在每个单元格中输入导航文本. 2)分别选择每个单元格的文本,单击“”按钮,然后在弹出的“超链接”对话框的“链接”文本框中输入“#01”“#02”“#03”“#04”盒子. 3)在文档中输入文本并设置锚点名称“ 01”,按“ Enter”键进行换行并输入文章. 4)在文章末尾,输入文本并将锚点名称设置为“ 02”,然后按“输入”按钮以输入新行. 5)以相同的方式,在页面下方输入文本并命名为“ 03”和“ 04”,然后输入文章. 6)保存页面,按“ f12”进行预览.

实验结果分析. 过去几天对Dreamweaver的研究基本上已经掌握了他的一些简单操作. 您可以创建一个简单的网页,添加一些文本链接,图片链接,电子邮件链接和一些超链接等. 通过学习视频,我对dreameaver8有了更好的了解,他实际上是构建网站和应用程序的非常好的软件. 讲师审查: 1.实验态度: 不认真(),更认真(),认真()2.实验目的: 不明确(),更明确(),明确()3.实验内容: 不完整(),更完整()html网页制作实验报告,完整()4.实验步骤: 混沌(),更清晰(),清晰()5.实验结果: 错误(),基本上正确(),正确()6.实验结果分析: 无( ),不足(),更充分(),足够()7.其他补充: 总体评估结果: 评估老师(签名): 评估时间: 实验(3)网页布局操作实验时间: 2015.05.07实验目的1,掌握表的基本用法和表的编辑处理; 2.掌握表格布局页面的方法; 3.掌握图层的操作和参数设置; 4.掌握图层布局页面的方法; 5.掌握框架布局页面的方法. 实验内容1.完成本书中的示例,熟悉使用布局模式创建页面,布局表和布局单元格,并熟悉框架和图层的使用.
2. 在课堂上完成练习“水果世界”. 3.使用框架完成下一页的设计. 4.使用图层完成下一页的设计. 5.完成课程,使用图层来实现益智游戏在老师的指导下进行实验步骤接下来,完成各种任务. 实验结果分析尝试了一种新的页面布局框架布局方法. 讲师审查: 1.实验态度: 不认真(),更认真()html网页制作实验报告,认真()2.实验目的: 不明确(),更明确(),明确()3.实验内容: 不完整(),更完整(),完整()4.实验步骤: 混沌(),更清晰(),清晰()5.实验结果: 错误(),基本上正确(),正确()6.实验结果分析: 无( ),不足(),更充分(),足够()7.其他补充: 总体评估结果: 评估老师(签名): 评估时间: 实验(4)CSS基本操作实验时间: 2015.05.14实验目的是掌握css的通用属性,并在设计中应用的. 使网页设计的内容更加丰富. 实验内容1)了解CSS的属性2)使用不同的方法(HTML属性,JavaScript,CSS)设置页面底部的颜色3)将CSS设置在不同的位置(直接写在控件中,并设置样式表),具有相同的结果4)修改控件中字体的大小和颜色5)使用CSS设置菜单(展开和隐藏效果)实验步骤1.使用html设置页面的颜色floor:
只是在阴沟里不容易被发觉