信息技术学业水平测试 网页制作 之.

Presentation on theme: "信息技术学业水平测试 网页制作 之."— Presentation transcript:

1 信息技术学业水平测试 网页制作 之

2 基本概念 1、网站 因特网上具有相似性质和共同内容的一组信息资源就是一个网站。
构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。 文件大致分为三类： （1）描述资源结构、位置，引导浏览者访问该网站，通常以“.htm”或者“.html”为扩展名，称为网页文件。 （2）网页文件所连接到的图像、音频与视频等资源文件。 （3）web数据库和程序文件。

3 基本概念 2、主页 主页（Home Page）实际上也是网页，通常用来表示访问某个网站时出现的第一个页面。
一般静态网站的主页名称默认为“index.htm” 3、网站的结构 主要有三种类型： （1）树状结构 （2）线性结构 （3）网状结构

4 网页制作工具 1、HTML语言 HTML语言（超文本标记语言 ）是万维网上的通用语言，在万维网刚产生的一段时间里，所有的网页几乎都是用HTMl语言描述、编辑和传递的。 2、网页制作工具 （1）源代码型编辑工具，代表产品有HotDog、HomSite、EditPlus等。经过几年的发展与改进，这种工具已经基本被淘汰。 （2）“所见即所得”型编辑工具，代表产品有Frontpage、Dreamweaver等。

5 网页制作过程 1、利用表格定位网页 表格是在网页设计中用的最多的元素，可以说几乎所有的网页都是使用表格来组织的。
在frontpage中的表格操作和在word中大致相似。一般来说，主要有以下几个步骤。 （1）在网页中加入表格：插入法、拖动法、绘制法。 （2）调整表格结构：增加行或列，删除行、列或单元格，合并或拆分单元格。 （3）设置表格属性：边框的粗细，底纹的设置，为表格和单元格设置背景颜色或背景图片。 （4）表格的嵌套：嵌套层次越多，网页的载入速度就会越慢。

6 网页制作过程 2、添加网页元素 （1）编辑文字 网页中的文本是传递信息的主要形式。基本操作和word一样，输入文本后可以通过各种字体、字号及字型的设置来美化版面。 （2）插入图片和动画 插入图片方法:确定插入点后单击“插入”菜单—图片—来自文件—找到所需文件即可。适当调整图片格式。 注意：网页中常用的是GIF和JPG格式的图片，因为这两种图片的文件较小，有利于提高浏览速度。 插入flash动画：确定插入点后单击“插入”菜单—高级—插件—找到所需文件即可。适当调整动画格式。

7 网页制作过程 2、添加网页元素 （3）插入水平线 插入水平线方法:确定插入点后单击“插入”菜单—。根据要求调整水平线属性（颜色，宽、高）。
（4）插入滚动字幕 插入字幕方法:确定插入点后单击“插入”菜单—组件—字幕即可。适当调整滚动字幕属性（滚动方向、速度等 ）。

8 修饰网页 网页属性设置： —网页背景 —网页背景音乐 —网页标题 —网页边距 ：页面靠左和靠上的距离。
最后请同学们练习模拟题中相关知识点的内容： 第一套、第五套、第十套、第十四套、第十五套、第十六套、第十八套、第二十三套、第二十六套、第二十七套 大家最好到教学平台上面先看一下题目要求，避免重复练习。下一节课我们带领大家复习网页超链接、表单以及框架网页内容。如果在此次练习中遇到相关题目，可以尝试着做一下。