本文目录一览：

谁知道flash网页制作教程

Flash网站制作剖析

发布者:seo时间:2005-10-09

作者：李宏明

经过一段时间的Flash学习之后，很多朋友开始对那些全Flash网站的制作发生兴趣。全Flash网站基本以图形和动画为主，所以比较适合做那些文字内容不太多，以平面、动画效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网站等。

制作全Flash网站和制作html网站类似，事先应先在纸上画出结构关系图，包括：网站的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网站的前期部分等等，都应在考虑范围之内。

实现全Flash网站效果多种多样，但基本原理是相同的：将主场景作为一个"舞台"，这个舞台提供标准的长宽比例和整个的版面结构，“演员”就是网站子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为"舞台"基础，基本保持自身的内容不变，其它"演员"身份的的子类、次子类内容根据需要被导入到主场景内。

从技术方面讲，如果你已经掌握了不少单个Flash作品的制作方法，再多了解一些swf文件之间的调用方法，制作全Flash网站并不会太复杂。

参考流程：网站结构规划—Flash场景规划—素材准备—分别制作—整体整合

一、全Flash网站和单个Flash作品制作的区别

二、常用技术

1、重要ActionScript代码控制

2、Loading的制作

3、文本导入

三、实例制作剖析

1、本实例网站结构规划

2、首页场景index.swf的制作

3、次场景Cartoon(200208.swf)的制作

4、二级次场景（200208_frog01～200208_frog05)制作

5、About中的文本导入

四、注意事项

以上我们通过实例剖析的方式大略介绍了全Flash网站的基本制作方法，希望给喜欢Flash的朋友们一点实实在在的帮助，期望不久以后能看到大家做出的精彩Flash网站！本文Flash网站实例源文件下载

一、全Flash网站和单个Flash作品制作的区别

1、文件结构不同

单个Flash作品的场景、动画过程及内容都在一个文件内，而全Flash网站的文件由若干个文件构成，并且可以随发展的需要继续扩展。全Flash网站的文件动画分别在各自的对应文件内。通过Action的导入和跳转控制实现动画效果，由于同时可以加载多个SWF文件，它们将重叠在一起显示在屏幕上。

2、制作思路不同

单个Flash作品的制作一般都在一个独立的文件内，计划好动画效果随时间线的变化或场景的交替变化即可。全Flash网站制作则更需要整体的把握，通过不同文件的切换和控制来实现全Flash网站的动态效果，要求制作者有明确的思路和良好的制作习惯。

3、文件播放流程不同

单个Flash作品通常需要将所以的文件做在一个文件内，在观看效果是必须等文件基本下载完毕才开始播放。但全Flash网站是通过若干个文件结合在一起，在时间流上更符合Flash软件产品的特性。文件可以做的比较小，通过陆续载入其它文件更适合Internet的传播，这样同时避免了访问者因等待时间过长而放弃浏览。

二、常用技术

1、重要ActionScript代码控制

这是全Flash网站实现的关键，尤其是Flash MX新增了很多功能强大的命令，关于这部分，请大家可以参看看看其它的资料,这里只介绍部分制作全Flash网站需要使用的比较重要的ActionScript函数。

loadMovieNum("url",level[, variables])

loadMovie("url",level/target[, variables])

功能说明：

在播放原来加载的影片的同时将SWF或JPEG文件加载进来。

参数说明：

url 要加载的 SWF 或 JPEG 文件的绝对或相对 URL，不能包含文件夹或磁盘驱动器说明。

level 把swf文件以层的形式载入到Movie里，若载入0层，则载入的swf文件将取代当前播放的Movie，。2层高于1层。

Target 可用路径拾取器取得并替换目标MC，载入的电影将拥有目标MC的位置、大小和旋转角度等属性。(个人认为用Target好些，在控制载入.swf位置时比较方便)

variables 可选参数，指定发送变量所使用的 HTTP 方法（GET/POST），如果没有则省略此参数。

层次Level：Flash允许同时运行多个SWF文件，Flash一旦载入一个SWF文件，则占据了一个"层次"，系统默认的是_Flash0或_Level0，之后的Movie则按顺序放在level0---level16000里。第一个载入的SWF文件为_Flash0或_Level0，第二个如果加载到第一层时的称为_Flash1或_Level1,依此类推。注意前提是前面载入的文件没有退出，否则冲掉第一个SWF文件，第一个文件也从内存中退出。

