网页与网站页面设计相关知识.ppt

网页与网站页面设计相关知识 farsight 网页与网站的相关知识： 网页的类型 普通静态网页 指在发送到浏览器之前不会被应用程序服务器修改的Web页。也就是说，当站点访问者请求该网页时，页面内容不会发生更改。 网页与网站的相关知识： 网页的类型 动态网页 是在发送到浏览器之前由应用程序服务器自定义的网页。动态网页要在经过服务器的修改后才被发送到请求它的浏览器。网页发生更改的特性便是称其为动态的原因。 网页与网站的相关知识： 网页的类型 交互式动态网页 指用户通过此网页与网站产生一定的交互性。例如，大部分的网站都有用户注册的功能，访问者申请注册后，成为它的新用户，下次再次登录时，网站即会认可这种用户关系；或者，当访问者向网站提出查询某信息等一些请求后，网页会马上给予回复，这就是动态网页的交互性。 网页与网站的相关知识： 组成页面的元素 文本——网页中信息的主要表达方式。 图像——常用的有三种格式：GIF、JPEG和PNG。 动画——常见的包括两种：GIF动画、Flash动画。 视频和音频——最流行的音、视频格式有两种：AVI、RM。 网页与网站的相关知识： 组成页面的元素 超级链接——是在一个网站中的各网页之间进行跳转的媒介。 导航栏——用于引导访问者浏览站点。 表格——用于布局文本和图像以及其他的列表化数据和精确控制各种网页元素在网页中出现的位置。 表单——访问者与网站交互的桥梁。 页面设计 页面设计学习教程 /tiankong/suifeng/first/first.html HTML速查手册 /imagesnew/software/html/index.html HTML简介 HTML HyperText Markup language(超文本标志语言）是生成活动文档的代码系统。活动文档是使你和别人能够进行交互的文档。HTML的普遍应用就是带来了超文本的技术从一个主题转入另一个主题，不是线性的阅读和寻找信息。通过单击链接直接从取得相关的主题。通过单击鼠标去发送EMAIL与别人联系，填写表单并联机提交，以及访问巨大的数据库和信息资源。是HMTL使得文档的访问、阅读及使用如此方便，快捷和有效。无论WEB页面包括动画，多媒体，图形等各种复杂的格式，基础都是HTML。 HTML简介 HTML 组件 HTML实际上是普通的文档，没有图形，动画，声音等，但包含了指向这些类型文件的指针或链接。使得WEB页面包含这些非文本因素。HTML本身是由标识HTML文档元素和特性标志（tag)和属性（attribute）构成的代码系统。有些标志显示文档结构，有些指向其它文件。属性的作用是对标志提供补充信息。 HTML简介 HTML工具的使用 创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。 HTML编辑器用于生成和保存THML文档的应用程序。 WEB浏览器是用来打开网页文件，提供给我们查看WEB资源的客户端程序。 HTML编辑器分两种 一种是基于文本和代码的编辑器，在创建时只能看到HTML代码。 所见即所得编辑器。在对网页编辑时，它所处的设计界面也是在最终浏览器窗口中显示的效果。它一般有设计区和代码区之分 HTML简介 标志和属性 HTML是由标志和属性构成的，一起用于标识各个文档部件，告诉浏览器如何显示文档。标志通过指定某块信息为段落或标题等来标识文档部件。属性是标志的选项，在标志中修饰或进一步指定信息，比如颜色，高度，宽度等。 HTML简介 HTML基本语法 HTML标记——HTML文件所需的最基本的标记，书写为HTML和/HTML。 HEAD标记——文件头标记，以HEAD开始，以/HEAD结束。 TITLE标记——标题标记，用于指定网页的标题。它只能出现在HEAD标记之间，其格式为TITLE网页标题/TITLE。 HTML简介 HTML基本语法 BODY标记——用于标识网页主体，其中包含一个网页中除标题外的所有对象，格式为：BODY文件主体/BODY。 hx标记——用于标记文本的标题，包括H1-H6，共6级标题。如一级标题的格式为：H1标题文本/H1 转行标记——BR标记，作用是强迫文本转行，而且不产生空行。该标记没有终止标记。 HTML简介 HTML基本语法 段落标记——P标记，用于分开正文，使其独立成段，便于浏览器识别。以P开始，以/P结束。 超级链接标记——格式为：A href=URL字符串/A 文本属性标记——主要有大小、颜色和字体三种属性。以FONT开始，/FONT结束。 批注标记——由!括起。 HTML简介 加入标志 所有的标志都是由“ ”包围的元素构成，尖括号会告诉浏览器其中的元素是命令。 大多