6.1 网站和网页 课件（33张PPT）

课件33张PPT。网站是一个整体，网页是一个个体，一个网站是由很多网页构建而成。网站和网页的关系就像家庭和家人一样。 网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。 而我们想要制作一个网站，就需要单独编辑若干个html文件，然后通过“超链接”把它们连接在一起，这样一个属于自己的网站就制作出来了。 信息集成
概念：信息集成的过程主要指将文本、图象、声音、动 画、视频等媒体素材，有计划有目的的组织在一起，为表达某一主题服务。①选题立意阶段
这一阶段的中心任务是确定要表达的主题和设计的目标，并用一个贴切而有特色的名字来表达。
归纳主题:
提问：平时上网喜欢哪些智力玩具？网站名：古玩今玩②设计规划阶段
这一阶段的任务是根据第一阶段确定的主题设计作品的内容和结构，并收集、整理和选择作品中需要使用的素材。
1、设计作品的内容和结构
总体设计
从系统的角度出发，设计出作品的总体框架，把握所要表达的主体内容。
教师演示：打开“古玩今玩”网站，展示五个模块超级链接：实现从一个网页到另一个目标的连接，另一个目标可以是一个网页，也可以是图象、动画、视频，甚至可以是一个程序。详细设计
从微观上勾画出每个页面的布局，需要展现的内容、各页面之间的超级链接方式。网站Logo：Logo 是标志、徽标的意思, 是网站的标志。就一个网站来说，Logo 即是网站的名片。而对于一个追求精美的网站，Logo更是它的灵魂所在，即所谓的“点睛”之处。2、素材的选择
文字、图象、动画、视频和音频信息都是素材。
http://www.haosc.com/
http://www.sucaiw.com/index.asp③开发制作阶段资料
Dreamweaver是Macromedia公司开发的集网页制作和网站管理于一身的“所见即所得”的网页编辑器。为了配合其使用，该公司又开发了用于图像处理的Fireworks、用于矢量动画编辑的Flash，这三者被人们称作网页三剑客。④评估测试价段看网站是否达到你预计的效果；
检查内容是否有错误；
检查各处链接是否正确等。1、网页的基本元素文本 ：基本组成部分
图像 ：更加直观准确地表达某些信息，并且可
以起到美化网页，吸引读者注意力的作用。
超链接 ：可以方便地转入其他网页进行浏览。网页的其他元素音乐
表格
表单
美化网页，丰富网页的内容，增强网页的功能。2．网页制作工具（1）HTML语言
概念：是一种使用一组特定的标记来描述文档结构的语言，HTML的源代码由网络浏览器解释执行。
结构：HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML语言的特点
它们是成双出现的








（2）用网页制作工具软件制作网页Frontpage “功能强大，简单易学”的特点，采用“所见即所得”的
编辑模式，不必了解HTML的语法。基本使用方法与Word十分相似网站制作简介1、新建站点 站点是网页等一组网络资源的集合，我们把制作的所有素材和网页集合成一个网站，便于维护和管理。在本地机上它事实上是一个等待发布的本地文件夹。 在FrontPage中，新建一个“只有一个网页的站点”时网站会自动新建一个名称为index.htm的网页，我们一般将它设置为首页。首页内容和结构的安排要符合网站的主题，色彩和设计的版式要符合网站的整体风格。首页是浏览者进入网站时看到的第一个页面，就像一本杂志的封面和目录。首页设计得恰当与否，直接影响到网站的形象，往往是决定浏览者是否驻足欣赏的关键。添加新网页网页是网站的基本构成部分，学会添加新网页是制作网站的基础。添加网页的操作步骤如图：利用表格布局网页利用表格布局网页添加图像 我们经常看到的网页都是图文并茂的，图片不仅能直观地表达信息，还往往给人以美的享受。在网页中可以插入多种格式的图片，但我们一般应选用那些压缩比高的格式的图片，例如GIF、JPG等格式的图片。网站中素材的分类存放插入动画 动画的格式有很多种，GIF图片可以直接插入、FLASH动画、视频动画等需要以“插件”方式插入。设置背景将首页背景设置为绿色：将表格背景设置为淡绿色：将单元格背景设置为图像：在网页中插入背景音乐：设置超级链接：网站连接 在创建超链接对话框中URL栏中直接输入该网站的网址即可。电子邮件连接 在创建超链接对话框中，按电子邮件创建按钮，在弹出的对话框中直接输入电子邮件地址确定即可。
书签式连接 连接到网页本身某个位置或文本的一种链接，先在需要连接的位置或文本插入书签，再选中链接源，插入超链接，在创建超链接对话框中选中相应书签即可。6.1.5 评估测试阶段 作品的设计和制作往往不能一步到们，在制作和运行过程中要不断地收集反馈意见以便修正。对于网站的调试和测评来说，一般包括以下几方面的内容：看网站是否达到你预计的效果；检查内容是否有错误；检查各处链接是否正确等。填写如下表格，评价自己在本节中的学习情况。？一、填空题
1. 在网站上通过浏览器看到的第 1 张页面，称为网站的 _____________。
2. 影响网页显示速度最主要的因素是页面上的图形的 ___________ 和 __________。
3. Internet 上网站一般有与 IP 地址对应的名称，称为____________。
4. 显示器屏幕三种常见的分辨率（宽×高）是_________、_________、_________。
5. 计算机色彩由（RGB）_________、_________、蓝 三种色光合成。主页（home page 或首页） 大小数量域名640 × 480800 × 6001024 × 768红绿简答题2.简述网站的基本组成部分。 1.请写出信息集成的一般过程。参考答案：网站的基本组成部分有：①网页，网页用 HTML语言编写，由文本、图形和其他媒体信息组成，不同的网页通过超级链接相互联结；②网页空间，在因特网上存放网页的存储空间；③网址，与网页空间相对应的IP地址；④域名，是站点的名字。