主题三-网站设计与评价

三、网站的规划与设计
确定网点主题 设计网站风格（标志,主色调，文字效果，版面布局） 规划网站结构 了解网站运行环境 选择网站开发工具 分配网站开发任务
四、建立站点
建立自己的主题网站,首先需要创建一个Web站点，用于保 存和调试创建的网页。
新建的网站首先要保存在本地硬盘上，待整个网站建好之 后再发布。
插入其他格式的图片 后,在进行页面存储时， 系统会自动将图片格 式转换成GIF或JPF格
式。
注意“图片”Hale Waihona Puke Baidu具条的使用
4、添加网页元素——插入动画（GIF格式）
提示:在“普通”模式中插入 动画之后,默认只显示动画的 第一帧图像，是静止的，进 入“预览”模式后，就可以 看见其动态效果了。
“插入”-“图片”-“来自文件”
网络技术 总复习
主题三——网站设计与评价
一、基本概念
网站就是因特网上具有相似性质、共同内容的一组 信息资源。
网页（Page） 网页是用HTML语言写成的文件,它存放在某一台
计算机中，而这台计算机必须是与因特网相连。 网页文件最好以英文命名，并通常以“.htm”或者
“.html”为扩展名，以保证在浏览器中的正常解析。
树状结构是目前网站所采用的主要形式之一，它 结构清晰，访问者可以根据路径清楚的知道所在 位置。但在建立枝干的层次时，最多不应超过四 个。
线性结构:线状结构是网站最简单的结构方 式,网页一层层链接起来，逻辑清晰。
单向线状只提供往下一层网页的链接；
双向环状除了像单向线状那样链接外，还 可以倒着从网页3回到网页2，从网页2回到 网页1。
构成一个网站的基本元素是各种各样的文件 以及存放这些文件的文件夹。
网页文件,用来描述资结构、位置，引导浏览者访问 该网站，通常以“.htm”或者“.html”为扩展名。
网页文件所连接到的图像、 音频与视频等资源文件
Web数据库和程序文件
基本概念
主页（Home Page） 主页是通常用来表示访问某个网站时出现
无论是单向线状还是双向环状都不能在网 页之间自由跳跃链接。
网状结构:在网络结构中有一个主页,所有的网页都 可以和主页进行链接，同时，各个网页之间也随 意链接。网页之间没有明显的结构，像一张网一 样，可相互链接，随意跳转。
如果网页信息内容不能科学分类，访问者容易在 网页跳转过程中迷失方向，很难快速找到所需要 的信息。
1.菜单栏:“格式”—“字体”,打开 字体对话框，如右图。
2.选中需要编辑的文字，右击，选 择“字体”菜单命令，打开字体对 话框，如右图。
3.“格式”工具栏
3、添加网页元素——插入图片
在网页中最常用的是GIF和 JPG格式的图片,因为这两种图 片的文件比较小，有利于提高 网页的浏览速度。（“插 入”-“图片”-“来自文件”）
网站是由网页组成的,网站是网页的集合 体，网页是网站的元素。
网站的结构就是指某一网站的信息组合 的基本框架，它显示该网站中各个网页之 间的逻辑关系。
层次适当:一般以3到4层为佳 拓展性广：能够容纳信息的多变性和扩展性
基本概念
网站的结构主要有三种类型:
树状结构
线性结构
网状结构
树状结构:整个网站以主页作为中心,向外分散出 多个分支。
方法:执行“文件”—“新建”—“站点”，打开“新建站点 对话框”
注意:不需要去D盘建立 “080701”文件夹。
1、表格、框架布局网页
表格在网页中的作用 有条理地组织数据 控制网页布局
插入表格以及表格基本操作 “表格-插入” 可以用表格工具栏手动绘制表格。 表格、单元格的属性设置 给表格、单元格添加颜色 使用嵌套表格等
优点
功能强大，操作简单易学、 灵活方便，站点管理功能强 大
Dreamweaver
Macromedia公司针 对专业网页设计师 特别发展的视觉化 网页开发工具
对平台和浏览器的 兼容性好，对动态 效果的支持性好
缺点
兼容性不好；生成的垃圾代 站点管理功能弱， 码多；对动态效果支持不好 对中文支持不好
网页制作工具
5、添加网页元素——插入动画（Flash）
“插入”—“高级”—“插件”, 打开“插件属性”对话框。
通过“数据源”中的“浏览” 找到所用的Flash动画文件
6、添加网页元素——插入视频
“插入”—“图片”—“视频”,打开“视频”对话框。
支持的视频格式: .avi .asf .ram .ra
右击视频,选择“图片属性”命令，并切换到“视频”选项卡，可以对视频做进一步的设 置。
的第一个页面,用来对整个网站进行概括性的 介绍，描述其他各个页面的内容的。
主页文件常以index或default命名，并通常 用的扩展名有.htm .html .jsp .asp等。
IE的主页表示IE浏览器启动时，即访问的网页地址。可 以是一个网站的主页，也可以是一个普通的网页文件。
基本概念
网站的结构
HTML文档本身是文本格式的文件,可由任何 一种文本编辑软件如写字板、记事本和Word 等进行编辑，保存后，把文件扩展名改 为.htm或.html，就可用浏览器浏览到相应 的网页。
HTML语言就是通过一系列特定的标签 （Tag），来标识出相应的意义和作用，再 通过浏览器把这些标签所代表的意义表示出 来。
7、添加网页元素——插入背景音乐
方法:在网页的空白处右击,选择“网页属性”—“常规”选项卡 —“背景音乐。
二、网页制作工具
第一类是源代码型编辑工具 代表产品有HotDog、HomeSite、EditPlus等。 第二类是“所见即所得”编辑工具 代表产品有FrontPage、Dreamweaver等。
网页制作工具
工具名称
FrontPage
简介
微软Office组件之一，著名 的“所见即所得”的网页编 辑软件，是很好的入门级网 页编辑工具
所谓框架是将一个浏览器的窗口分割成两个 或两个以上的窗格,每个显示区域叫做一个框 架。
每个框架可以显示一个独立的网页，
一般情况下，可以用框架来保持网页中固定 的几个部分，如网页大标题、链接按钮等， 剩下的框架用来展现所选择的网页内容。
框架网页的创建与其基本操作
“文件-新建-框架网页”
2、添加网页元素——编辑文字