网页制作入门Word下载.docx

资源描述

网页制作入门Word下载.docx

《网页制作入门Word下载.docx》由会员分享，可在线阅读，更多相关《网页制作入门Word下载.docx（13页珍藏版）》请在冰豆网上搜索。

网页制作入门Word下载.docx

四、什么是FTP？

FTP是FileTransferProtocol（文件传输协议）的缩写。

它是一种在UNIX类操作系统上使用的协议，现在已经被纳入TCP/IP协议中，被广泛的应用在Internet上。

它的传输方式一般分为ASCII和BIN（二进制）两种。

我们在说到Internet上的FTP时，通常是指一些使用FTP协议的站点和FTP的传输方式。

五、上传主页有哪几种方式？

E-Mail方式维护主页是什么意思？

通常我们上传主页的方式是由提供主页空间的ICP来决定了。

一般的上传方式有FTP、HTTP、和E-Mail三种。

FTP是文件传输协议的英文缩写，光看字面意思，我们就应该知道传输文件是它的拿手好戏。

好戏。

HTTP方式是利用浏览器与服务器链接，向服务器端发送文件。

E-Mail方式是指在维护主页的时候将要更新的内容用压缩软件压缩打包，用E-Mail发给主页空间所在网站的WebMaster。

再由WebMaster将主页内容解压打开，完成更新工作。

这三种上传的方式中，FTP以它的快速和良好的交互性，得到了大家的公认和推崇，现在已经是最流行的上传和下载方式了。

而E-Mail上传方式的优点是安全性极高，不易被黑客乘虚而入。

但是由于交互性和灵活性太差，已经很少使用了。

六、什么是CGI？

CGI意思为CommonGatewayInterface，公共网关接口，一种基于浏览器的输入、在Web服务器上运行的程序方法。

CGI脚本使你的浏览器与用户能交互，为了在数据库中寻找一个名词,提供你写入的评论，或者从一个表单中选择几个条目并且能得到一个明确的回答.如果你曾经遇到过在web上填表或进行搜索,你就是用的CGI脚本。

你那时也许没有意识到，因为大部分工作是在服务器上运行的，你看到的只是结果。

作为一个网页设计者，你创建客户端的CGI脚本，服务器端的程序用来处理用户输入，结果返回给用户。

七、什么是ASP？

MicrosoftActiveServerPages即我们所称的ASP，其实是一套微软开发的服务器端脚本环境，ASP内含于IIS3.0和4.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。

有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。

当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。

以下罗列了ActiveServerPages所独具的一些特点：

1.使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。

2.无须compile编译，容易编写，可在服务器端直接执行。

3.使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。

4.与浏览器无关（BrowserIndependence）,用户端只要使用可执行HTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。

ActiveServerPages所使用的脚本语言（VBScript、Jscript）均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。

5.ActiveServerPages能与任何ActiveXscripting语言相容。

除了可使用VBScript或JScript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如REXX、Perl、Tcl等。

脚本引擎是处理脚本程序的COM（ComponentObjectModel）物件。

6.ActiveServerPages的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。

7.可使用服务器端的脚本来产生客户端的脚本。

8.物件导向（Object-oriented）。

9.ActiveXServerComponents（ActiveX服务器元件）具有无限可扩充性。

可以使用VisualBasic、Java、VisualC++、COBOL等编程语言来编写你所需要的ActiveXServerComponent。

八、JavaScript是什么？

Java和JavaScript是一样的吗？

JavaScript是一种新的描述语言，此一语言可以被嵌入HTML的文件之中。

透过JavaScript可以做到回应使用者的需求事件（如form的输入）而不用任何的网络来回传输资料。

所以当一位使用者输入一项资料时，它不用经过传给服务器端（server）处理，再传回来的过程，而直接可以被客户端（client）的应用程序所处理，你也可以想像成有一个可执行程式在你的客端上执行一样。

javascript虽然效果不错，但它在网络上的效果奇慢。

在JavaScript上，JavaScript和Java很类似，但到底并不一样。

Java是一种比JavaScript更复杂许多的程序语言。

而JavaScript则是相当容易了解的语言，JavaScript创作者可以不那么注重程序技巧。

所以许多Java的特性在JavaScript中并不支持。

九、常用的WEB图像格式有哪些？

1、PNG（PortableNetworkGraphic）

PNG格式是WEB图像中最通用的格式。

它是一种无损压缩格式，但是如果没有插件支持，有的浏览器可能不支持这种格式。

PNG格式最多可以支持32位颜色，但是不支持动画图。

2、GIF（GraphicsInterchangeFormat）

GIF是Web上最常用的图像格式，它可以用来存储各种图像文件。

特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。

GIF文件非常小，它形成的是一种压缩的8位图像文件，所以最多只支持256种不同的颜色。

Gif支持动态图、透明图和交织图。

3、BMP（WindowsBitmap）

BMP格式使用的是索引色彩，它的图像具有极其丰富的色彩，可以使用16M色彩渲染图像。

