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

《网页设计与制作 第2版 项目教学 教学课件 作者 王君学 古淑强 项目一 认识Dreamweaver 8-.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页设计与制作老虎工作室2012年12月项目一认识Dreamweaver8任务一Dreamweaver基础任务二认识网页制作工具任务三制作“人生”网页实训制作“经典摘要”网页本项目主要是让读者对网页制作软件Dreamweaver8有一个总体认识。首先了解一些与网络和网页有关的基本概念和知识，然后了解常用网页制作工具以及Dreamweaver的发展历程、基本功能和作用，最后通过制作一个简单的网页来认识Dreamweaver8的工作界面。任务一Dreamweaver基础（一）基本概念（二）HTML基础InternetWWWHTTPURLHTMLXHTMLCSS（一）

2、基本概念FTPE-mailTCP/IP域名W3C3G和3G网络三网融合1、HTML文档的基本结构Inspireageneration，翻译中文为：激励一代人。（二）HTML基础2、HTML的一些常用标记

…

3、使用HTML语言控制字体、字号和颜色，还可以增强文本的修饰效果。本章所介绍的HTML标记主要是针对HTML4.0，目前最新的HTML5.0与之前的版本有较大的差别，读者可以自行研究。任务二认识网页制作工具（一）了解网页制作工具（二）了解Dreamweaver（一）了解网页制作工具按工作方式不同，通常可以将网页制作软件分为两类，一类是所见即所得式的网页编辑软件，如Dreamweaver、FrontPage、VisualStudio等，另一类是直接编写HTML源代码的软件，如Hotdog、Editplus、HomeSite等，也可以直接使用所熟悉的文字编辑器来编写源

4、代码，如记事本、写字板等，但要保存成网页格式的文件。由于网页元素的多样化，要想制作出精致美观、丰富生动的网页，单纯依靠一种软件是不行的，往往需要多种软件的互相配合，如网页制作软件Dreamweaver，图像处理软件Photoshop或Fireworks，动画创作软件Flash等。作为一般网页制作人员，掌握这3种类型的软件，就可以制作出精美的网页。1、概况Dreamweaver是美国Macromedia公司于1997年发布的集网页制作和网站管理于一身的所见即所得式的网页编辑器。2002年5月，Macromedia发布DreamweaverMX，Dreamweave

5、r一跃成为专业级别的开发工具。2003年9月，Macromedia发布DreamweaverMX2004，提供了对CSS的支持，促进了网页专业人员对CSS的普遍采用。2005年8月，Macromedia发布Dreamweaver8，加强了对XML和CSS的技术支持，并简化了工作流程。2005年底，Macromedia公司被Adobe公司并购，自此，Dreamweaver就归Adobe公司所有。2007年7月，Adobe公司发布DreamweaverCS3。2008年9月发布DreamweaverCS4。2010年4月发布DreamweaverCS5。2011年4

6、月发布DreamweaverCS5.5。（二）了解Dreamweaver2、优点Dreamweaver是著名的网站开发工具，它使用所见即所得的接口，亦有HTML编辑的功能，可以让设计师轻而易举地制作出跨越平台和浏览器限制的充满动感的网页。对于初学者来说，Deamweaver的可视化效果让用户比较容易入门，而且利用Deamweaver8可以比较容易地制作交互式网页，很容易链接到Access、SQLServer等数据库。Dreamweaver集建立站点、布局网页、开发应用程序、编辑代码和发布网站等功能于一体，可以轻松地完成网站开发的所有工作。（二）了解Dreamwe

7、aver任务三制作“人生”网页（一）定义站点（二）创建和保存文件（三）设置文本属性（四）保存和管理工作区布局（一）定义站点需要掌握的内容主要有：1、【起始页】对话框的构成和作用2、定义静态站点的基本过程1、【起始页】对话框的构成和作用其中有三项列表：【打开最近项目】、【创建新项目】和【从范例创建】。2、定义静态站点的基本过程(二）创建和保存文件需要掌握的内容主要有：1、创建文件的方法2、保存文件的方法3、Dreamweaver8窗口界面4、浮动面板组5、【标准】工具栏6、【文件】面板1、创建文件的方法在【起始页】对话框创建文件的基本方法是，单击【创建新项目】／【

8、HTML】命令，创建一个