第一章 网页制作基础知识.pptVIP

四、HTML文档编写及分析 1．利用列表标识符编写HTML文档，在网页上创建以下形式的列表。网页效果图如下： 2．根据下列要求编写CSS样式表文件。 (1)将body中的字体设置为12号、黑色、宋体，并设置一张背景图片。 (2)将table中的字体为16px、深蓝色、仿宋体。 (3)将链接文本、已访问过链接文本、活动链接文本的颜色分别设置为蓝色、红色和绿色。 习题ONE 我们公司男生少女生多，大龄少年轻的多 我们公司 男生少女 生多，大龄 少年轻的多 男 女 只有不到10人 约达20人 3．请按照表格在页面中的显示效果，编写HTML文档。网页效果如下图所示。 1.5 实训 实训项目：创建个性化的班级网站 学生自行设计一个个性化的班级网站。要求运用本章学习的HTML语言标记，并合理设置其相关属性，达到内容及形式的完美统一。 实现要求： 1．网站的规划 （1）首先勾画出本网站的整体设计图，确定其导航结构； （2）准备创建网站需要用到的素材，设计目录结构； （3）网站的总体艺术风格为活泼、富有朝气。 2．创建本地站点 （1）在计算机硬盘中新建文件夹，并命名为class site，做为站点； （2）在站点中根据个人创作的实际情况建立子文件夹，用于放置不同的网页元素，其命名使人望文知意。 3．主页的制作 （1）利用框架页面布局方式，创建班级主页。框架集中包含三个框架区域：上框架、左框架和主框架，分别命名为topframe.htm、leftframe.htm和mainframe.htm； （2）在上框架中设置一幅背景图片，并注明网页标题； （3）为左框架设置背景颜色。在左框架中设置班级通讯录、班级相册、班级视频、班级趣事、班级邮箱等超级链接。利用表格为链接文字定位； 设置前三个被链接文件在主框架窗口中打开，其中将“班级视频”链接到一个视频文件。“班级邮箱”链接到E-MAIL地址。使“班级趣事”网页在新的浏览器窗口中打开； （4）在上框架中设置从左向右滚动的欢迎字幕。当鼠标指针移动到滚动的欢迎字幕上时，文字停止滚动，移下鼠标后继续； 4．“班级趣事”网页的制作 （1）编写CSS样式表文件，并利用链接外部样式表的方法将其在“班级趣事”网页中引用，使样式表能够对页面的外观显示进行控制。 （2）在网页中添加FLASH一个动画。 （3）为网页添加.mid格式的背景音乐。 （2）框架标记frame frame标记的常用属性如下表： 属 性 说 明 frame src= 设置此框架要显示的网页文件名 frame name= 设置各框架的名称，通过框架的名称可设置链接目标在整个框架集网页中的打开位置，其名称区分大小写。 frame frameborder= 设置该框架是否具有边框，可取值为yes和no。 frame bordercolor= 设置该框架边框的颜色 frame marginwidth= 以像素为单位设置框架边界的宽度 frame marginheight= 以像素为单位设置框架边界的高度 frame scrolling= 设置该框架的内容能否滚动显示，可取值为yes、no、auto。 frame noresize 固定框架的结构大小，即不允许用户在浏览网页时以拖动的方式改变该框架的大小。 确定目标框架网页的代码如下： frame name=框架名称 a href=url,target=”框架名称” 代码解释： ① “href”属性：设置该框架内链接的具体文件。 ② “target”属性：设置链接目标在框架集网页中的打开目标。常用属性值为： black：点击链接文本后，在一个新的浏览器窗口中打开被链接文件。 self：点击链接文本后，被链接文件在链接文本所在的框架中打开。 parent：将链接指向父框架网页。若没有父框架网页，则指向自己。父框架、子框架网页是根据网页的结构关系设置的。 top：指向整个浏览器窗口本身，网页显示效果如非框架网页中的“self”。 创建表单 1．表单概述 表单是用来实现网页浏览者及服务器之间信息交互的一种页面元素，是网站管理者与浏览者之间沟通的桥梁，在WWW中被广泛用于各种信息的搜集和反馈。如采集访问者的名字、E－mail、调查表、留言簿等。 （1）HTML源代码用于描述表单（例如：按钮、复选框、下拉菜单等）； （2）脚本或应用程序用于处理提交的信息（如CGI脚本），不使用处理脚本就不能搜集表单数据。表单中包含的数据将被提交到服务器或电子邮件。 表单不同于表格、图像等页面元素，它不仅需要使用HTML语言在网页中显示，而且需要服务器端特定程序的支持。 2．表单标记form.../form 创建表单的基本语法