注意：如果你将外部的Movie加载到Leve0层或者Level0里，那么，原始的Movie就会被暂时取代，要再用时还得重新Load一次，也就是说，一个Level在一个时间里只能有一个Movie存在。在使用LoadMovie和UnLoadMovie时必须特别注意Level之间的关系，否则，当你希望在一个时间里只播放一个Movie而Unload掉前一个Movie时，就会出现不必要的麻烦。

unloadMovieNum(level)

unloadMovie[Num](level/"target")

功能说明： 从 Flash Player 中删除已加载的影片。

参数说明： 同上

loadVariables ("url" ,level/"target" [, variables])

功能说明：

从外部文件中（例如文本文件，或由 CGI 脚本、Active Server Page (ASP)、PHP 或 Perl 脚本生成的文本）读取数据，并设置 Flash Player 级别或目标影片剪辑中变量的值。

参数说明：

url 变量所处位置的绝对或相对 URL

level 指定 Flash Player 中接收这些变量的级别的整数。

Target 指向接收所加载变量的影片剪辑的目标路径。

variables 可选参数，指定发送变量所使用的 HTTP 方法（GET/POST），如果没有则省略此参数。

gotoAndPlay(scene, frame)

功能说明：

转到指定场景中指定的帧并从该帧开始播放。如果未指定场景，则播放头将转到当前场景中的指定帧。

参数说明：

scene 转到的场景的名称。

frame 转到的帧的编号或标签。

2、Loading的制作

考虑到网络传输的速度，如果index.swf文件比较大，在它被完全导入以前设计一个Loading引导浏览者耐心等待是非常有必要的。同时设计得好的loading在某些时候还可以为网站起一定的铺垫作用。

一般的做法是先将loading做成一个MC，在场景的最后位置设置标签如end，通过ifFrameLoaded来判断是否已经下载完毕，如果已经下载完毕则通过gotoAndPlay控制整个Flash的播放。

以一个Loading文件为例，在场景里加入插入MC，

ifFrameLoaded("end"){

gotoAndPlay("开始播放的地方");

}

3、文本导入

在我们制作全Flash网站的过程中经常遇到一定量的文字内容需要体现，文本的内容表现与上面介绍的流程是一样的，不同的地方体现最后的表现效果和处理手法还是有些不同。

方法一、文本图形法

如果文本内容不多，有希望将文本内容做的比较有动态效果，可以采用此法。将需要文本做成若干个Flash的元件，在相应的位置安排好。文本图形法的文件载入与上面介绍的处理手法比较类似，原理都差不多。具体动态效果就有待大家自己去考虑，这里就不多介绍。

方法二、直接导入法

文本导入法可以将独立的.txt文本文件，通过loadVariables导入到Flash文件内，修改时只需要修改txt文本内容就可以实现Flash相关文件的修改，非常方便。

在文本框属性中设置Var:变量名（注意这个变量名）。

为文本框所在的帧添加ActionScript代码：

loadVariables("变量名.txt","");

编写一个纯文本文件.txt（文件名随意），文本开头为“变量名=”，“＝”后面写上正式的文本内容。

三、实例制作剖析

一般制作流程：

网站结构规划—Flash场景规划—素材准备—分别制作—整体整合

1、本实例网站结构规划

网站栏目：News、About、E-mail、Gallery、Cartoon、Animation

子栏目About：Feiyingis、Member、Relationship、ContactUs

红线部分构成主场景（舞台），每个子栏目在首页里仅保留名称，属性为按钮。

蓝线部分内容为次场景（演员），可以将次场景内容做在一个文件内，同时也可以做成若干个独立文件，根据需要导入到主场景（舞台）内。

2、首页场景index.swf的制作

全Flash网站由主场景、子场景、次子场景……构成。

和制作html网站类似，一般我们会制作一个主场景index.swf，主要内容包括：长宽比例、背景、栏目导航按钮、网站名称等“首页”信息。最后发布成一个html文件，或者自己做一个html页面，内容就是一个表格，里面写上index.swf的嵌入代码即可。

主场景安排：

蓝色线条部分为网站名称、版权等固定信息区，通常所在位置为Flash动画的边缘位置。

