实验02-用HTML制作简单网页2017_第1页
实验02-用HTML制作简单网页2017_第2页
实验02-用HTML制作简单网页2017_第3页
实验02-用HTML制作简单网页2017_第4页
实验02-用HTML制作简单网页2017_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

次上机试验课程简介课程学时理论学时：36＝3×12(1-12周)时间：周二3-5节9:50-12:15地点：3区1-601上机学时：18＝3×6次时间：双周-周四下午2:00-5:30地点：计算机学院B303A教材吴黎兵,郝自勉,杨鏖丞.网页设计与Web编程,

人民邮电出版社.2025/2/62网页设计课程简介试验内容使用HTML文档的结构标记，编写一个HTML源文件：显示“网页制作练习”；使用HTML文档的格式标记，编写一个HTML源文件：创建一个普通列表；使用HTML文档的链接标记和图像标记，编写一个HTML源文件。综合实验：制作含多个静态网页的个人网站2025/2/63网页设计与制作试验目的熟练掌握HTML文档的结构标记熟练掌握HTML文档的格式标记熟练掌握HTML文档的链接标记熟练掌握HTML文档的图像标记2025/2/64网页设计与制作实验内容一：HTML文档结构标记1.使用HTML文档的结构标记，编写一个HTML源文件：显示“网页制作练习”；（1）打开记事本，新建文件（2）输入如下文档： <HTML> <HEAD> <TITLE>学生选课系统</TITLE> </HEAD> <BODY>网页制作练习</BODY> </HTML>（3）单击“另存为”菜单项，保存为扩展名为htm的文件2025/2/65网页设计与制作实验内容二：HTML文档格式标记2.使用HTML文档的格式标记，编写一个HTML源文件：创建一个普通列表；（1）打开记事本，新建文件（2）输入如下文档： <html> <head><title>一个普通列表 </title></head> <bodytext="blue"> <dl>

2025/2/66网页设计与制作实验内容二：HTML文档格式标记<dt>中国城市</dt> <dd>北京</dd> <dd>上海</dd> <dd>广州</dd><dt>美国城市</dt> <dd>华盛顿</dd> <dd>芝加哥</dd> <dd>纽约</dd></dl>2025/2/67网页设计与制作实验内容二：HTML文档格式标记 </body> </html>（3）单击“另存为”菜单项，保存为扩展名为htm的文件2025/2/68网页设计与制作实验内容三：链接标记和图像标记2.使用HTML文档的格式标记，编写一个HTML源文件：（1）打开记事本，新建文件（2）将图像文件web.gif存入指定位置（3）输入如下文档：

2025/2/69网页设计与制作<html><head><title>链接标记的综合示例</title></head><body><palign="center"style="font-size:9pt;color:yellow;background:black"><br><aname="Top"><fontcolor="red">创建标签处</font></a><br><br><br><br><br><br><br><br><br><br><br>欢迎想要学习网页制作的同学访问网站<br><ahref=""><fontcolor="lime">武汉大学网站</font></a><br><br><ahref=><imgsrc="d:\Inetpub\wwwroot\web.gif"></a>实验内容三：链接标记和图像标记2025/2/610网页设计与制作<br><br><br><br><br>本网站的主要内容<br><br><ahref="/"target="_blank">在新窗口中显示</a><br>欢迎给我来信，我的E-Mail是：<ahref="mailto:abc@263.net"><fontcolor="lime">abc@263.net</font></a><br><br><ahref=“#Top”><fontcolor=“lime”>点击此处回到标签处

</font></a><br><br></p></body></html>（4）单击“另存为”菜单项，保存为扩展名为htm的文件实验内容三：链接标记和图像标记2025/2/611网页设计与制作综合实验：含多个静态网页的网站制作含多个静态网页的个人网站1.在本地计算机上新建一个文件夹，作为本地个人网站的根目录，所有的网页文件及其它相关文件都保存在该目录下。2.使用“记事本”工具编辑三个以上相互之间有“链接”关系的网页，其中一个为主页、其余几个为分网页。从主页可以方便到打开另两个分网页，从任意一个分网页可以方便地返回主网页。要求在实验报告中画出这几个网页之间的链接关系图。2025/2/612网页设计与制作综合实验：含多个静态网页的网站3.主网页名称为“XXX的主页”（XXX是作者名称，浏览时显示在网页的标题栏），主网页里有一个题目，还有作者基本情况介绍和作者的一张相片，并有到达其它分网页的链接，还要有2个以上著名网站的友情链接。4.第一个分网页介绍作者的学习情况，还要有一张周作息时间（包括星期一~星期日的上课课程、自习和休息娱乐）安排表格，网页文字应采用多种字体、大小和颜色。2025/2/613网页设计与制作综合实验：含多个静态网页的网站5.第二分网页反映作者兴趣爱好，网页要有淡淡的背景色，网页内要插入图片、视频、动画等媒体元素，使用标记属性对插入的媒体元素进行控制，文字的颜色与背景要容易区别。6.所有网页的布局要合理、美观，分网页里应有返回主页的链接文字或链接图。7.制作网页用的相片、图片、动画、视频等素材要在课前准备好，或到互联网上搜索。

2025/2/614网页

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论