第一章网页制作概况.ppt

第1章 网页制作概况 1.1 网页制作基础知识 1.2 HTML基础知识 1.3 动态网页 1.4 Macromedia制作网页的三大利器 1.1 网页制作基础知识 1.1.1 网页制作的组成 1.1.2 网页设计的原则 1.1.1 网页制作的组成 网页的制作包括以下几个部分： 1. 图形、图像处理、制作 2. 动画制作 3. 文本编写 4. 框架设计 5. 应用表格 1.1.2 网页设计的原则 1. 设计的3C原则 (1）简洁 (2）一致性 (3）对比度 2. 页面设计要点 (1)设计Web页面时，所发布的材料必须经过精心组织，而且这种内容组织应当是易于理解的。 (2)在Web页面上布置文本、图片等内容，目的是引导浏览者在页内浏览。应该控制页面上的元素的放置顺序和它们相互之间的空隙。 1.1.2 网页设计的原则 3. 设计可用元素 (1)文本格式化 (2)导航工具 (3)背景 (4)图形 (5)表格 (6)颜色 (7)多媒体元素 (8)页面布局 4. 色彩的选择 （1）不要过多的使用效果太强烈的色彩。 （2）选择相近的色彩 。 （3）在选择背景和正文颜色时，最重要的一点是注意易读性。 1.2 HTML基础知识 1.2.1 基本架构 1.2.2 常用标记 1.2.3 列表显示 1.2.4 高级列表应用 1.2.1 基本架构 HTML标记是由“” 和 “” 所括住的指令。主要分为： （1）单标记指令（由标记指令构成）。 （2）双标记指令（由起始标记 / 结束标记 构成） 。 1.2.1 基本架构 HTML文件基本架构如下： HTML文件开始。 HEAD表头区开始。 TITLE ... /TITLE 标题区。 /HEAD表头区结束。 BODY 本文区开始。 本文区内容。 /BODY 本文区结束。 /HTML 文件结束。 1.2.2 常用标记 1. 标题（Title） Title标记是文件头中唯一一个必须出现的标记，它也只能出现在文件头中。Title标记的格式为： Title文件标题/Title 2. 标题（Hn） 标题标记有6种，分别为h1, h2,…h6，用于表示文章中的各种标题。标题号越小，字体越大。 1.2.2 常用标记 3. 分段（P） HTML将多个空格以及回车等作为一个空格，它的分段完全依赖于分段元素P。 4. 预格式化文本（Pre） HTML文件在输出时都是要重新格式化的，若确实不需要重新格式化的内容，可以用Pre…／Pre通知浏览器。 5. 块引用（Blockquote） 块引用用Blockquote标注，使屏幕显示单独的一块。 1.2.3 列表显示 1. 无序列表（Ul） 无序列表用Ul开始，每一个列表条目用Li引导，最后以/Ul结束。 2. 有序列表（Ol） 有序列表与无序列表相比，只是在输出时列表条目用数字标示。 3. 定义列表（Dl） 定义列表用于对列表条目进行简短说明的场合。 1.2.4 高级列表应用 1. 改变无序列表条目标记 用户可以用type属性修改条目的标记。type可以是disc（实心圆点），cirde（圆圈）或 square（实心方点）。 2. 改变有序列表条目标记 有序列表条目标记的缺省值是阿拉伯数字，可以用type属性修改。 3. 改变有序列表条目的起始数字 有序列表的条目数字在缺省情况下是从1开始的，用start属性可修改这一值。方法为ol start=#“#”是条目起始号。 4. 列表的嵌套 各种列表可以相互嵌套，每一个列表条目都可以是一个单独的列表。每嵌套一层，列表条目的输出就会有更大的缩进。 1.3 动态网页 1.3.1 CGI 1.3.2 ASP 1.3.3 PHP 1.3.4 JSP 1.3.1 CGI CGI是公用网关接口（Common Gateway Interface）的缩写，它是用于Web服务器和外部应用程序之间信息交互的标准接口。 CGI仅是在WWW服务器上可执行的程序代码，它的工作就是控制信息要求、产生并传回所需的文件，提供同客户端HTML页面的接口。 1.3.2 ASP ASP是Active Server Pages（动态网页）的缩写，是一套服务器端的脚本运行环境。 ASP的特点有： （1）使用VBScript、JavaScript等简单的脚本语言，并结合HTML语言，即可完成网站应用程序的编写。 （2）不需编译，直接在服务器端执行。 （3）AS