橙色线条内容为网站栏目导航按钮，通常也是固定在某个区域。按钮可以根据需要做成静态或动态效果，甚至可以做成一个包含MC变化的Button。

绿色线条部分为主场景导入子文件的演示区域。

在子文件的装载方面主要用到:LoadMovieNum、UnloadMovieNum两个控制函数，请参阅前文重要ActionScript代码控制。

这里我们以子栏目Cartoon的制作为例。主场景文件index中有一个按钮Cartoon，当我们点击Cartoon按钮时希望导入cartoon文件夹下的200208.swf文件。所以我们在场景内选择Cartoon按钮，添加Action代码：

on(release){

loadMovieNum("cartoon/200208.swf",1);

unloadMovieNum(2);

}

注意这里我们设置level为1。

3、次场景200208.swf的制作

现在确定Cartoon子栏目需要导入的文件200208.swf，该文件计划包含5个子文件。所以200208.swf文件的界面只包含用于导入5个独立子文件的5个图形按钮和一个标题。

200208.swf

从图上大家可以看到，200208.swf文件包含5个属性为button的小图标，分别为Bu_2_frog01到Bu_2_frog05。我们需要的效果是：点击它们则分别导入相应文件200208_frog01.swf到200208_frog05.swf文件。

我们在场景内选择Bu_2_frog01，为这个按钮添加ActionScript：

on(release){

loadMovieNum("cartoon/200208_frog01.swf",2);

}

点击Bu_2_frog02，为这个按钮添加ActionScript：

on(release){

loadMovieNum("cartoon/200208_frog02.swf",2);

}

……

依次将5个button分别设置好相对应的action以便调用相应的文件。

注意：这里我们设置level为2，是为了保留并区别主场景1而设置的导入的层次数，如果需要导入下一级的层数，则层数增加为3，依次类推。

4、二级次场景（200208_frog01～200208_frog05)制作

这里的二级次场景是与上级关联的内容，是本例中三级结构中的最后一级。该级主要为全Flash网站具体内容部分，可以是详细的图片、文字、动画内容。这里需要连接的是具体图片为内容，但同样需要做成与主场景比例同等的swf文件。例如：

200208_frog01

200208_frog02

该场景是最底层场景，为主体内容显示部分，具体动画效果大家可以根据需要做更深入。注意要在场景最后一帧处加入停止ActionScript代码:stop();这样可以停止场景动画的循环动作。

完整导入到主场景内的效果

5、About中的文本导入

查看本例的About子栏目，在文件index.fla里设置About按钮的action：

on(release){

loadMovieNum("aboutus.swf",1);

unloadMovieNum(2);

}

在aboutus.fla文件中做好显示文本的文本框，文本框属性设置为多行（Multiline）,Var:aboutus（注意这个变量名）。

为文本框所在的帧加ActionScript代码：

loadVariables("aboutus.txt","");

在aboutus.swf文件所属目录下编写一个纯文本文件about.txt，文本开头为“aboutus=”，“＝”后面写上正式的文本内容。

将文本文件完整导入到主场景内的效果

四、注意事项

1、注意所有子文件的长、宽属性

全Flash网站从画面层次来看，非常类似Photoshop的层结构，我们可以把每个子场景看做为一个层文件，子文件是在背景的长宽范围内出现。为了方便定位，我们可以让子文件与主场景保持统一的长宽比例，这样非常便于版面安排。否则就必须用setProperty语句小心控制它们的位置。

2、发布文件时注意将html选项发布为透明模式

需要将每个子文件发布为透明模式的原因是不能让子文件带有背景底色，由于子文件的长宽比例与主场景基本是一致的，如果子文件带有底色，就会遮盖主场景的内容。

设置方法：在发布设置里勾选html选项，在html面板里选择windowsmode:TransparentWindowless,如图。

3、使用文本导入时，注意文本文件开头的内容必须是“与文本框属性中Var定义名相同的字符串=正文”。另外需要导入文本的swf文件与被导入的txt文本文件最好在同一目录内。

4、注意仔细检查文件之间的调用是否正确，避免出现“死链接”

网页设计制作详细流程

分析如下：

1、首先下载安装Dreamweaver，打开后，新建一个网页，一般选择“HTML”建立网页。选择“经典”界面，有助于我们更便捷使用这个软件。

2、下面选择这三个界面，代码、拆分、设计，一般默认设计界面，对于新手这个功能具有可视化，能更好的制作网页。

