第四章 网站与网页.ppt

直接5.4插制入插作入图图像像页面
图像可以在Dreamweaver 8中的【设计】视图或者 【代码】视图中被插入到文档里。在Dreamweaver 8的文档中添加图像时，可以设置或者修改图像属 性并可直接在文档窗口中查看所作的修改，插入 图像的具体步骤如下：
➢ （1）用鼠标指针确定图像的插入点。 ➢ （2）单击【插入》图像】菜单项，打开【选择图
GIF格式
GIF全称为“Graphics Interchange Format”， 意为可交换图像格式，它是第一个支持网页的 图像格式，在PC机和苹果机上都能被正确识 别。它最多支持256种颜色，可以使图像变得 容量相当小。GIF图像可以在网页中以透明方 式显示，还可以包含动态信息，即GIF动画。
➢ 5.4.5 插入鼠标经过图像 ➢ 在网页中，鼠标经过图像时经常被用来制作动态
效果。当鼠标移动到图像上时，该图像就变成另 外一个图像。这样的效果被广泛的应用到按钮、 导航条的制作中。具体操作步骤如下： ➢ （1）将光标定位到一个图的位置。 ➢ （2）单击【插入》图像对象》鼠标经过图像】 菜单项，打开【插入鼠标经过菜单】对话框。 ➢ （3）单击【浏览】按钮，分别设置原始图像和 鼠标经过的图像的路径。
PNG格式
PNG全称为“Portable Network Graphics”，意为便携网络图像，它 是逐渐流行的网络图像格式。PNG 格式既融合了GIF能透明显示的特 点，又具有JPEG处理精美图像的 优势，且可以包含图层等信息，常 常用于制作网页效果图。
首页 末页 向上 向下 返回 结束 调音
网页图像来源
首页 末页 向上 向下 返回 结束 调音
JPEG格式
JPEG全称为“Joint Photographic Experts Group”，意为联合图像专家组，它可以高效 地压缩图片，丢失人眼不易察觉的部分图像， 使文件容量在变小的同时基本不失真，通常 用来显示颜色丰富的精美图像。

优点：返回结果信息量更大，更全 缺点：用户要做过多筛选
本章内容
一、搜索引擎的概述 二、搜索引擎的检索方法和技巧（重点） 三、常用的搜索引擎简介 四、如何能有效检索 五、搜索引擎目前存在的问题和未来趋势
二、搜索引擎的检索方法和技巧※
（一）搜索引擎的检索方法 1、单词检索 2、词组检索 3、布尔逻辑检索 4、截词检索 5、限定检索 6、字母大小写 7、名词检索 8、检索结果的显示
强制搜索
如果要对忽略的关键字进行强制搜索，则需要在该关键 字前加上明文的“+”号。 比如：搜索关于www起源的一些历史资料搜索：则我们可 以用下面的检索式进行搜索：
+www +的历史 internet
另一个强制搜索的方法是把上述的关键字用英文双引号 引起来。 例如上面的够访问超过10亿的中文网页.
首本检索
布尔逻辑算法 在结果中检索 相关搜索 错别字提示 汉语拼音提示
检索结果
检索结果 标题 文件格式 摘要 网查信息 针对教育网站搜索（），专门 有大学搜索（）
（二）谷歌（http:）
特点：具有界面简洁、检索精确度高、质量高等优 点
概况
Sergey Brin
Larry Page
概况
Google名字的由来: Googol表示10的100次幂， 这一术语体现了公司整合网上海量信息的远 大目标。
三、常用的搜索引擎简介（一）() （二）Google(） （三）北大天网（） （四）雅虎 (中文版： .cn
英文版：)
高级检索
Intitle
把搜索范围限 定在网页标题 中，“intitle:” 和后面的关键 词之间不要有 空格。 如：intitle:周杰伦
高级检索
site： 搜索范围限定在特定站点中，可以提高查询效

.
10
.
11
.
12
.
13
文本 图形图像 超链接(站点内、站点外、邮件)
表格 表单 内嵌程序 音乐……
.
网页中的元素
14
【讨 论 交 流 二 】
制作网页的常用工具有哪些？
.
15
超文本标记语言 是一使用一组 特定的标记来描述文档结构的语言， HTML的源代码由网络浏览器解释执 行。
.
16
URL(Uniform Resource Location)
统一资源定位器，俗称网址。
.
5
HTTP 超文本传输协议
将浏览器发出的请求发送至Web服务 器，并将服务器回应的网页传回到发出请 求的浏览器。
.
6
.
7
7
【实 践 体 验 一】
浏览平邑蒙山官网，观察网站中 都有哪些基本元素。
(）
.
8
【讨 论 交 流一】
网页有哪些基本元素？
.
9
文本
网页的基本组成部分。文本中的文 字 可以设置为不同的字体、字型、大小 和颜色。
图形图像 更加直观准确地表达某些信息，并且
可以起到美化网页，吸引读者注意力
的作用
超链接
可以方便地转入其它网页进行浏览。全 球的web网站都通过超链接的方法链接 起来，形成一个规模巨大的信息宝库 。
实验中学 马 腾
.
1
了解网站的基本元素
了解制作网页的常用工具
学 会 Frontpage 的 基 本 功 能
.
2
用Frontpage制作简单的网页。
.
3
通过自学自研，增强自主探究意识 通过分组学习，培养团队合作精神

建的文件。 每当编辑某个库项目时，可以自动更新所有使用该项目的页面。
库的创建方法
“资料”面板>“库”面板>右下角“新建库项目” 选择html中的已有内容，再“新建库项目”
库的作用
定义需要多次重复使用的内容块 简化操作
实践：库的创建
4.5 行为
什么是行为
行为是对象、事件和由该事件触发的动作的组合。
三、POP型、封面型、flash型布局（1列）
指页面布局象一张宣传海报，以一张精美图 片、或者flash动画作为页面的设计中心。 常用于时尚类站点。
优点显而易见：漂亮吸引人。 缺点就是速度慢。作为版面布局还是值得借
鉴的。
五、什么样的布局是最好的？
如果栏目非常多，就要考虑用“国字型” ； 如果栏目不算太多而一些说明性的东西比较多，则
视觉中心
在这个九宫格中中间部分就产生了四个交叉点，这四个交叉点就是视觉中心点。
举例
首页设计要注意的问题
主题明确 尽可能缩短下载时间 合理设计你网站结构，并为你的网站添加进
去相应的导航栏
特别提示
建立在丰富的有价值的内容基础之上 必须搞清楚自己给人的印象是什么，对象是
谁 确定印象后，努力实现和加强这种印象 Logo出现在每个页面上 对一个网站来说，要突出色彩
常见的布局形式
T型布局 同字、国字型、“口”型布局 POP布局
一、“T”结构布局(2列结构)：
页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容 的布局
因为菜单条背景较深，整体效果类似英文字母“T”,所以我们称之为“T” 形布局。
这是网页设计中用的最广泛的一种布局方式。 优点是页面结构清晰，主次分明。 缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。