此格式一般用在多媒体演示和视频输出等情况下。

4、TIFF（TagInageFileFormat）

TIFF格式是对色彩通道图像来说最有用的格式，支持24个通道，能存储多于4个通道。

TIFF格式的结果要比其它格式更大、更复杂，它非常适合于印刷和输出。

5、JPEG（JointPhotographicExpertsGroup）

JPEG是Web上仅次于GIF的常用图像格式。

JPEG是一种压缩得非常紧凑的格式，专门用于不含大色块的图像。

JPEG的图像有一定的失真度，但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。

，而JPEG文件只有GIF文件的1/4大小。

JPEG对图标之类的含大色块的图像不很有效，不支持透明图和动态图。

6、TGA（Targa）

TGA格式与TIFF格式相同，都可以用来处理高质量的色彩通道图形。

另外，PDD、PSD格式也是存储包括通道的RGB图像的最常见的文件格式。

十、域名

由于IP地址全是些的数字，为了便于用户记忆，Internet上引进了域名服务系统DNS（DomainNameSystem）。

当您键入某个域名的时候，这个信息首先到达提供此域名解析的服务器上，再将此域名解析为相应网站的IP地址。

完成这一任务的过程就称为域名解析。

以机构区分的最高域名原来有7个：

com（商业机构）、net（网络服务机构）、gov（政府机构）、mil（军事机构）、org（非盈利性组织）、edu（教育部门）、int（国际机构）。

1997年又新增7个最高级标准域名：

firm（企业和公司）、store（商业企业）、web（从事与WEB相关业务的实体）、arts（从事文化娱乐的实体）、REC（从事休闲娱乐业的实体）、info（从事信息服务业的实体）、nom（从事个人活动的个体、发布个人信息）。

这些域名的注册服务由多家机构承担，CNNIC也有幸成为注册机构之一；

按照ISO－3166标准制定的国家域名，一般由各国的NIC（NetworkInformationCenter，网络信息中心）负责运行。

以地域区分的最高域名有：

AQ（南极洲）、AR（阿根廷）、AT（奥地利）、AU（澳大利亚）、BE（比利时）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中国）、DE（德国）、DK（丹麦）、ES（西班牙）、FI（芬兰）、FR（法国）、GR（希腊）、IE（、爱尔兰）、IL（以色列）、IN（印度）、IS（冰岛）、IT（意大利）、JP（日本）、KR（韩国）、MY（马来西亚）、NL（荷兰）、NO（挪威）、NZ（新西兰）、PT（葡萄牙）、RU（俄罗斯）、SE（瑞典）、SG（新加坡）、TH（泰国）、TW（中国台湾）、UK或GB（英国）、US（美国）（一般可省略）等。

从域名的结构上来看，域名可分为一级域名、二级域名、三级域名等。

以电脑报网站为例是个一级域名，在一级域名的下一级就是一个二级域名，如果要在下面设立则是三级域名了。

我们见到的免费域名通常是二级域名。

网页制做入门

（2）

作者：

第二讲初识代码

我的网页之路是从洪恩网站里的DW教程开始的，从零到现在这个半调子水平。

那里的很多教程都是从最基础的开始，很合适广大初学者，所以建议大家也从那里开始了。

洪恩网站的学习网址：

在这里，基本上不讲软件的具体使用，只讲总结性的东西，要注意的技巧吧，在最后，也会写一两个用DW做的简单特效实例。

随便打开一个网页，点击查看，再点源代码，一般都可以看到这个网页的代码，做网页说白了，也就是把文字、图象等多媒体效果有机的结合在一起，DW和FP等只是书写代码的利器，只要你知道代码，用记事本也一样能做出精美的网页（真正的高手据说就是用记事本做网页），但对我们初学者来说，没有必要去记代码，只需知道利用DW或FP，能实现哪些操作，就象用WORD一样，画一条线就有一条线，画一个表格就有一个表格，在软件的演示窗口里，有着同WORD一样所见即所得的最后效果察看。

因此，可以说，做网页入门很简单！

可后面还有半句话：

做好网页不简单！

因为，一个好的网页，不单单是代码书写，更重要的是美工设计，内容的充实。

虽然很多代码不需要一一手工书写，可有些代码的基本组织结构了解一些，还是对做网页大有帮助的。

我们可以这样学习、研究代码：

在用DW或FP中做了某一个操作，把效果与上面的代码窗口比较一下，就可以知道什么代码是实现什么效果的，还可以通过查看别人的网页的源代码分析学习。

想学ASP网页的朋友们，有些基本代码是非记不可的。

现在很多做网页的人，都是用借鸡生蛋的办法做的网页，做法是从网上下载现成的网页模板，对模板稍加更改，替换下内容成了。

当然，这也是新手们做网页速成的一种好办法。

模板在很多有提供空间的网站都有下载。

很多以前收录的网址，现在打开都没有用了，在这里，能提供给大家的，只有这些了。

1.源代码下载：

要下载ASP源代码的可以到“中国站长站”去，网址：