3、下面我们来制作网站站点，在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件，并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件，不会丢失。注意文件命名要用英文。下面我用我建立的（篮球资讯网）来介绍，点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”，下面属性可以设置文本字体、添加超链接等等，点击页面属性，可以详细编辑文本属性。

7、网页基本就是文字和图片的组合，添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本，点击页面下方属性——链接——点文件小按钮——选中第一个网页，这样篮球资讯网文本变成蓝色。这是网站内部链接，相反就有外部链接。添加如图，一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页，点击网页中两个链接都能到达指定网页。

扩展资料：

网页设计

设计网站要注意两个要点：整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。

风格（Style）是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

网页配色小技巧：

1．用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感；

2．用两种色彩：先选定一种色彩，然后选择它的对比色；

3．用一个色系：简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内；

2．背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

参考资料：百度百科：设计

网页制作实例下载

网页制作三剑客经典实例158例 + PDG阅读器 V1.0b3 绿色版

由著名的多媒体软件公司Macromedia公司出品的、享有“网页制作三剑客”美誉的系列软件——中文版DreamWeaverMX、Firework MX和FlashMX，已经深刻地影响了人们制作网页、开发问站的工作方式。作为一个可视化的网页设计和网站管理工具，中文版DreamWeaverMX不仅支持最新的web技术，而且新增了许多强大的功能，极大地方便了用户的web创作。中文版Firework MX结合了位图处理软件Photoshop和矢量图处理软件CorelDRAW二者的优点，具有专业的网页图像优化功能，且能DreamWeaverMX天衣无缝地结合使其迅速成为流行的网页图像处理工具。利用中文版Firework MX，用户可以在一个专业化的环境中创建和编辑网页图形、进行动画处理、添加高级交互功能以及优化图像等。中文版FlashMX则是一款具有全新意义的网页动画制作软件，它提供了广泛的平台支持，不需要任何编程工作就能够制作出非常精彩的动画效果。中文版FlashMX具有简

单易学、开发效率高等特点，同时它生成的文件较小，特别适合于网络传输，因此在互联网上得到了十分广泛的应用。

本书共分四篇，包括158个经典实例，其中：

第一篇：中文版DreamWeaverMX实例。本篇通过40个实例讲解了中文版DreamWeaverMX的使用方法和技巧。读者通过这一篇的学习，可以对DreamWeaverMX有一个由浅入深的了解，定会对这一网页制作工具爱不释手。

第二篇：中文版Firework MX实例。本篇通过53个实例讲解了中文版Firework MX的使用方法和技巧。通过这些具体实例，能使广大读者迅速掌捏网页对象的制作与处理方法。

第三篇：中文版FlashMX实例。本篇通过如个实例讲解了中文版FlashMX的使用方法和技巧。读者完全可以按照本书中的操作步进行各种影片文件的具体制作，也可以将书中实例的制作技巧应用到其他场合。

第四篇；三剑客综合实例。本篇通过5个实例详细讲解了利用“网页制作三剑客”建设网站的思路和方法。通过综合实例的实战演练，相信读者的网页制作水平将会有质的提高。

本书将丰富的实例与相关的知识点紧密结合、语言通俗易懂、图文并茂，既可作为电脑网页制作培训班的教材，又可作为网页设爱好者的参考用书。本书由崔亚量主编，由于编者水平有限，疏漏和不足之处在所难免，恳请广大读者和专家批评指正。

具体内容：

第一篇 中文版DreamWeaverMX实例

经典第1例 文本编排

经典第2例 为文本创建超链接

经典第3例 图文混排

经典第4例 制作分隔线

经典第5例 插入和格式化表格

经典第6例 在页面中插入团片和动态按钮

经典第7例 为网页插入背景音乐

经典第8例 为图片创建热区

经典第9例 制作导航条

经典第10例 在贝面中使用框架

经典第11例 在页面中使用图层

经典第12例 制作和验证客户表单

经典第13例 变换图片效果

经典第14例 使用时间轴制作图层动面

经典第15 例 在页面中加入搜索引挚

经典第16例 制作Flash按钮和Flash文本

经典第17 例 插入Flash动画

经典第18例 使用“行为”面板

经典第19例 设置状态栏文本

经典第20例 制作下拉菜单

