第11课网站绘制与网站构建.pptxVIP

第11章 网页制作与网站建设 浏览网页原理图 11.1 剖析网页 • 11.1.1 网页的本质 • 网页是WWW（World Wide Web，万维网）上的基本文 档，用HTML（Hyper Text Markup Language，超文本 标记语言）书写。网页可以是网站的一部分，也可以 独立存在。 • 网页可以通过浏览器查看，常用的浏览器有微软 Internet Explorer浏览器、 360安全浏览器、 Mozilla Firefox 火狐浏览器、傲游(Maxthon)浏览 器、腾讯TT浏览器(Tencent Traveler)等。 元素1 ＝ 文字、 图片、 网页1 …… 链接、 动画、 • 网站 …… 元素m 声音、 视频、 网页n 表格、 表单、 …… 网站构件关系 • 11.1.1 网页的本质 11.1.1 网页的本质 • 简单的HTML文档 html head title 长大欢迎您！/title /head body 这里是荆州旅游网，我们带您畅游荆州！ /body /html 11.1.1 网页的本质 • 在HTML源代码中，用标记符经常是成对出现的。每一个标记 符都有特定的功用。 • html和/html标记是用来说明在它们之间的文本属于HTML 文件，浏览器从html标记开始执行，当遇到/html标记 时，将会停止执行。 • head和/head标记是用来说明在它们之间的文本都属于 HTML文件的文件头。它仅定义HTML文件需要特殊处理的一些 预先说明，并不在浏览器中显示。 • title和/title标记是用来说明在它们之间的文本是该文 件的标题，此标题显示在浏览器最上方的标题栏中。如果要 把页面添加到浏览器的“收藏夹”中，该文档的标题便会成 为“收藏夹”中的项目名称。 • body和/body标记是用来说明在它们之间的文本是HTML文 件的主体部分，也是整个HTML文件最重要的部分。它所包含 的内容显示在浏览器的页面显示窗口里。 11.1.2 网页的基本构成 • 按照在网站中位置的不同，网页可以分为： • 引导页：引导页即是刚刚输入网站后所显示的 页面，作为进入网站的一个入口。采用FLASH 动画作为引导页引出首页的设计思路，是当前 网站建设较为流行的做法。 • 主页：指进入网站后看到的第一个页面，也称 为首页。 • 内页：指与主页相链接的页面，也就是网站的 内部页面。经常分为多个级别，分别称为二级 页面、三级页面…… 11.1.2 网页的基本构成 导航栏 内容区 版权区 导航区 Logo Banner 11.2 网站建设的基本流程 • 11.2.1 网站前期规划与设计 –1．确定网站风格 –2．确定网页版式 –3．确定页面尺寸 11.2 网站建设的基本流程 • 11.2.2 页面的实现与完善 • 静态网页的实现 • 通常在进行网页开发时，首先进行静态网页的制作。静态网 页的每一行HTML代码都是将页面放置到服务器之前由设计人 员编写的。因为网页内容在放置到服务器后不可更改，所以 这种网页称为静态网页。当然，“静态”网页并不一定是完 全静止的页面，一些GIF动画或一些Flash内容可以使静态网 页活动起来。 • 动态网页的实现 • 动态页面是基于数据库的页面，在有了网页的大致外观之 后，许多网页内容的显示、添加和修改主要通过修改数据库 来完成。动态网页一般通过ASP+HTML、JSP+HTML、 PHP+HTML、CGI+HTML等编程语言来实现。 • 完成了静态与动态页面的制作以后，要对网站目录中的所有 页面进行测试和完善，直至完全符合设计目标。 11.2 网站建设的基本流程 • 11.2.3 网站的发布与维护 • 在发布网页前必须在Internet上申请一个主页空间， 用于指定网站或主页在Internet上的位置。 • 发布网页通常是使用FTP软件上传到服务器中申请的 网址目录下。 • 站点上传到服务器后，应定期打开浏览器检查页面元 素显示是否正常、各种链接是否正常；每隔一段时间 应对站点中的某些页面进行更新，保持网站内容的新 鲜，以吸引更多的浏览者 11.2 网站建设的基本流程 • IDC (Internet Data Center)，即互联网数据 中心。是指在互联网上提供的各项增值服务服 务。他包括：申请域名、租用虚拟主机空间、 主机托管等业务的服务。 • 11.3 网页制作工具 • 11.3.1 主流网页制作工具 • 制作网页可以使用一些常用的文字编辑软件来编写网页源代 码，如记事本、写