原创力文档- 1、本文档共9页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
电气与信息工程学院
《WEB技术与应用》
实验报告
老师：文志华
学生：王炜
班级：电子信息1202
学号：12401720207
实验时间：2015.03~2015.05
实验一 简单网页制作
实验目的：
1．熟悉软件的界面掌握建立站点链接链接Copyright后插入版权符号?。
（8）在电话号码之间插入半角空格。
（9）在电子邮箱地址上建立超链接，mailto: vip@BubbleU。
（10）选中网页内容，然后单击“插入Div标签”按钮，分别插入header、navigation、mainContent、footer共4个Div。
（11）保存网页，按F12，预览网页。
实验总结：
在浏览器中的效果如下：
实验的源码见同目录下的压缩文件。
实验二 格式化文本
实验目的：
1．掌握文本样式的设置方法。
2．掌握段落样式的设置方法。
3．掌握列表样式的设置方法。
4．掌握超链接文字样式的设置方法。
实验内容：
定义“校领导赴包装设计艺术学院调研”栏目中“web2_index.html”网页的样式。
实验总结：
在浏览器中的效果如下：
实验的源码见同目录下的压缩文件。
实验三 应用背景图像
实验目的：
1．掌握CSS背景（background）属性。
2．掌握设置背景图像位置的方法。
3．掌握使用背景图像替换文本的方法。
4．掌握使用背景图像制作圆角框的方法。
实验内容：
1．制作圆角框。
2．制作泡泡俱乐部首页。
实验步骤：
1．制作圆角框。
创建站点。
创建内部样式表。
2．制作泡泡俱乐部首页。
（1）创建站点。
（2）新建CSS文件。
实验总结：
在浏览器中的效果如下：
制作圆角框
应用背景图像
实验的源码见同目录下的压缩文件。
实验四 创建导航条
实验目的：
掌握水平导航条的制作方法。
实验内容：
制作水平导航条。
实验步骤：
制作水平导航条，
建立内部样式表。
实验总结：
在浏览器中的效果如下：
实验的源码见同目录下的压缩文件。
实验五 浮动(float)页面布局
实验目的：
掌握Html、CSS的综合应用。
实验内容：
制作一个简易的博客首页。
实验步骤：
分析页面页面主要分5大块，顶部的Logo、导航条Nav、Banner、Content、Footer，
文档评论（0）