经典第21例 制作下拉菜单(二)

经典第22例 制作下捡菜单(三)

经典第23例 制作下拉菜单(四)

经典第24例 制作电子相册

经典第25例 CSS样式表(一)

经典第26例 CSS样式表(二)

经典第27例 CSS样式表(三)

经典第28例 制作外部祥式表

经典第29例 使用资源

经典第30例 制作库

经典第31例 制作授权

经典第32例 用模板

经典第33例 利用文件头实现网页自动刷新

经典第34例 使用JavaScript脚本制作树状菜单

经典第35例 使用JavaScript脚本制作时间显示

经典第36例 使用JavaScript脚本制作自动问候

经典第37例 使用JavaScript脚本制作图片随鼠标移动

经典第38例 使用JavaScript脚本制作页面裁入效果

经典第39例 站点的维护(一)

经典第40例 站点的维护(二)

第二篇 中文版Firework MX实例

经典第41例 编辑文字

经典第42例 文字环绕

经典第43例幼稚体

经典第44例水印字

经典第45例立体宇

经典第46例金届字

经典第47例浮雕字

经典第48例风格化文字

经典第49例幻影文字

经典第50例变形文字

经典第51例楼空文字

经典第52例闪烁文字

经典第53例镶边文字

经典第54例阴影文字

经典第55例旋转文字

经典第56例流动文字

经典第57例画像

经典第58例心形图案

经典第59例图形文字

经典第60例月牙

经典第61例立体阴影小球

经典第62例白云

经典第63例艺术相框

经典第64例邮票

经典第65例星光

经典第66例图片卷边效果

经典第67例简单按钮

经典第68例快速制作按钮

经典第69例胶囊式按钮

经典第70例星光技钮

经典第71例花瓣按钮

经典第72例按钮的热点链接

经典第73例利用按钮编辑器制作按钮

经典第74例文字移动

经典第75例文字曲线运动

经典第76例图片循环放映

经典第77例文字淡入淡出

经典第78例逐字显示动画

经典第79例礼花绽放动画

经典第80例电光掠影动画

经典第81例分身动画效果

经典第82例蒙版动画

经典第83例探照灯扫射效果

经典第84例晃动的文字

经典第85例转动的圆盘

经典第86例动态箭头

经典第87例晃动的木牌

经典第88例替换图

经典第89例自身翻转图

经典第90例简单动态按钮

经典第91例下拉菜单

经典第92例交互按钮

经典第93例交互网页

第三篇 中文版FlashMX实例

经典第94例直线运动的小球

经典第95例弹性球

经典第96例爆炸效果

经典第97例电影序幕

经典第98例文字的平面环绕效果

经典第99例旋转的风车

经典第100例残影效果

经典第101例放大镜效果

经典第102例雪花效果

经典第103例转动的透明球

经典第104例雷达扫描效果

经典第105例洋葱皮效果

经典第106例金鱼游动

经典第107例大雨(一)

经典第108例大雨(二)

经典第109例文字的缩放

经典第110例文字的淡入淡出

经典第111例图形问的变换

经典第112例打字机效果

经典第113例擦窗效果

经典第114例倒计时动画

经典第115例探照灯效果

经典第116例灯光照射效果

经典第117例螺旋效果

经典第118例旋转的三棱锥

经典第119例酷眩按钮

经典第120例缘来是我

经典第121例移形换影

经典第122例涟筋

经典第123例拖民文字

经典策124例蝶舞

经典第125例来点音乐吧

经典第126例音乐按钮

经典第127例中国足球

经典第128例交互性按钮

经典第129例加载动画

经典第130例鼠标施放效果

经典第131例动态URL按钮

经典第132例链盘控制小球移动

经典第133例弹出式菜单

经典第134例计数器

经典第135例一笔一划

经典第136例爆炸按钮

经典第137例输入输出文本

经典第138例下载进度条

经典第139例显示系统的时间

经典第140例随机运动的小球

经典第141例音量控制

经典第142例提交用户名和密码

经典第143例程序加载进度条

经典第144例狗抓老鼠

经典第145例遮罩效果

经典第146例文字效果

经典第147例自动跳开的台球

经典第148例随机数列

经典第149例获取键盘信息

经典第150例查询关键字

经典第151例奇钞的曲线

经典第152例组合图形

经典第153例阻尼跟随效果

