苏教版 信息技术八年级 上册 10.3 网站设计与评价课件（共44张ppt)

课件44张PPT。网站设计与评价一、基本概念网站就是因特网上具有相似性质、共同内容的一组信息资源。 网页（Page） 网页是用HTML语言写成的文件，它存放在某一台计算机中，而这台计算机必须是与因特网相连。 网页文件最好以英文命名，并通常以“.htm”或者“.html”为扩展名，以保证在浏览器中的正常解析。 构成一个网站的基本元素是各种各样的文件以及存 放这些文件的文件夹。网页文件，用来描述资结构、位置，引导浏览者访问该网站，通常以“.htm”或者“.html”为扩展名。网页文件所连接到的图像、音频与视频等资源文件 Web数据库和程序文件基本概念主页（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站点，用于保存和调试创建的网页。 新建的网站首先要保存在本地硬盘上，待整个网站建好之后再发布。 方法：执行“文件”———�新建”———�站点”，打开“新建站点对话框” 注意：不需要去D盘建立“080701”文件夹。1、表格、框架布局网页 表格在网页中的作用 有条理地组织数据 控制网页布局 插入表格以及表格基本操作 “表格-插入” 可以用表格工具栏手动绘制表格。 表格、单元格的属性设置 给表格、单元格添加颜色 使用嵌套表格等所谓框架是将一个浏览器的窗口分割成两个或两个以上的窗格，每个显示区域叫做一个框架。 每个框架可以显示一个独立的网页， 一般情况下，可以用框架来保持网页中固定的几个部分，如网页大标题、链 ... ...