Dreamweaver第1章基础.pptVIP

本章要点 了解关于网页的基本概念 认识构成网页的常用元素 了解网页的常见布局 学会使用Dreamweaver创建网页 在Dreamweaver中管理站点资源 认识Dreamweaver的一些独特功能 ;网页是用于在Web浏览器中打开的一种文件，它能够任意包含丰富的文字、图片，以及动画。 伴随互联网的发展，网页被大量使用。人们在浏览器中输入网址，各种信息便通过网页呈现出来，其应用包括实时新闻与个人博客、电子邮件和网上办公、在线社区及网页游戏等等。 ;网页的本质并不复杂，事实上，它与普通文本文档的区别并不大。在IE浏览器中打开网页后，选择工具栏上的【页面】|【查看源文件】命令，就能够在记事本中了解网页的原始风貌。;互联网将世界各地的资源整合在了一起。要查看新闻或是下载文件时，人们并不需要知道这些信息存放在地球的哪一台计算机上。要访问它们时，只需打开Web浏览器，然后键入正确的地址就可以了。 以Windows系统自带的IE浏览器为例，双击桌面上的IE图标，在打开的浏览器地址栏中输入“”并回车，就能查看雅虎网站首页。而这一串字符，便是网站的域名。显示于地址栏中的字符串将会在前方添加“http://”字样，它与后面的内容一起，构成了该网站在互联网上的唯一标识。 网站是互联网上的一个信息集中地，它里面包含了大量的网页、图片，以及其他任意格式的文件。网站需要存储在特定的计算机上，当有浏览器请求访问它里面的不同内容时，网站中的资源便会显示出来。至于如何处理来自世界各地的请求，则交由Web服务器完成。 ; Web服务器是一种特殊的应用程序，不同的浏览器请求访问网站时，Web服务器负责取出合适的内容以返回给它们。 常见的Web服务器有Apache、Tomcat、IIS、GlassFish等。IIS即“Internet Information Services”，由Microsoft提供。 需要开启IIS功能时，单击【开始】按钮并选择【控制面板】命令，在打开的窗口中依次单击【程序】|【打开或关闭Windows功能】链接，在弹出的【Windows功能】对话框中勾选【Internet信息服务】复选框，然后单击【确定】按钮就可以了。 ; 来看看IIS 7的管理台界面与在IE中显示的默认站点首页。 ;现在为当前站点添加新的目录。回到IIS管理窗口后右击默认网站名称，从弹出的快捷菜单中选择【添加虚拟目录】命令。在弹出的对话框中输入该目录的别名——这将显示在浏览器地址栏中。在【物理路径】栏中输入网站内容所在的磁盘目录并确定。 ;能被浏览器直接识别和显示的是HTML文件，其扩展名通常为“.htm”或“.html”，由于其内容不会变化，也称之为静态网页。HTML文件能够被任何文本编辑器编辑修改，它的典型结构是由多个标签组织起来的文本。下图显示的是由记事本创建的简单HTML文件。;为了让网页在尽可能多的浏览器中看起来一致，早期的方法是使用表格来布局。这固然是十分天才的方法，却也让表格担负起原本不属于它的任务。为了精确定位网页上的元素，人们不得不使用多层嵌套的表格，这不仅使得HTML源文件十分臃肿，也让整个页面的结构显得混乱。 HTML标签中也提供了许多对文本样式进行更改的标签，比如font、center、strike等，当网页包含大量内容时，这些标签会被埋藏在很深的HTML源代码中。而如果要修改大量网页的样式，逐一寻找和更改它们简直就是一场灾难。 为解决此问题，人们提出了CSS，这样HTML就只需要关注如何组织好网页中的内容，因为无论是布局安排还是版式设计，CSS都能够担当起大任。再加上运行于Web浏览器上的脚本语言JavaScript，这样就形成了结构、表现与行为分离的良好理念。 ;使用记事本打开之前保存的网页文件，在style/style标签对中加入一段CSS代码，然后保存并查看页面。;Dreamweaver不仅提供了编辑和管理HTML与CSS的工具，能够让设计与开发人员快速构建优秀的网页，还具备了强大的站点管理功能，方便统一管理整个站点中的资源，此处的版本为CS4，这里使用默认的设计器布局。 ;考虑到网页最终仍需要在访问者的浏览器中查看，设计页面时应当充分考虑它在不同种类、不同版本的浏览器，甚至不同设备（如手机）上的表现。虽然Dreamweaver提供了全面的浏览器兼容性测试功能，但了解网页实际表现最简单的方法，仍是直接在Web浏览器中进行查看。这里出场的是IE 7和Firefox 3。; Dreamweaver这一“梦想编织者”的安装与使用方式当与操作系统中其他常见的应用软件没有差别，这里来了解一下它的基本操作。 软件启动后，会在主窗口会显示欢迎屏幕，列出了一些常见的任务。由于此时并未打开或创建任务文件，许多菜单项、工具栏命令和面板都不可用。单击【欢迎】面板