dreamweaver mx讲义

《dreamweaver mx讲义》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、目录第1章网页制作基础第2章DreamweaverMX入门第3章网页的布局和定位第4章第5章第6章第7章第1章网页制作基础1.1什么是网页与网站学习目标◆了解什么是网页、什么是网站，网页和网站的关系◆了解网页的种类和网页的基本元素◆了解什么是HTML语言以及HTML语言的格式◆学会使用记事本编写源代码的方式来制作一些简单的网页◆学会用源代码方式编写跑马灯效果使用浏览器在Internet上浏览各类网站和网页，已经成为人们通过Internet了解社会的一种重要手段。但什么是网页，什么是网站呢，网页与网站又有什么关系？这就是本节要讲解的内容。1.1.1什么是网页网页是WWW中的基本文档，是用H

2、TML（超文本标记语言）或其他语言（JavaScript、VBScript、ASP）编写的文档，该文档可以用WWW的方式在网上传播，并被浏览器识别、翻译成Web页面形式显示出来。现在的网页一般分为两大类：一类是静态网页（扩展名为htm、html等）；另一类是动态网页（扩展名为asp、aspx、jsp等）。提示：静态网页与动态网页的区别在于网页是否具有应用程序解释器和后台数据库支持，而不是指网页是否有动态效果。使用了应用程序解释器和后台数据库的称为动态网页，反之为静态网页。不管是静态网页还是动态网页，网页一般包含以下几种基本元素：（1）文本文本是网页最基本的元素，网页上大量的内容都是用文字

3、来表达的，而且由于文字所占的空间非常小，下载速度非常快，所以在网页中应用非常广泛。网页上的文字可以有大小、字体、颜色以及各种不同的格式变化，灵活地运用这种变化可以使网页看起来生动活泼。另外还可以编写一些脚本语言，使网页上具有各种各样的动态效果。（2）图像图像是网页中必不可少的另一种元素。图像能给人更为强烈的视觉冲击，产生更深的印象。图像不仅可以直接表达信息，而且还能起到装饰和美化网页的作用。在网页里经常使用的图像格式有GIF和JPEG两种。GIF采用无损压缩的方式，图像没有细节上的损失，并且解压打开的速度非常快。同时GIF图像还支持透明背景，放在网页中能够和网页背景很好地融合，结合得像一

4、个整体，视觉效果非常协调。另外，GIF还支持动态效果，使网页效果更为生动。但GIF最多支持256种颜色，不适合照片、风景画等颜色丰富的素材的压缩。JPEG使用先进的压缩算法，使文件比GIF格式的图像文件小，因而下载速度更快。JPEG支持高达1670万种颜色，非常适于存储颜色丰富的画面，如风景画、照片等。（3）多媒体元素网页中的多媒体元素有许多种，常用的有三种：音频、视频和动画。常用的音频文件格式有声音文件WAV和MIDI音乐文件；常用的视频格式有RM、AVI、WMV等格式；常用的动画文件有FLASH动画（SWF格式）和GIF格式。如果一些多媒体要素要在网页上显示、播放、需要安装相应插件才

5、行。（1）超链接超链接是网页中最具特色的功能。为了实现在网页之间自由地跳转，可以在网页上的文字或图像中加入目标网页或网站的地址，这就生成了一个超链接。当用户在浏览网页的时候，鼠标经过有超链接的地方时，光标就会变为小手的形状，这时单击鼠标，浏览器就会打开超链接所指向的网页。超链接使网页与网页、网站与网站之间相互成为一个有机的整体，用户只需点击鼠标就可以轻松地转到所需要浏览的网页上。（2）脚本语言（Script）脚本程序使用于扩充网页功能而能在网页上直接解释的程序语言，常用的有显示访问的时间、让文字在屏幕上滚动等。1.1.2什么是网站简单地说，网站就是许多相关网页有机结合而形成的一个信息服务

6、中心。网站的设计者将要提供的内容和服务制作成许多个网页，并且经过组织规划，让网页互相链接，然后把相关的文件存放在Web服务器上。只要用户连接Internet，就可以使用浏览器访问到这些信息。这样一个完整的结构就称为“网站”，又常被称为“站点”。现在的往回走哪不仅可以向用户发布信息，而且还为用户提供各种各样的网络服务，如电子邮件服务、资源下载、域名服务和主页空间服务等。一个网站一般都有一个首页，常称为主页，指的是用户在浏览器地址栏里输入网址后网站自动打开的默认页面。而且网站的其他页面都会通过超链接与这个主页相连，这些页面通常称为子页面。用户要访问感兴趣的子页面，只要单击主页上相应的超链接就

7、可以了。提示：①首页的主名一般定义为index或Default，如果首页类型是静态网页，那么首页名称一般为index.htm或Default.htm；如果首页是动态网页类型并是用ASP语言编写的，那么首页名称为index.asp或Default.asp。②主页是用户访问该网站时第一眼所看到的页面，所以主页的设计至关重要。主页既要表达出站点的风格、内容、又要美观醒目、吸引用户的注意力。1.1.3HTML语言简介HTML是Hyperte