课件：《网页设计与制作》教学.pptVIP

标签可以有属性，赋值的时候用“=”，多个属性中间用空格隔开 属性要写在开始标签里，并且标签符号和中间不可以有空格，如 img是错误的 结束的标签一定要加“/” * 12.body标签常见属性介绍 bgcolor属性：用于设置HTML网页的背景颜色，例如，body bgcolor= #FF0000表示背景颜色设置为红色。 background属性：用于设置HTML网页的背景图片，例如，body background= tu.jpg表示将图片tu.jpg设置为HTML网页的背景。 * text属性：用于设置HTML网页的文本颜色。使用text定义的颜色将应用于整篇文档。例如，body text= #FF0000表示文本颜色设置为红色。 link、alink、vlink属性：用于分别设置普通超链接、当前活动的超链接、已访问的超链接文本的颜色。例如，body link= #ccddee vlink=#ff3366 alink=#66cc77 * topmargin、leftmargin属性：用于设置网页主体内容与网页顶端、左端的距离。例如，body topmargin=0 leftmargin=2。 上机作业：完成 作业1.txt 中的操作 * 13. Dreamweaver CS4简介 打开方法 起始页 工作界面介绍 上机作业：完成 作业2.txt 中的操作 * 14.创建和管理本地站点 站点目录结构 站点创建过程 站点管理操作 上机作业：完成 作业3.txt 中的操作 * 站点文件夹 index.html images flash sound 站点目录结构 * * * - * k * - * k * 第1章 网页设计与制作基础 * 1.什么是网页？ 浏览Web时所看到的文件称为Web页，又称为网页。网页可以将不同类型的多媒体信息（包括文字、图像、动画、声音、视频等）组合在一个文档中。由于这些文档是用超文本标记语言表示的，其文件名一般是以.html或.htm结尾，因此又称为HTML文档或超文本。 * 2.什么是主页？ 当我们浏览网站时看到的第一个页面。它是整个站点的入口和门面，通常这样命名：index.html。 * 3.什么是超文本？ 包含文字、图像、视频、声音等媒体的文本，网页就是一个超文本文件，并且可以实现链接操作。 超文本可以给浏览者带来视觉和听觉的享受，所以Web技术又称为超媒体技术。 * 注意 在网页上点击鼠标右键，选择“查看源文件”，就能很清楚地看到网页的代码结构。用户可以使用记事本对网页中的文字、图片、表格、多媒体等页面内容进行编辑，并通过标记语言HTML对这些元素进行描述和控制，最后由浏览器对这些标记进行解释并生成最终呈现在用户眼前丰富多彩的网页。 * 4.什么是网站？ 根据提供服务的不同，通常把提供网页服务的服务器称为Web服务器，相关网站称为Web站点。一个Web站点由一个或多个Web页组成，这些Web页相互连接在一起，存放在Web服务器上，以供浏览者访问。 网站是提供各种信息和服务的基地，如用户熟悉的搜狐、新浪、雅虎等。网站是由很多网页链接在一起组成的。用户浏览到一个网站时看到的第一个页面叫做主页。从主页出发，可以访问到本网站的每一个页面，也可以链接到其他网站，方便地共享网站资源。 * 注意 网站由若干网页组合而成。实质上就是一个文件夹，用来存放站点相关信息资源的文件夹。 * 5.网页基本元素有哪些？都有什么作用？设计的时候要注意什么？ 网页包括的主要元素有：文本、图像、动画、导航栏、超链接、表格、表单等。 * 文本是人类最重要的信息载体和交流工具，网页的主体一般以文本为主。制作网页时，可以根据需要设置文本的字体、字号、颜色、样式等属性，风格独特的网页文本设置会给浏览者赏心悦目的感觉。 ?提示：在网页中应用了某种字体样式后，如果浏览者的计算机中没有安装该种样式的字体，字体就以计算机系统默认的字体显示出来，此时就无法显示出网页的效果了。 * 图像在网页中可以起到提供信息、展示作品、美化网页以及体现风格等功效。图像可以用作网页的标题、网站Logo、网页背景、链接按钮、导航栏、网页主图等。图像给人的视觉效果要比文字强烈得多，在网页中灵活应用图像可以起到点缀的效果。虽然图像在网页中不可或缺，但也不能太多，因为图像的下载速度较慢，而且网页上如果放置了过多的图片，会显得很乱，有喧宾夺主之势。 网页上的图像文件大部分都是使用JPG和GIF格式，因为，它们除了具有压缩比例高外，还具有跨平台特性。 * 动画是网页上最活跃的元素，通常制作优秀、创意出众的动画是吸引浏览者的最有效的方法。如果网页中存有太多的动画，会使浏览者眼花缭乱，无心细看。所以，对动画制作