网站主页框架图

以避免呆板。左右对称的页面版式比较常见。
项目五：汽车网页设计
一、制作公司 Logo
1.文件>新建：400*200px、分辨率：72、RGB模式、 2.选用文字工具，并设置文字的颜色为“C:100， M:98，Y:44，
K:0”；其中字母的大小为“60 点”，文字的大小为“48 点”、字体为“Rockwell Extra Bold”。
4.导航栏
• 导航栏是一 组超级链接， 用来方便地 浏览站点。 导航栏一般 由多个按钮 或者多个文 本超级链接 组成。
5.动画
• 动画是网页中最活跃的元素，创意出众、制作精致的动画 是吸引浏览者眼球的最有效方法之一。但是如果网页动画 太多，也会物极必反，使人眼花缭乱，进而产生视觉疲劳
6.表格
表格是HTML 语言中的一种 元素，主要用 于网页内容的 布局，组织整 个网页的外观， 通过表格可以 精确地控制各 网页元素在网 页中的位置。
网页布局基本元素
——网页由文本、图像、动画、超级链
接等基本元素构成
1.文本
• 一般情况下，网页中最多的内容是文本，可以根据需要对 其字体、大小、颜色、底纹、边框等属性进行设置。建议 用于网页正文的文字一般不要太大，也不要使用过多的字 体，中文文字一般可使用宋体，大小一般使用9磅或12像 素左右即可。
网页设计
网页又叫主页，是用一种 HTML的标志语言来表示 的，它将我们要表示的 信息用HTML语言表示出 来，这就形成了HTML代 码，浏览器的工作主要 是将这些标记语言“翻 译”过来，并照定义的 格式等显示出来，这就 是我们所真正看到的网 页。
网页设计
➢ 网页设计的建站包含：企业网站、集团网站、门户网站、 社区论坛、电子商务网站、网站优整版。主要以图像为诉求点，也可将部分 文字压置于图像之上。视觉传达效果直观而强烈。满版型 给人以舒展、大方的感觉。随着宽带的普及，这种版式在 网页设计中的运用越来越多。

返回
任务二：网页布局及发布、表单的创建 创建表格网页
创建方法如下：
使用菜单命令“插入”——“表格”，弹出如图8—14所 示，可以对插入的表格进行精确的设置，包括行和列的数目、 边框尺寸以及单元格宽度等。王君根据实际情况，选择了大 小为4行1列，和背景颜色为水绿色的的表格。然后在插入的 表格中输入文字，并最后在表格属性中调整表格，完成后的 表格页面如图8—15所示。
网页制作软件
FrontPage 2003
任务一 制作简单网页
任务二：网页布局及发布、表 单的创建
任务一 制作简单网页
任务引入
我们很多人都喜欢上网冲浪，甚至于梦想着 有一天自己也能拥有一个个人网站，可是， 怎样制作网站呢？我们可能还从未曾真正的 知道,而FrontPage就可以帮助我们完成我们 的小小愿望。
返回
任务一 制作简单网页
预览和保存网页： 切换到预览视图可以 查看网页的效果。制 作完成后，保存网页 为“历届奥运吉祥物 .htm"，注意设置合 适的网页标题。保存 后，在浏览器中打开 并浏览该网页。
返回
任务一 制作简单网页
在窗口左侧的文件夹列表中，双击网页文件“index.htm”，打开并 编辑该网页文件。输入标题“历届奥运会吉祥物”，利用“格式” 工具栏中的“样式”将其设置为“标题一”，并设“对齐方式”为 “水平居中”。
返回
任务二：网页布局及发布、表单的创建 创建表格网页
图8—14表格属性图
图8—15 表格设计完成图
返回
任务二：网页布局及发布、表单的创建 创建表格网页
创建表格还有以下2种方法： （1）可以使用“常用”工具栏中的“插入表格”按钮，快 速地插入表格。 （2）从“表格”菜单中选择“手绘表格”命令，手动绘制 表格。

4．制作工具的选择
可使用FrontPage、DreamWeaver等网页制作软件。在本案例中，将使用 DreamWeaver MX进行“网页制作学习园地”网站的创建。
1.2 理论知识
1.2.1 HTML语言
在Web的发展历史中，HTML技术是优秀而核心的Web技术之一。目前计算机上包含互 联网在内的大部分应用程序在交互操作上的核心原理都来自于HTML的链接设计思想。
<h#>...</h#> <b>...</b> <i>...</i> <u>...</u> ^... _... <tt>...</tt> <cite>...</cite>
<em>...</em>
<address>...</address> <strong>...</strong> <pre>...</pre>
<font size=" ">
<font face=" ">
<font color=" ">
设置文字的颜色
2 . 文本样式标记
文本样式标记用于设置网页中文字格式化为特殊的形式，如加粗、倾斜等。
文本样式标记如下表：
标 记 说 明
定义标题级别，黑体字显示。"#"=1～6。<h1>显示的字号最大、<h6>最小。 设置粗体字 设置斜体字 设置下划线 设置文本为上标格式 设置文本为下标格式 设置打字机风格字体的文本 以引用或参考的形式格式化文本，通常显示为斜体。

1.网站和网页有什么区别？网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，主要有独立域名和空间，那怕只有一个页面也叫网站。

网页是网站的组成部分。

有了很多网页没有独立的域名和空间也只能说是网页，例如blog、挂在别人那里的个人主页，企业建站系统里的企业页面，多用户商城里的商户……尽管有很多页面，功能也齐全，但都不能叫网站。

2.网页按表现形式分类有哪两种？动态和静态3.网页颜色设计基本原则是什么？颜色对比度越强可读性越强不要使用互补色珍惜使用的颜色4.常用颜色的十六进制描述一种方式是以定义好的颜色名称表示，具体的颜色名称针对不同的浏览器也有所不同。

另一种方式通过一个以“#”开头的6位十六进制数值表示一种颜色。

6位数字分为3组，每组两位，依次表示红、绿、蓝三种颜色的强度。

在RGB 颜色模式颜色由表明代表多少各成份红色绿色和蓝色应该包括在它。

每个可能与极小值(没有颜色) 不同对最大值(充分的强度) 。

当所有颜色是在最低值被显示的颜色然后将是黑的。

并且当所有颜色是在他们的最大值然后被显示的颜色将是白色的。

但是一个缠扰不清的方面在RGB 颜色模式是所有这些颜色可能代表以各种各样的方法。

颜色科学描述颜色在范围0.0 到1.0 (极小值对最大值) 。

颜色惯例的多数采取这些价值代表颜色变异。

例如 1.0 0.0 0.0 代表充分的强度红色。

代表颜色价值其它方法是由使用百分比从0% 到100% (极小值对最大值) 。

这同一样以上说的方法改变从范围0.0 到1.0 简单地倍增数字与100 。

颜色价值可能并且代表作为数字范围从0 到255 。

这类型数字代表由计算机程序设计者广泛实施存放各颜色价值在一个8位字节。

充分的强度红色代表作为255 0 0 。

同样范围 0 到255 和十六进制数在这个范围通常被写以一个固定的两位数格式代表它并且代表在十六进制在某些情况下前缀(象#) 。