第四章 网站设计与评价技术方案.pptVIP

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