组建局域网二.pptVIP

专题网站的设计与制作 开发制作（一） 讲师：叶金毅 FrontPage软件介绍 FrontPage 2003是一种网站创建和管理程序，可以帮助您创建功能强大的网站。 FrontPage工作环境介绍 创建第一个网页 从菜单中选择文件 新建，打开如下图的页面。 创建第一个网页 选择空白网页 站点管理——创建一个新站点 FrontPage对站点的管理主要是管理计算机的文件夹，一个站点将包含一个主文件夹和若干子文件夹 “image” 站点用到的图片 “private” 个人信息 通过模版快速建立一个站点 通过模版快速建立一个站点 定制新站点 浏览个人站点模版 版面布局 布局 表格布局 这是FrontPage2003新增加的功能，可以选择FrontPage提供的布局表格模版，也可以自己设计布局表格 表格是页面排版的主要手段 重点是对自己的功能模块有好的设计 表格布局 插入表格 选取表格-插入表格 表格的选择 修改表格属性 使用单元格布局，比如可以在表格的第一行第一列插入logo，在第一行第二列插入banner等 注意：最好不要将整个网页放在一个表格中，表格嵌套层次要尽量少，这是因为浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来 信息学竞赛专题网站首页表格布局 框架 框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML 文档 框架集 是 HTML 文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置，以及在每个框架中初始显示的页面的 URL。框架集文件本身不包含要在浏览器中显示的HTML 内容。框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息 层 层的概念 是div和CSS结合定位的抽象 FrontPage中如何使用层 格式 层 插入层 层的源码 html head meta http-equiv=Content-Language content=zh-cn meta http-equiv=Content-Type content=text/html; charset=gb2312 title新建网页 1/title /head body tracingsrc=a tracingshow=true tracingopacity=75 tracingx=0 tracingy=0 div style=position: absolute; width: 100px; height: 100px; z-index: 1; left: 370px; top: 39px id=layer1 这是一个层/div div style=position: absolute; width: 100px; height: 100px; z-index: 2; left: 94px; top: 293px id=layer2 这是第二个层/div p 这儿是正文/p p img border=0 src=file:///F:/ccidnet/教案/开发制作1/jiangjinjiu.jpg width=320 height=229/p /body /html 在网页中插入图片 网页中使用的图片一般有三种：gif，jpeg，png 超链接 根据超级链接的终点可分为 内部链接 在同一网站不同文档之间的连接 外部链接 不同网站之间的连接 锚点链接 指定位置的连接 EMAIL链接 电子邮件的连接 根据超级链接的起点可分为 文字链接 图片链接 热区链接 进行热区超链接操作，单击网页上的图片，从图片工具栏中选择长方形热点，圆形热点，多边形热点，设置超链接地址 超链接的绝对路径 在HTML中，URL路径又分为两种形式：绝对路径和相对路径。 绝对路径是将主机地址和主机上资源发布目录的路径和资源名称进行完整的描述。如: a href=HTTP:///bbs/index.htm a href=file:///c:/xitami/webpages/default.htm 超链接的相对路径 相对路径则是相对于当前的网页所在目录或站点根目录的路径。如: IMG SRC=Snowwhite.jpg !--图像文件Snowwhite.jpg与当前显示的网页在同一目录下；-- IMG SRC=../image/Leaves.jpg !--图像文件Leaves.jpg 在与当前显示网页所在目录同层次的另一子目录image下；-- URL的绝对路径必须以http://形式开始，例如： IMG SRC=“0/image/Snowwhite.jpg FrontPage管理超