《网页制作概况》PPT课件.ppt

第1章网页制作概况,1.1网页制作基础知识1.2HTML基础知识1.3动态网页1.4Macromedia制作网页的三大利器,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.2HTML基础知识,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.1CGI1.3.2ASP1.3.3PHP1.3.4JSP,1.3.1CGI,CGI是公用网关接口（CommonGatewayInterface）的缩写，它是用于Web服务器和外部应用程序之间信息交互的标准接口。CGI仅是在WWW服务器上可执行的程序代码，它的工作就是控制信息要求、产生并传回所需的文件，提供同客户端HTML页面的接口。,1.3.2ASP,ASP是ActiveServerPages（动态网页）的缩写，是一套服务器端的脚本运行环境。ASP的特点有：（1）使用VBScript、JavaScript等简单的脚本语言，并结合HTML语言，即可完成网站应用程序的编写。（2）不需编译，直接在服务器端执行。（3）ASP设计的网页与浏览器无关。（4）有一定安全性。,1.3.3PHP,PHP（PersonalHomePage）是一种服务器端脚本语言。PHP有以下优点：1.学习过程容易2.数据库连接3.可扩展性4.面向对象编程5.可伸缩性6.拥有许多外围的流行基库,1.3.4JSP,JSP为创建高度动态的Web应用提供了一个独特的开发环境。JSP的优点如下：1.将内容的生成和显示进行分离2.生成可重用的组件3.采用标识简化页面开发4.JSP优点与Servlets的功能5.页面的内置脚本语言基于Java编程语言6.JSP为Java平台的一部分,1.4Macromedia制作网页的三大利器,1.4.1DreamweaverMX2004新特性1.4.2FlashMX2004新特性1.4.3FireworksMX2004新特性,1.4.1DreamweaverMX2004新特性,（1）将“设计”和“代码”编辑器合二为一。（2）跨浏览器有效性检查。（3）功能更多的CSS支持，CSS的可视化设计CSS检查工具。（4）改进的CSS面板。（5）CSS代码提示。（6）外部文档/代码的无缝结合。（7）PHP服务器行为。（8）对W3C标准的持续支持。,1.4.2FlashMX2004新特性,（1）时间轴效果。（2）行为。（3）PDF&EPS支持。（4）CSS样式表。（5）锯齿文字。（6）Unicode&字符串面板。（7）外部FLV支持。（8）动作脚本2.0。（9）发布设置。,1.4.3FireworksMX2004新特性,（1）提高了执行效率（2）改进了用户界面（3）内建FTP登陆和版本控制（4）新的特效（5）自动图形（6）新的照片修饰工具（7）服务器端代码的支持（8）系统反锯齿和自定义反锯齿（9）双字节支持（10）提供了JavascriptAPI接口,