网页设计与制作 第2版 项目教学 作者 王君学 古淑强 项目一 认识Dreamweaver 8-.pptVIP

网页设计与制作 项目一 认识Dreamweaver 8 本项目主要是让读者对网页制作软件Dreamweaver 8有一个总体认识。首先了解一些与网络和网页有关的基本概念和知识，然后了解常用网页制作工具以及Dreamweaver的发展历程、基本功能和作用，最后通过制作一个简单的网页来认识Dreamweaver 8的工作界面。 任务一 Dreamweaver基础 （一）基本概念 （二）HTML基础 （一）基本概念 Internet WWW HTTP URL HTML XHTML CSS （二）HTML基础 1、HTML文档的基本结构 html head title2012伦敦奥运会口号/title /head body Inspire a generation，翻译中文为：激励一代人。 /body /html 2、HTML的一些常用标记 p…/p、hn…/hn（其中下标n的取值范围为1~6）、br、hr、img、table…/table等HTML标记，它们所定义的文本、水平线、图像、表格等将会在浏览器中显示出来。 在网页中显示的文本可以使用HTML语言控制字体、字号和颜色，还可以增强文本的修饰效果。 本章所介绍的HTML标记主要是针对HTML 4.0，目前最新的HTML 5.0与之前的版本有较大的差别，读者可以自行研究。 任务二 认识网页制作工具 （一）了解网页制作工具 （二）了解Dreamweaver （一）了解网页制作工具 按工作方式不同，通常可以将网页制作软件分为两类，一类是所见即所得式的网页编辑软件，如Dreamweaver、FrontPage、Visual Studio等，另一类是直接编写HTML源代码的软件，如Hotdog、Editplus、HomeSite等，也可以直接使用所熟悉的文字编辑器来编写源代码，如记事本、写字板等，但要保存成网页格式的文件。 由于网页元素的多样化，要想制作出精致美观、丰富生动的网页，单纯依靠一种软件是不行的，往往需要多种软件的互相配合，如网页制作软件Dreamweaver，图像处理软件Photoshop或Fireworks，动画创作软件Flash等。作为一般网页制作人员，掌握这3种类型的软件，就可以制作出精美的网页。 （二）了解Dreamweaver 1、概况 Dreamweaver是美国Macromedia公司于1997年发布的集网页制作和网站管理于一身的所见即所得式的网页编辑器。 2002年5月，Macromedia发布Dreamweaver MX，Dreamweaver一跃成为专业级别的开发工具。 2003年9月，Macromedia发布Dreamweaver MX 2004，提供了对CSS的支持，促进了网页专业人员对CSS的普遍采用。 2005年8月，Macromedia发布Dreamweaver 8，加强了对XML和CSS的技术支持，并简化了工作流程。 2005年底，Macromedia公司被Adobe公司并购，自此，Dreamweaver就归Adobe公司所有。 2007年7月，Adobe公司发布Dreamweaver CS3。 2008年9月发布Dreamweaver CS4。 2010年4月发布Dreamweaver CS5。 2011年4月发布Dreamweaver CS5.5。 （二）了解Dreamweaver 2、优点 Dreamweaver是著名的网站开发工具，它使用所见即所得的接口，亦有HTML编辑的功能，可以让设计师轻而易举地制作出跨越平台和浏览器限制的充满动感的网页。 对于初学者来说，Deamweaver的可视化效果让用户比较容易入门，而且利用Deamweaver 8可以比较容易地制作交互式网页，很容易链接到Access、SQL Server等数据库。 Dreamweaver集建立站点、布局网页、开发应用程序、编辑代码和发布网站等功能于一体，可以轻松地完成网站开发的所有工作 。 任务三 制作“人生”网页 （一） 定义站点 （二） 创建和保存文件 （三） 设置文本属性 （四） 保存和管理工作区布局 （一） 定义站点 需要掌握的内容主要有： 1、【起始页】对话框的构成和作用 2、定义静态站点的基本过程 1、【起始页】对话框的构成和作用 其中有三项列表：【打开最近项目】、【创建新项目】和【从范例创建】。 2、定义静态站点的基本过程 (二） 创建和保存文件 需要掌握的内容主要有： 1、创建文件的方法 2、保存文件的方法 3、Drea