《网页制作基本手册》由会员分享，可在线阅读，更多相关《网页制作基本手册（105页珍藏版）》请在金锄头文库上搜索。
1、网页制作过程首先来了解 HTML 是什么？（2004-7-27） HTML 是 Hypertext Markup Language（超文本标记语言）的缩写，它是构成 Web 页面（Page ）的主要工具。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语” 。WWW（World Wide Web）所使用的出版语言就是 HTML 语言。 HTML 的功能： 出版在线的文档，其中包含了标题、文本、表格、列表以及照片等内容。 通过超链接检索在线的信息。 为获取远程服务而设计表单，可用于检索信息、定购产品等。 在文档中直接包含电子表
2、格、视频剪辑、声音剪辑以及其他的一些应用。 CGI 是什么？ 公共网关接口 CGI（Common Gateway Interface），可以让 HTML 文件在客户机和服务器之间建立一种交互性，使信息网关、反馈机制、访问数据库、订货和查询等一系列灵活复杂的操作可以实现。 最常用的应用有：论坛、留言本、聊天室、购物系统。 ASP 是什么？ ASP（ Active Server Page）是 Microsoft 推出的一种服务器端命令执行环境，它让读者可以轻松地结合 HTMLWEB 页面、脚本（Script）程序和 ActiveX 组件建立或执行动态、交互式 WEB 服务器应用程序。 最常用的应用
3、有：论坛、留言本、聊天室、购物系统、数据库访问。 什么是 JavaScript（脚本）语言？ JavaScript 是一种紧缩的、基于对象的脚本描述语言，用于客户端和服务器端 Internet应用程序的开发。由 Netscape 公司开发。现在的、浏览器，可解释直接嵌入在 HTML 页面中的 JavaScript 语句，不需要通过编译。相类似的语言还有由微软公司开发 VBScript。 最常用的应用有：动态按钮、弹出窗口、自动更新日期。 什么是？ 是 Cascading Style Sheets（层叠样式表单）的简称。它主要的功能是可以在将网页的样式（如字体大小、字体颜色、行高度、背景色）更灵
4、活地控制、定位（如建立专门的文件，只要改变一个数值，就可令一整个网站的字体风格产生变化）。 最常用的应用有：去下划线、设置字体大小为 Xpx 或 Xpt、设置字体在点击时变色、定位行高。 什么是？ 文件传输协议 File Transfer Protocol 的缩写。文件传输协议可让用户进入另一台电脑系统取得公用软件或是传送文件至另一个电脑系统内。 最常用的应用有：使用权限进行网页上传、下载。 Web 是什么？ Web 是一种体系结构，通过它可以访问遍布于 Internet 主机上的链接文档。Web 是 Internet 提供的一种服务；是存储在全世界 Internet 计算机中的数量巨大的文档
5、的集合； Web 上海量的信息是由彼此关联的文档组成，这些文档称为主页（Home Page）或页面（Page），它是一种超文本（Hypertext）信息，而使其连接在一起的是超链接（Hyperlink）。 最常用的应用有：Internet 什么是动态？ 与一般出版物描述的相反，动态 HTML（DHTML）不仅是一种独特的技术、计算机语言或功能集，而是综合了几种不同技术相互作用的方式。动态 HTML（DHTML ）可以让您使用常规 DHTML、脚本文件、文档对象模块、绝对定位技术、动态样式、多媒体过滤器和各种其他技术动态改变 HTML 在屏幕上显示文本和图像的方式。 动态实用指南Microsof
6、t 最常用的应用有：运行在浏览器端的各种脚本程序。 什么是？ 由 Macromedia 公司出品的网页制作“ 三剑客”软件之一。是一个专业的网页动画制作软件。它生成的动画可嵌入声音、电影、图形等各种文件，另还可与等相结合进行编程，进行交互性更强的控制。 最常用的应用有：网页动画。网站拉菜单的简单制作编辑:佚名 来源: 网络 评论:7 阅读:2910 2008/7/3 9:00:29下面是一个简单的拉菜单实例代码！适合新手入门学习之用！制作拉菜单一般分三个步骤如下：第一步，定义下拉菜单 JS 代码 以下是引用片段：SCRIPT language=JavaScript !- function MM
7、_findObj(n, d) /v4.01 var p,i,x; if(!d) d=document; if(p=n.indexOf(?)0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn) for(i=0;!x if(!x function MM_showHideLayers() /v6.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i(args.length-2); i+=3)
8、if (obj=MM_findObj(argsi)!=null) v=argsi+2; if (obj.style) obj=obj.style; v=(v=show)?visible:(v=hide)?hidden:v; obj.visibility=v; /- /SCRIPT第二步，在适当的位置插入目录菜单 以下是引用片段：TABLE borderColor=#ffffff height=25 width=150 align=left bgColor=#cccccc border=1 TBODY TR TD onmouseover=MM_showHideLayers(Layer2,hide
9、,Layer1,show) borderColorLight=#000000 width=100 bgColor=#ccccff height=15 DIV align=centerA onclick=MM_showHideLayers(Layer2,hide,Layer1,show) href=2#网上书店/A/DIV /TD TD onmouseover=MM_showHideLayers(Layer2,show,Layer1,hide) borderColorLight=#000000 width=100 bgColor=#ccccff height=15 DIV align=cente
10、rA onclick=MM_showHideLayers(Layer2,show,Layer1,hide) href=1#书盘目录/A/DIV /TD /TR /TBODY /TABLE第三步，插入隐藏层的定义. 以下是引用片段：DIV id=Layer1 style=Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; TOP: 42px; LEFT: 12px; WIDTH: 88px; HEIGHT: 163px TABLE borderColor=#ffffff bgColor=#ccccff borderColorLight=#000
11、000 border=1 onmouseover=MM_showHideLayers (Layer1,show) onmouseout=MM_showHideLayers(Layer1,hide) TBODY TR TD height=15 DIV align=centerA href=A#最新图书/A/DIV/TD /TR TR TD height=15 DIV align=centerA href=S#热点图书/A /DIV/TD/TR TR TD height=15 DIV align=centerA href=D#隆重推出/A/DIV/TD/TR /TBODY/TABLE /DIV D
12、IV id=Layer2 style=Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; TOP: 42px; LEFT: 85px; WIDTH: 120px; HEIGHT: 127px TABLE borderColor=#ffffff bgColor=#ccccFF borderColorLight=#000000 border=1 onmouseover=MM_showHideLayers (Layer2,show) onmouseout=MM_showHideLayers(Layer2,hide) TBODY TR TD heig
13、ht=15 DIV align=centerA href=F#总目录/A/DIV /TD /TR TR TD height=15 DIV align=centerA href=G#图书目录 /A/DIV/TD/TR /TBODY/TABLE /DIV到这里，你就可以看到一个完整的下拉菜单的网页特效了。怎样创建内容丰富的企业网站？很多中小网站实际上是公司简介印刷册的电子版，只有公司介绍、产品/服务及联系信息。这些网站通常只有 5-10 页 html 文件。从客户的角度，由于这样的网站可以了解到企业的基本信息、产品/服务内容，因此“ 电子目录”网站基本能够满足企业客户访问网站的需要。但是从搜索引擎
14、的角度看，文本内容是搜索引擎的宠爱，但“电子目录” 基本上只有公司简介出现大量文本，主要的产品页面往往由图片占据，文字描述不多，而搜索引擎是看不见图片的。因此，缺少含有关键词的文本内容是“电子目录” 网站的硬伤。创建内容丰富的网页，意味着增加以文本为主的栏目，以及在原有页面中配上大量的与该网站的关键词相关的文本文字。这样才有助于提升网站的排名，增加网页被搜索引擎抓取的机会，从而更容易让人找到。此外，丰富的文本信息还有以下好处： 专业的信息让客户觉得你很专业，从而对你产生信任 借机促销/宣传产品或服务 如果竞争对手网站就是“电子目录” ，你显然比他们更具有竞争性 经常更新内容促使用户经常访问网站
15、 请求互换链接时，成功率更高种种理由，让我们建设企业网站时选择丰富、摈弃单一。这里推荐几种常用方法来创建内容丰富的网页：背景信息：如果是酒店，不妨介绍一下该酒店所在城市的情况及该地区旅游景点;如果是外向型企业，可以附带介绍所在地区的港口优势、产品资源优势等。总之，动用一切有利于销售你的产品或服务的背景资料。产品信息：仅有产品型号是不够的。多介绍一些有关该产品或服务的情况，为产品/服务撰写评论，如使用情况。最好能够发布满意的顾客的评论。我在进行网上购物时，一定要查看其他网友针对该产品的评论，并常常被这些随意的评论所左右，决定我是否购买该产品。现在大部分的 B2C 网站都提供商品评论，但 B2B 网站在这方面做得非常不够。卖机械的独独摆张机器的照片，没有技术指标、性能优势等介绍，显得非常潦草。常见问题(FAQ)或问与答 (Q&A)：可作为一种自助性的客户服务方式，已