第四篇 三剑客综合实例

实例154“北京风光”网站制作(一)

实例155“北京风光”网站制作(二)

实例156“北京风光”网站制作(三

实例157“青青心情”网站制作(一)

实例157“青青心情”网站制作(二)

下载地址

如何制作网页

一般都需要专门制作网页的软件，比如比较著名的 dreamweaver，和比较基础的Frontpage。如果你是初学者，最好选用Frontpage，因为网页制作不是三言两语可以说情的，所以建议你在网上找些教程或到书店买些参考书。最好学习语言类的知识作基础，比如VB是比较简单的，适合初学者学习。

]有免费的网页可以让你做，而且格式都帮你弄好了，你选择一下再按自己兴趣搞下就好，有兴趣去看看我的 xinyiji.anyp.cn

]制作网页所有指导：

]网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。

首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如： A href=""onFocus="if(this.blur)this.blur()"中国电脑教育报/a 网页刷新后再点击这个链接，是不是不显示虚线框了！OK，我们继续改造，再一步的工作是删除链接上的底线。在源代码的head标签后添加以下三句代码，即可使本页的链接的底线不显示：

style type="text/css"

A {text-decoration:none}

/style

保存后再打开网页，链接的表现形式是不是只是蓝色文字了！如果还不够，你还可以改变它的颜色，这个很容易实现：在链接文字前添加font color="#aa0000"这句代码即可使链接文字变成红色。

怎么制作网页

你这个问题问的范围比较大，怎么说呢？其实，做网页和做网站是两个不同的概念。

1．做网页只需要使用一种专门制作网页的工具，按照正确的语法规则，加入文字、图片及FLASH小样，组合在一起，保存后构成一个漂亮的网页文件。

2．而做网站，是在你已经在做好网页的前提下，通过正常的途径在网上申请你喜欢的域名及空间服务商，通过ISP商给你的用户名及密码，将你事先制作好的网页上传到你申请的空间，然后，通过你申请的域名，就可以访问到你自己做的主页了，当然你也可以先申请域名及空间，然后再制作网页，但是这样做，事必会让很多网友无法正常访问你的主页，因为这个时候你的主页还没有完全做好，而域名及空间一直闲置在那里。所以最好按照我前面所说的步骤一步一步做。

3．具体制作网页的方法，在这里不能说的很清楚，必竟这里只是回答一些常见的计算机问题。其实，网上也有很多书籍及教程，你可以下载后仔细学习一下，当然你也可以去书店买一本适合自己的图书，边学边练习，这样会更快的学会网页的制作。

最后，希望你很快能学会网页的制作方法，让大家都能看到你的杰作。简单的学习一下就可以了，只不过是过程繁锁而已。

十分全面，可阅读可播放。

网页制作实例教程100例教程下载。

《网页制作实例教程》源文件

怎么制作自己的网页？

初级前端

主要学习三个部分：HTML，CSS，JavaScript

一、html + css部分：

这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block，inline，层叠，样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。

二、JavaScript部分。

1.基础学习：

难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，第一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。

针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 1 1，中间是肆 二 8，最后面就是壹 四 二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。

2.jQuery学习：

这些基础知识掌握好之后，还需要学jQuery，这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作，消除了Javascript跨平台兼容问题，提供了大量实用方法，有良好的文档和帮助手册，是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。

大概流程就是这样，如下图所示：

3.进阶学习：

有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）。

中高级前端

1.工具学习习：大型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习的还有：包管理器bower、npm，代码优化CSS Lint、JSHint、JSLint，CSS预处理器less、sass,代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。

2.布局框架学习如Bootstrap。

3.新技术html5学习。

4.js框架学习，requireJS、 AngularJS等，往前端架构师靠近。

5.nodejs学习。

到招聘网站，参考任聘要求，准没错，举例如下：

1.精通html和css，能制作符合W3C标准的静态页面；

2.精通JavaScript编程，对面向对象编程思想有深刻理解；

3.精通主流Javascript库/框架jQuery；

4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验；

5.对浏览器兼容性有深入的研究，精通各种浏览器问题 ；

6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验；

7.了解等服务器后台技术和拥有一定的C#编程能力者优先；

8.对交互体验、可用性、用户体验有一定程度的理解；

9.有良好的责任心和团队合作能力、能承受较大的压力；

自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考。