网络技术与应用尚晓航第8章网页制作基础.pptVIP

尚晓航 主编 安继芳 副主编 机械工业出版社 尚晓航 主编 安继芳 副主编 机械工业出版社 尚晓航 主编 安继芳 副主编 机械工业出版社 PPT研究院 POWERPOINT ACADEMY * * 尚辅网 / 北京市高等教育精品教材立项项目 高等院校计算机应用技术系列教材 北京市高等教育精品教材立项项目 高等院校计算机应用技术系列教材 北京市高等教育精品教材立项项目 高等院校计算机应用技术系列教材 * 本章内容与要求 了解：网页的本质及基本构成 掌握：HTML基本语法及主要标记符 了解：网页设计的一般步骤 理解：CSS技术的作用 掌握：CSS的一般用法 掌握：编写简单HTML及CSS文件的方法 第8章 网页制作基础 * * 8.1.1网页的本质 网页是WWW（World Wide Web，万维网）上的基本文档，用HTML（Hyper Text Markup Language，超文本标记语言）书写。网页可以是网站的一部分，也可以独立存在。 第8章 网页制作基础 * 8.1.2网页的基本构成 按照在网站中位置的不同，网页可以分为： (1)引导页：引导页即是刚刚输入网站后所显示的页面，作为进入网站的一个入口。 (2)主页：指进入网站后看到的第一个页面，也称为首页。 (3)内页：指与主页相链接的页面，也就是网站的内部页面。 第8章 网页制作基础 * 8.1.2网页的基本构成 1. Logo（标志） 2. Banner（横幅） 3.导航栏 4.版权区 5.导航区 6.内容区 第8章 网页制作基础 * * 8.2.1 网页的设计步骤 1.页面尺寸 页面尺寸和显示器大小及分辨率是有关系的，网页的局限性就在于我们无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下页面范围变得越来越小。 2.页面版式 需要了解所需制作的网页的功能和大致内容，并确定大体的版式。常见版式结构有二分栏型（也称T字型，如图8-5）、同字型、口字型、POP型等。 第8章 网页制作基础 * 8.2.1 网页的设计步骤 3.导航和LOGO 需要确定的内容包括：导航的长短、形式（横的、竖的、弧形的），是否有下拉菜单？比重各是多少？LOGO处在什么位置？各语言版面入口在哪里？登陆（后台管理/用户/MAIL）在什么位置，LOGO附近是否有点睛一般的广告词等。 4.banner 需要确定的内容包括：导航跟banner是分开的还是在一起的？是否采用flash制作？如不使用flash制作，那么设计的背景是否适合切片成平铺的背景？如何使背景图片体积最小等。 第8章 网页制作基础 * 8.2.1 网页的设计步骤 5.主体内容部分 需要确定的内容包括：主体部分采用什么结构？是采用不分割结构，还是左右结构，还是左中右结构的？颜色以怎么样的规则变化？放置什么内容？ 6.版权信息及其他 需要确定将什么信息放置在版权区，使用什么格式等。 7.不同的风格的调整 网站都需要有特定的风格。 第8章 网页制作基础 * 8.2.2 网页设计的实施 1.使用 photoshop 设计网页布局 Photoshop 可以帮助以进行网页布局的基础工作。 2.网页切片制作及优化 几乎所有的图像处理软件都包括切片功能，并能方便地输出切片和包括切片的html文件所以，当你需要使用布局图来制作作网页，并需要把它们切成多个图片（切片）时，可以借助这些软件的帮助，而无须用插入表格的方法。 3.将切片导出为网页 第8章 网页制作基础 * * 8.3.1 HTML的定义 HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。 第8章 网页制作基础 * 8.3.2 HTML的基本结构 一个HTML文件包含以下几个最基本的标记符 html head title网页标题/title /head body 网页主体部分 /body /html 在HTML源代码中，用标记符经常是成对出现的。每一个标记符都有特定的功用。 第8章 网页制作基础 * 8.3.3 HTML基本语法 1. HTML标记符 HTML 标记符（也称为标签）是用来标记 HTML 元素的。 HTML 标记符被 和 符号包围，这些包围的符号叫作尖括号。HTML 标记符是成对出现的。 2. HTML属性 HTML 标记符拥有属性。属性为 HTML 元素提供附加信息。属性总是以“属性名称＝属性取值”的形式出现，比如：name=“value”，属性总是在 HTML 元素的开始标记符中规定。属性值应该始终被包括在双引号内。 第8章 网页制作基础 * 8.3.4 HTML与浏览器 我们可以以多种不同的方式来编写HTML，同时，浏览器也可以以多种不同的方式来理解HTM