网站和网页 课件

课件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的网页，我们一般将它设置为首页。首页内容和结构的安排要符合网站的主题，色彩和设计的版式要符合网站的整体风格。首页是浏览者进入网站时看到的第一个页面 ... ...