第1章 初识.ppt

命名空间 Using XHTML with namespaces 类似于词典的功能，该词典通常存放在W3C服务器中，并供用户通过URL调用，其主要用于解释XHTML中标签的类型、属性以及使用规范。大部分浏览器为提高页面执行效率，会把一些常用的命名空间直接建立在本地计算机中。 XHTML标签书写规范 所有标签必须闭合 所有标签和属性必须小写 所有标签的属性必须使用引号 必须合理嵌套标签 所有属性必须被赋值 课堂练习 熟悉和使用Dreamweaver CS4软件 课后阅读和参考XHTML1.0手册 课后阅读和参考dreamweaver_cs4_help.pdf 创建第一个页面 * 第1章 初识Dreamweaver CS4 网络的兴起及快速发展，已经渗透到各行各业。尤其，促进商业网络化的发展，如改变了产品的销售方式，业务多渠道联系方式，加快信息的获取方式。诸如这些与网站离不开的，因为网站是发布这些信息的平台。 而在开发网站过程中，Dreamweaver可以以“所见即所得”的特点，快速创建网页，是组建网站和设计网页的专业工具。 本章学习要点： * Dreamweaver CS4 新增功能 Dreamweaver CS4工作环境 什么是网页 什么是网站 网站相关术语 了解XHTML 1.1 认识Dreamweaver CS4 * Dreamweaver CS4是Adobe公司发布最新的可视化网页设计工具，较Dreamweaver CS3而言发生较大的变化。尤其，其界面几乎是做了一次脱胎换骨的改进，从中看到了更多的设计元素。 1.1.1 Dreamweaver CS4新增功能 * 1．新增【实时】视图 【实时】视图与传统Dreamweaver设计视图的不同之处，在于它提供页面在某一浏览器中的非可编辑的、更逼真的呈现外观。 2．针对Ajax和JavaScript框架的代码提示 充分利用Dreamweaver CS4的扩展编码功能和集成包括jQuery、Prototype和Spry在内的流行JavaScript框架，可以快速编辑Ajax和JavaScript代码， * 3．新增“相关文件”功能 在Dreamweaver CS4中使用“相关文件”功能更有效地管理构成目前网页的各种文件。单击任何相关文件即可在【代码】视图中查看其源代码，在【设计】视图中查看父页面。 4．新增代码导航器 新增的“代码导航器”功能可显示影响当前选定内容的所有代码源，如CSS规则、服务器端包括、外部JavaScript功能、Dreamweaver模板和iframe源文件等。 * 5．InContext Editing InContext Editing是一种在线寄宿服务，允许用户在Web浏览器中对内容进行简单的更改。 6．CSS最佳做法 Dreamweaver CS4属性检查器可以使用户创建新的CSS规则，并对每个属性所适合的层叠样式提供简单明确的解释。 * 7．HTML数据集 在网页中集成动态数据，而无需另外学习掌握数据库和XML（可扩展标记语言）编码。 8．Photoshop智能对象 在Dreamweaver中插入任何Photoshop PSD图像时，即可创建一个图像智能对象。 * 9．Subversion集成 Dreamweaver CS4集成了Subversion软件（开源的版本控制系统），以提供更为可靠的存回/取出体验。 10．新的用户界面 使用共享的用户界面设计可以在Creative Suite组件中更加快速智能地工作。 1.1.2 Dreamweaver CS4工作环境 * 启动软件后，会弹出窗口及【欢迎屏幕】对话框。用于打开最近使用过的文档或创建新文档。其中有3个栏目，分别是【打开最近的项目】、【新建】和【从模板创建】。在三个栏中单击任意一个栏中的文字和图标，即可打开相应的窗口。 1.2 认识网页和网站 很多用户都知道，在网络空间中遨游时，是离不开网站的。而Dreamweaver软件也是用来制作网页与开发网站的工具。 * 1.2.1 什么是网站 网站(Website)是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 * 1.2.2 什