第8章-网页制作(李).pptVIP

第8章　网页制作 在现在的信息时代，网页已经成为获取信息的重要形式，人们已经离不开网页。借助HTML，人们已经将文字、图像、声音、动画、视频等各种媒体信息集合于网页中。如何制作网页呢？ 其他网页制作工具 除了上面2种网页制作工具以外，还有很多网页制作工具。例如： 网页制作工具三剑客： Dreamweaver——可视化网页制作工具； Fireworks——处理网页图片； Flash——制作动画。 ASP技术——建立动态网页 PhotoShop 技术——图像处理 …… 8.1 HTML简介 HTML，即HyperText Markup Language（超文本标记语言）的缩写。 它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 用HTML语言编写的文件称为HTML文件（网页）。又称为Web页面 (Web Page)。 它以.htm或.html为扩展名，可以使用任何文本处理软件（例如：记事本）编写。 8.1.1 HTML语言概述 1. HTML文件的基本构成 构成 文本内容： HTML标记:负责控制文本显示的外观和版式，并为浏览器指定各种链接的图像、声音和其他对象的位置。 格式 标记名文本内容/标记名 多数HTML标记同时具有起始和结束标记，并且成对出现。 HTML标记不区分大小写。 8.1.1 HTML语言概述 2. HTML网页的层次结构 【例】用HTML语言编写1个简单的网页。 html head title我的第一个Web页/title /head body h1欢迎进入HTML世界！/h1 p这里我们首先介绍HTML语言的基本知识和语法。然后，讲授如何使用HTML语言编写您的Web页面。/p /body /html 头部（Head） 正文主体（Body） 8.1.2 HTML语言的基本语法 8.1.2 HTML语言的基本语法 8.1.2 HTML语言的基本语法 8.2 FrontPage 2003概述 虽然使用一般的文本编辑器就可以编写HTML文档，但是使用专门的HTML编辑器或Web创作工具往往更加方便。 具有“所见即所得”功能的Web页面创作工具，可以： 使Web创作人员直接面对Web页面进行编辑修改，并且能立即看到Web页面的显示效果。 8.2 FrontPage 2003概述 主要功能：制作网页+管理网站 启动与退出 网页与网站 网页可以独立存在，但常常作为网站的一部分。 网站是一组相关网页和有关文件的组合。 网站一般有一个特殊的网页作为浏览的起始点，称为主页（Homepage），用来引导用户访问其他网页。 网页视图模式： 设计、拆分、代码、预览 视图： 7种 8.3 网 页 制 作 网站和网页的设计既是一项复杂的技术也是一门艺术。设计良好的网站不但提供丰富的信息，而且给用户带来愉悦的浏览体验。以下是网站和网页设计的一些基本原则。 1）目标明确，重点突出 首先要明确信息发布者的性质与用途，并了解主要浏览对象以及其进行的操作，做到有的放矢。然后，对发布的信息要分清主次，面面俱到可能使浏览者难以找到有用的信息，不能达到预期的目的。 2）主题鲜明，层次清晰 要做到主题鲜明，首先要设计好网站的主页。主页的设计要简洁，内容不宜过多，应该在主页上建立分类栏目。网页需要有层次清晰的结构，尤其是内容较多的网页，可以根据内容进行归类，分成多个栏目，便于阅读。 8.3 网 页 制 作 3）合理设置栏目 制作网页前，要先规划好，确定合理的栏目和板块。栏目的安排要紧扣主题，既要考虑网页内容的分类，又要方便浏览，并能对浏览者起到较好的导航作用。 4）正确定位整体风格 网站的整体风格是指站点的整体形象给浏览者的综合感受。整体风格是非常抽象的概念，包括网站的标志、色彩、字体、标语、版面布局、内容价值等诸多因素，需要结合整个站点进行定位。对于栏目内容跨度较大的网站，可以考虑针对不同栏目采用不同的风格。 5）页面布局合理 网页设计要针对所要表达的信息进行合理的布局，好的页面布局能使浏览者首先对网页内容的结构有一个清晰的认识。可以使用表格辅助页面元素的布局，也可以使用特定的布局框架。页面布局要注意保证重点内容放置在屏幕中间的重点位置。 8.3 网 页 制 作 6）色彩搭配，和谐统一 色彩是影响整体风格的关键因素。不同的色彩搭配产生不同的效果，并可能影响到浏览者的情绪。一般来说，一个网站的标准色彩以不超过三、四种为宜，以使页面色彩丰富而又协调统一。 7）多媒体功能使用得当 除了文字信息外，网站中图片、声音、动画以及视频等多媒体信息的使用是网页上最重