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

网页设计与制作;项目一 认识Dreamweaver 8;本项目主要是让读者对网页制作软件Dreamweaver 8有一个总体认识。首先了解一些与网络和网页有关的基本概念和知识，然后了解常用网页制作工具以及Dreamweaver的发展历程、基本功能和作用，最后通过制作一个简单的网页来认识Dreamweaver 8的工作界面。; ;任务一 Dreamweaver基础;Internet WWW HTTP URL HTML XHTML CSS;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与之前的版本有较大的差别，读者可以自行研究。 ;任务二 认识网页制作工具;（一）了解网页制作工具;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。 ;2、优点 Dreamweaver是著名的网站开发工具，它使用所见即所得的接口，亦有HTML编辑的功能，可以让设计师轻而易举地制作出跨越平台和浏览器限制的充满动感的网页。 对于初学者来说，Deamweaver的可视化效果让用户比较容易入门，而且利用Deamweaver 8可以比较容易地制作交互式网页，很容易链接到Access、SQL Server等数据库。 Dreamweaver集建立站点、布局网页、开发应用程序、编辑代码和发布网站等功能于一体，可以轻松地完成网站开发的所有工作 。;任务三 制作“人生”网页 ;（一） 定义站点;1、【起始页】对话框的构成和作用;2、定义静态站点的基本过程;(二） 创建和保存文件;1、创建文件的方法;2、保存文件的方法;3、Dreamweaver 8 窗口界面;4、浮动面板组;5、【标准】工具栏;6、【文件】面板;（三） 设置文本属性;1、【文档】工具栏;2、【属性】面板;3、【插入】面板;4、水平线及其属性设置;（四） 保存和管理工作区布局;实训 制作“经典摘要”网页 ;项目小结