網页设计与制作入门.doc

HTML入门 主要介绍浏览器端开发技术，也就是HTML页面制作技术。 在WEB标准中，HTML/HTML负责页面结构，CSS负责页面样式表现，JavaScript 责动态行为。 万维网（World Wide Web,WWW）是一个基于超文本方式的信息检索服务工具，采用 指针连接的超网状结构把信息组织起来的。 HTML语言：超文本标记语言。 网页设计相关概念 1.超链接 网页是使用HTML语言编写的，它的特点就是网页有“超链接”。超链接是特殊的文字标识，它指向了万维网中的资源；文字的超链接在浏览器中显示出来就是带下划线的文字；判断网页中的某一个对象是不是超链接的一个简单的方法就是用鼠标的光标放在这个文字或图片上，如果是超链接，浏览器便会改变光标为一支手的形状。 2统一资源定位器 用于描述Internet上资源的位置和访问方式，相当于写信的通信地 址，因此叫做“网址”。 语法： HTTP:///.gaunafa/agisd.html 基本语法： Scheme：//host.domain:portr/path/filename 说明： URL包括三个部分，一个是Scheme,告诉浏览器该如何工作，第二部分是文字所存在的主机，第三部分是文件的路径。 （1）Scheme：定义因特网的服务类型，告诉浏览器如何解析将要 打开的内容。最流行的是HTTP （2）Domain（域）：定义因特网域名，比如。 （3）Host(主机)：定义域中的主机如果被省略，默认的支持HTTP 的主机WWW，上述中是：news. （4）Port（端口）：定义服务的端口号，端口号经常被省略。HTTP 默认的端口号是80. （5）Path（路径）：定义服务器上的路径。如果被省略，资源会 被定位到网站的根目录上；上例中的gaunafa. （6）filename（文件名）：定义文档的名称。上述中的agisd.html. URL的服务类型 file 引用本地pc的文件 ftp 文件传输协议，用于下载服务器上的文件。 HTTP WWW服务器上的文件，超文本协议 gopher gopher服务器上的文件 news Usenet 新闻组 telnet Telnet连接 WAIS WAIS服务器上的文件 3网站 网站是一个存放网络服务器上的完整信息的集合体。它包括一个活多个网页，这些网站以一定的方式连接在一起，成为一个整体，用来描述一组完整的信息或达到某种期望的宣传效果。 4网页 网页可以看成是一个单一体，是网站的一个元素。 首页 首页也称为主页，它是一个单独的网页，和一般网页一样，可以存 放各种信息，也是网站所有信息的归类目录或分类缩影。 网页制作开发工具 编辑工具 HTML代码可以使用Windows操作系统中自带的记事本进行编 辑。同时任何文本编辑器都可以编写HTML，但保存的时候必须保 存为.HTML或.htm的格式。EditPlus就是这样一款非常好用的HTML 编辑器。它支持颜色标记、HTML标记，同时支持C、C++、Perl、 Java等其他语言，同时还内建完整的HTMLCSS指令功能。 Dreamweaver是一款专业的HTML编辑器，用于设计网页和WEB 应用程序。 浏览工具 浏览器是阅读WWW上的信息资源的一个软件，它的作用是在网络上与WWW服务器打交道，从服务器上下载文件。普及的是Internet Explorer（IE），其他的包括Opera，Mozilla Firefox（火狐），腾讯TT。 网页制作相关技术 CSS CSS就是一种叫做样式表（Style Sheet）的技术。也有人称之为成叠样式表。Css是一种标记语言，它不需要编译，属于浏览器解释型语言，可以由浏览器直接执行，CSS是由W#C的CSS工作组制定和维护的。 JavaSscript Javascript就是为适应动态网页制作的需要而诞生的一种新的编程语言，是一种脚本语言，在HTML基础上，使用Javascript可以开发交互式WEb网页。 Javascript的出现使得网页和