项目2我的校园生活网站制作

项目2我的校园生活网站制作内容摘要：

下：  td height=150  marquee direction=up width=294 height=150 scrollamount=1 scrolldelay=50  div align=centerfont face=宋体 size=4 color=0000FF中央电视台 /font/div  div align=centerfont face=宋体 size=4 color=0000FF辽宁教育信息 /font/div  div align=centerfont face=宋体 size=4 color=0000FF百 度 搜 索 /font/div  div align=centerfont face=宋体 size=4 color=0000FF腾 讯 网 /font/div  div align=centerfont face=宋体 size=4 color=0000FF人 人 网 /font/div  /marquee  /td 任务 28 应用多媒体标记插入多媒体对像  完成任务的完整代码如下：  table width=294 border=1 cellspacing=0 cellpadding=0 bgcolor=339999 bordercolor=339999 align=center  tr  td height=30 align=centerfont size=4 color=ffffff友情链接 /font  /td  /tr  tr style=lineheight:18pt bgcolor=eeffee  td height=125  marquee direction=up width=294 height=120 scrollamount=1 scrolldelay=50  div align=centerfont face=宋体 size=4 color=0000FF中央电视台 /font/div  div align=centerfont face=宋体 size=4 color=0000FF辽宁教育信息 /font/div  div align=centerfont face=宋体 size=4 color=0000FF百 度 搜 索 /font/div  div align=centerfont face=宋体 size=4 color=0000FF腾 讯 网 /font/div  div align=centerfont face=宋体 size=4 color=0000FF人 人 网 /font/div  /marquee  /td  /tr  /table 任务 28 应用多媒体标记插入多媒体对像 滚动字幕运行效果如图 214所示。 图 214滚动字幕运行效果图 任务 29 制作子网页并应用链接标记建立导航链接  【 子任务 291】 制作子网页  操作步骤如下：  （ 1）在子文件夹 web中建立扩展子网页文件，分别为 、 、 、xylyhtml、 、。  （ 2）在文件编辑软件中打开子网页文件，如。  （ 3）应用所学标记，编辑相关 HTML代码。  html  head  meta equiv=ContentType content=text/html。 charset=gb2312  title读书园地 /title  body bgcolor=CCFFFF text=000000  p /p  ……  p /p  ……  p /p  ……  p /p  ……  /body  /html  具体制作过程这里不再详述。 任务 29 制作子网页并应用链接标记建立导航链接  【 子任务 292】 应用超级链接标记建立导航文本与各子网页的链接  超级链接标记为 a href=url 文本或图像 /a  建立超级链接的操作步骤如下：  （ 1）将 “ 首页 ” 作为超级链接的文本放在 a 与 /a之间，并设 url为  代码如下：  a href=首页 /a  （ 2）将 “ 校园新闻 ” 作为超级链接的文本放在 a 与 /a之间，并设 url为web/  代码如下：  a href=web/校园新闻 /a  （ 3）采用同样方法，设置 “ 文体天地 ” 、 “ 读书园地 ” 、 “ 校园掠影 ” 、 “ 情感天地 ” 、 “ 就业 ” 的超级链接。  代码如下：  a href=web/文体活动 /a  a href=web/读书园地 /a  a href=web/校园掠影 /a  a href=web/情感天地 /a  a href=web/就业交流 /a  设置好超级链接后，运行主页，设有超级链接的文本将变蓝，并加上下划线， 如图 213所示。 任务 29 制作子网页并应用链接标记建立导航链接  【 子任务 293】 应用超级链接标记建立友情链接，在【 子任务 81】 基础上实现对 “ 中央电视台 ” 等网站的访问。  要求实现当用户鼠标移入滚动区域时，则停止滚动，移出时继续滚动，当用户单击滚动文本时，则链接到相应的网站。  分析： marquee 标记支持 stop()和 start()方法，分别用于控制滚动的停止和开始。 当鼠标移入滚动区域时，将触发OnMouseOver事件，当移出时，又会触发 OnMouseOut事件，因此，可通过两个事件来分别调用 stop()方法和 start()方法，从而实现滚动与停止的自动控制。 任务 29 制作子网页并应用链接标记建立导航链接  这里只修改 marquee代码如下：  marquee direction=up width=294 height=120 scrollamount=1 scrolldelay=50 OnMouseOver=() OnMouseOut=()  div align=centerfont face=宋体 size=4 color=0000FF  a href= target=blank中央电视台/a/font/div  div align=centerfont face=宋体 size=4 color=0000FF  a href= target=blank辽宁教育信息/a/font/div  div align=centerfont face=宋体 size=4 color=0000FF  a href= target=blank百 度 搜 索/a/font/div  div align=centerfont face=宋体 size=4 color=0000FF  a href= target=blank腾 讯 网 /a/font/div  div align=centerfont face=宋体 size=4 color=0000FF  a href= target=blank 人 人 网 /a/font/div  /marquee 任务 29 制作子网页并应用链接标记建立导航链接  在滚动字幕字完成外部链接后，相应文本下将添加下划线，效果如图 215所示。 至此，我的校园生活网站创建完成。 对代码进行适当优化，去除不必要的表格边线等。 运行效果如图 216所示： 图 215 能够实现外部链接的滚动字幕 任务 29 制作子网页并应用链接标记建立导航链接 图 216 “我的校园生活 ” 网站运行效果图 我的校园生活网站制作相关知识 知识点 21 HTML网页的基本组成与特点 HTML是超文本标记语言（ Hypertext Markup Language）的缩写 ,主要用来创建与系统平台无关的网页文档 ,它不是编程语言，而是一种描述性的标记语言。 所有网页软件都是以 HTML为基础，学会了它可以更方便灵活地控制网页。 特别是在动态网页的设计中，常常需要利用 ASP、 JSP、 PHP等代码来输出网页的部分 HTML代码，此时就必须对 HTML标记相当熟悉才行。 HTML文件是纯文本文件，能用任意的文本编辑器编辑，如：记事本、写字板、 Word、 Dreamweaver、 Frontpage等。 知识点 21 HTML网页的基本组成与特点 1. 用 HTML制作网页的简单实例 【 实例 21】 制作李白诗 《 望庐山瀑布 》 制作过程： （ 1）用任何文本编辑器（如记事本、写字板、 WORD等）输入下列文本（代码）： ! html head meta equiv=ContentType content=text/html。 harset=gb2312 title李白诗 ~望庐山瀑布 /title /head body bgcolor=FFFFFF text=000000 p align=centerfont size=7 color=0000ff望庐山瀑布 /font/p p align=centerfont size=5 color=0000ff李白 /font/p p align=centerfont size=6 color=0000ff日照香炉生紫烟 /font/p p align=centerfont size=6 color=0000ff遥望瀑布挂前川 /font/p p align=centerfont size=6 color=0000ff飞流直下三千尺 /font/p p align=centerfont size=6 color=0000ff疑是银河落九天 /font/p /body /html （ 2）以纯文本格式存为 （假设位置为： E:\Item2）。 （ 3）打开浏览器，在地址栏中输入 E:\Item2\，就会看到所制作的网页。 如图 217所示。 知识点 21 HTML网页的基本组成与特点 图 217 李白诗 《 望庐山瀑布 》 网页效果 知识点 21 HTML网页的基本组成与特点 启动 Dreamweaver后，切换到代码浏览窗口，此时看到的 HTML代码，即是网页的基本组成部分，其代码为： html head meta equiv=ContentType content=text/html。 harset=gb2312 title李白诗 ~望庐山瀑布 /title /head body bgcolor=FFFFFF text=000000 /body /html 从中可见，一个最基本的网页一般由三个部分组成，分别是： （ 1） html/html html标记用于定义网页文件的开始，对应的结束标记为 /html则定义网页的结束。 （ 2） head/head 该组标记用于定义网页的头，用来说明文件的一些基本信息，如文档标题、文档所用的字符集、搜索引擎可用的关键词、 Javascript块以及不属于网页内容的其他信息等。 在这里， title和 /title标记定义网页的标题，该标题将显示在浏览器的标题栏中。 meta标记有很多用法，这里是用于指定网页所使用的字符集，是可选项。 （ 3） body/body body用于定义网页的正文开始， /body用于定义网页正文的结束。 网页的正文内容必须放在这两个标记之间， bgcolor为 body标记的属性，用于指定网页的背景颜色，text也为 body标记的属性，用于指定网页正文的前景色。 知识点 21 HTML网页的基本组成与特点 HTML文件是标准的文本文件，以纯文本形式存放，扩展名为 *.htm或*.html。 若系统为 UNIX系统 ,则扩展名为 *.html。 HTML是由若干标记符和文本构成，标记符适用于组织网页的内容和控制输出格式， HTML具有以下几个特点： （ 1） HTML标记的一般格式 HTML标记均是用 括起来的，大多数标记是成对出现的，有开始标记和对应的结束标记，结束标记多一根斜杠。 许多标记还有属性，用于对标记进行详细设置。 HTML标记的一般格式为： 标记（名称） 属性 1=属性值 1。