forSQLServer版本（excelhome的论坛就是用这个版本）。

2.网页图片及音乐等素材：

3.网页特效代码：

推建一个小工具：

“水晶情缘网页特效专家”，有1M，本来想发上来，太大了，算了，要的话，留下邮箱，我发过去。

如，下雪的效果，鼠标滑动效果等，这里都有。

下面我把一些常用的写下来，以供大家参考：

DREAMWEAVER常用标记：

（都是以前记的一些笔记了）

标记一般成对出现，一个表示特定代码部分的开始，另一个表示特定代码部分的结束（表示结束的前面带"

符号），但也不是绝对的，比如，<

br>

标记。

基本的HTML标记：

html、head和body必不可少。

1.<

head>

和<

/head>

标记中仅包含网页标题（如<

title>

我的网页<

/title>

）和程序脚本。

2.<

body>

/body>

标记中包含网页的全部内容。

是网页的主体部分。

3.<

center>

/center>

：

是中间内容居中标记；

4.<

h2>

/h2>

从h1~h6，将文本标注为标题，通常要比正文粗大，h1最大；

5.<

/p>

段落标记，在行与行之间添加额外的空白行；

6.<

强行换行标记，插入单行，不需要封闭标记

7.图象标记：

imgsrc="

aaa\\bbb.gif"

width="

500"

height="

198"

align="

center"

align水平对齐（left、right或center），valign垂直对齐（top，bottom或middle），border边框宽度

alt="

鼠标放在图片上时出现的提示文字"

8.<

fontsize="

本行字符将以粗体显示<

/b>

/font>

9.<

本行字符将以斜体显示<

/i>

（<

等效于<

em>

）

10.<

face="

宋体"

color="

#RRGGBB"

本行字符将宋体显示<

11.<

ahref="

test.htm"

点击此处文字打开链接的网页<

/a>

：

该处文字有下划线标示

12.<

HR>

显示一长灰色细线，分割网页为上下两部分。

可以只用单边。

完整的如下：

HRalign=centerwidth="

100%"

SIZE=1>

显示一灰色矩形，SIZE为1时，宽为1（很细，可看作一直线）

13.<

LI>

在文字前出现一个圆点的项目符号<

/LI>

，可单个使用，也可结合<

使用

14.<

OLtype=2start=1>

li>

标记<

/li>

区段<

/ol>

控制项目序号及显示方式，如1,2,3

15.<

UL>

使该段文字首行和下面都缩进约两个字符<

/UL>

16.<

BLOCKQUOTE>

使该段文字整体都缩进约两个字符，可以多重使用<

17.<

SUP>

这是上标字<

/SUP>

，<

SUB>

这是下标字<

/SUB>

这是加下划线字<

/U>

18.<

TT>

这是Windows的等宽字<

/TT>

19.<

FONTSIZE=+1>

字体放大一级<

/FONT>

20.<

DL>

DT>

语言<

DD>

基础要素<

/DL>

“语言”显示为列表标题，“基础要素”显示为列表内容，自动缩进。

21.<

DIVAlign="

Right"

这是右对齐的段落一<

这是右对齐的段落二<

/DIV>

默认为左对齐方式。

表格及其标志：

Align:

水平，Valign:

垂直。

Align或Valign写在<

TR>

中时表该行的几个列都用同一方式。

22<

BLINK>

闪烁<

/BLINK>

标记中的文字实现闪烁效果，但并不适用于所有的浏览器。

23.<

TABLEBORDER=1>

TR>

TD>

第一列第一栏<

/TD>

第一列第二栏<

/TR>

TRBgColor="

yellow"

TD>

第二列的第一栏<

第二列的第二栏<

TDAlign="

Left"

Valign="

Center"

水平:

左对齐<

垂直:

居中<

/TABLE>

BgColor可写在<

TABLE>

、<

中，分别为整个表格、整行、单一单元格的背景颜色设置。

以上是我以前笔记中收录的一些常用的标记，今天看到lfspecter大虾也发了一些关于网页的帖子，可以两边对照着看，侧重点各有不同，也许更有利于初学者的理解，链接如下：

技巧篇：

1.在<

BODY>

标签中可以规定整个文档的一些基本属性：

bgcolor"

指定html文档的背景色。

text"

指定html文档中文字的颜色。

link"

指定html文档中待连接超链接对象的颜色。

alink"

指定html文档中连接中超链接对象颜色。

vlink"

指定html文档中以连接超链接对象颜色。

background"

指定html文档的背景文件。

有两种方式表示颜色对象：

bodybgcolor="

green"

或<

#00FF00"

。

文档主体部分可用颜色列表：

black黑色Red红色Line石灰色Maroon栗色Gray灰色Silver银白色Navy海军蓝Olive橄榄绿Purple紫色Yellow黄色Aqua浅绿色Blue蓝色Green绿色Fuchsia紫红色White白色Teal暗蓝绿

2.浏览器的状态列提示文字控制

（1）.鼠标经过:

tpage.htm"

onMouseOver="

window.status=\'