《网页制作概况》PPT课件.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文件基本架构如下：文件开始。表头区开始。.标题区。表头区结束。本文区开始。本文区内容。本文区结束。文件结束。,1.2.2 常用标记,1.标题（Title）Title标记是文件头中唯一一个必须出现的标记，它也只能出现在文件头中。Title标记的格式为：文件标题 2.标题（Hn）标题标记有6种，分别为h1,h2,h6，用于表示文章中的各种标题。标题号越小，字体越大。,1.2.2 常用标记,3.分段（P）HTML将多个空格以及回车等作为一个空格，它的分段完全依赖于分段元素。4.预格式化文本（Pre）HTML文件在输出时都是要重新格式化的，若确实不需要重新格式化的内容，可以用通知浏览器。5.块引用（Blockquote）块引用用标注，使屏幕显示单独的一块。,1.2.3 列表显示,1.无序列表（Ul）无序列表用开始，每一个列表条目用引导，最后以结束。2.有序列表（Ol）有序列表与无序列表相比，只是在输出时列表条目用数字标示。3.定义列表（Dl）定义列表用于对列表条目进行简短说明的场合。,1.2.4 高级列表应用,1.改变无序列表条目标记 用户可以用type属性修改条目的标记。type可以是disc（实心圆点），cirde（圆圈）或 square（实心方点）。2.改变有序列表条目标记 有序列表条目标记的缺省值是阿拉伯数字，可以用type属性修改。,3.改变有序列表条目的起始数字 有序列表的条目数字在缺省情况下是从1开始的，用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）ASP设计的网页与浏览器无关。（4）有一定安全性。,1.3.3 PHP,PHP（Personal Home Page）是一种服务器端脚本语言。PHP有以下优点：1.学习过程容易 2.数据库连接 3.可扩展性 4.面向对象编程 5.可伸缩性 6.拥有许多外围的流行基库,1.3.4 JSP,JSP为创建高度动态的Web应用提供了一个独特的开发环境。JSP的优点如下：1.将内容的生成和显示进行分离 2.生成可重用的组件 3.采用标识简化页面开发 4.JSP优点与Servlets的功能 5.页面的内置脚本语言基于Java编程语言 6.JSP为Java平台的一部分,1.4 Macromedia制作网页的三大利器,1.4.1 Dreamweaver MX 2004新特性 1.4.2 Flash MX 2004新特性 1.4.3 Fireworks MX 2004新特性,1.4.1 Dreamweaver MX 2004新特性,（1）将“设计”和“代码”编辑器合二为一。（2）跨浏览器有效性检查。（3）功能更多的CSS支持，CSS的可视化设计CSS检查工具。（4）改进的CSS面板。（5）CSS代码提示。（6）外部文档/代码的无缝结合。（7）PHP服务器行为。（8）对W3C标准的持续支持。,1.4.2 Flash MX 2004新特性,（1）时间轴效果。（2）行为。（3）PDF&EPS支持。（4）CSS样式表。（5）锯齿文字。（6）Unicode&字符串面板。（7）外部FLV支持。（8）动作脚本2.0。（9）发布设置。,1.4.3 Fireworks MX 2004新特性,（1）提高了执行效率（2）改进了用户界面（3）内建FTP登陆和版本控制（4）新的特效（5）自动图形（6）新的照片修饰工具（7）服务器端代码的支持（8）系统反锯齿和自定义反锯齿（9）双字节支持（10）提供了Javascript API接口,
