《ASPN(北京理工大学出版)项目二HTML网编程基础.pptVIP

任务三使用样式表（CSS）来美化网页 （7）单击【浏览】按钮，在D:\website目录中选择cssTest.css即可，出现图2-36所示椭圆内的代码。 【背景知识】 1996年底的时候悄悄诞生了一种叫做样式表（stylesheets）的技术。它向世人保证：将对布局、字体、颜色、背景和其他文图效果实现更加精确的控制。只通过修改一个文件就改变页数不计的网页的外观和格式。能在所有浏览器和平台之间实现兼容。实际上除了还不能全面支持常用的大多数浏览器之外，CSS在实现其他承诺方面做得相当出色。现在，先来了解样式表能做什么。 下一页 返回 上一页 第三十页，共六十六页。 任务三使用样式表（CSS）来美化网页 CSS样式表有什么特别之处?简而言之,它能做以下事情。 ①用户可以将格式和结构分离； ②用户可以以前所未有的能力控制页面布局； ③用户可以制作体积更小下载更快的网页； ④用户可以将许多网页同时更新，比以前更好、更快、更容易； ⑤浏览器将成为更友好的界面。 利用CSS样式表可以将格式和结构分离。 利用CSS样式表使用户可以以前所未有的能力控制页面的布局。 利用CSS样式表使用户可以制作出体积更小下载更快的网页。 利用CSS样式表使用户可以更好、更快、更容易地维护及更新大量的网页。 返回 上一页 第三十一页，共六十六页。 表2-1常用标记及属性的英文识记 返回 第三十二页，共六十六页。 图2-2新建文本文档.txt 返回 第三十三页，共六十六页。 图2-3 index.htm 返回 第三十四页，共六十六页。 图2-4“记事本”命令 返回 第三十五页，共六十六页。 图2-5程序运行效果 返回 第三十六页，共六十六页。 图2-6 Unitiled-1页面 返回 第三十七页，共六十六页。 图2-7运行结果 返回 第三十八页，共六十六页。 图2-8“管理”命令 返回 下一页 第三十九页，共六十六页。 图2-9选择【Internet信息服务】命令 返回 下一页 上一页 第四十页，共六十六页。 图2-10选择【虚拟目录】命令 返回 上一页 第四十一页，共六十六页。 图2-11设置别名 返回 第四十二页，共六十六页。 图2-12选择目录路径 返回 第四十三页，共六十六页。 图2-13显示页面 返回 第四十四页，共六十六页。 图2-14“高级”选项卡 返回 第四十五页，共六十六页。 图2-15设置本地信息 返回 第四十六页，共六十六页。 图2-16设置远程信息 返回 第四十七页，共六十六页。 项目二HTML网页编程基础 任务一使用HTML语言来制作网页 任务二在网页中应用JavaScript 任务三使用样式表（CSS）来美化网页 第一页，共六十六页。 任务一使用HTML语言来制作网页 【任务要点】 1.使用记事本来制作HTML网页 2.使用DreamWeaver来制作HTML网页 【案例1】使用记事本来制作HTML网页 【具体步骤】（在Windows XP中完成） （1）双击【我的电脑】图标，选择【工具】→【文件夹选项】命令，从弹出的对话框中打开【查看】选项卡，取消选中【隐藏已知文件类型的扩展名】复选框，再单击【确定】按钮，即可将所有文件的扩展名显示出来。 下一页 返回 第二页，共六十六页。 任务一使用HTML语言来制作网页 （2）在【桌面】上右击，在弹出的快捷菜单中选择【新建】→【文本文档】命令，此时会在桌面上出现“新建文本文档.txt”文件，如图2-2所示，将文件名改为“index.htm”。图标会马上改为图2-3所示的样式。 （3）在“index.htm”上右击，在弹出的快捷菜单中选择【打开方式】→【记事本】命令，使用记事本来编缉代码文本，如图2-4所示。 （4）在打开的记事本中，输入以下代码： htmlhead title网页标题/title/head body 这是我的第一个主页 /body /html 下一页 返回 上一页 第三页，共六十六页。 任务一使用HTML语言来制作网页 要浏览这个index.htm文件，只需在桌面上双击它，或者打开浏览器，选择【File】→【Open】命令，然后选择这个文件就行了。效果如图2-5所示。 【案例2】使用DreamWeaver来制作HTML网页 【具体步骤】（在DreamWeaver 8中完成） （1）在D盘根目录下建立文件夹并命名为website（网站）。 （2）打开DreamWeaver，选择【文件】→【新建】→【基本页】→【HTML】→【创建】命令，将出现Unitiled-1（未命名1）的页面，如图2-6所示。 下一页 返回 上一页 第四页，共六十六页。 任务一使用HTML语言来制作网页 （3）选择【文件】→【保存