Dreamweaver 8项目开发教程-全套PPT课件.pptx

项目一 制作第一个网页配合《Dreamweaver 8项目开发教程》使用 情 境 设 置 对于同学们来说，网络并不陌生了，请同学们欣赏几个有特色的网站，如新浪，网易等，在大家兴奋之余，希望同学们也能设计出这样的网站，所以，大家仅仅有兴趣是不够的，还要认真学习。 项 目 展 示本项目完成后的大体效果如下。（不要求大家做的和样张完全一样，但要尽量模仿） 项 目 目 标能正确描述网页的概念能掌握网页的基本构成要素 项 目 分 析具体工作任务：1.初步认识Dreamweaver8的工作环境2. 制作第一个网页 实 施 步 骤步骤一：新建空白页面步骤二：保存网页文件步骤三：输入网页标题步骤四：输入文本步骤五：插入图像步骤六：再次保存网页步骤七：预览最终效果 知 识 链 接一、网页的基本概念1.Internet Internet翻译成中文叫做因特网，准确的描述是 Internet是一个网络的网络(a network of network），我们通常所说在家中上网，其实将是将你的计算机连入Internet 。2.WWWWWW是World Wide Web的缩写，即“万维网”，也叫做Web。 Internet与WWW之间的关系：WWW只是Internet众多功能中的一种。 知 识 链 接4.网站 网站实际上是若干相关网页的集合，这些网页通过超链接的形式连接在一起，网站又称作Web站点。 3.网页 网页是WWW中最基本的电子文档。网页本质上是由HTML语言编写的一种文本文件。通常的网页文件都是以htm或html后缀结尾的文件，俗 称HTML文件。 HTML的意思则是 “Hyper Text Markup Language”， 翻译为“超文本标记语言”。 后面会具体学习 网页分为静态网页和动态网页。 知 识 链 接5.网页的工作原理 知 识 链 接二、网页的基本构成要素1.文本2.图片3.动画4.声音和视频5.超链接6.表格7.表单8.其它元素 知 识 拓 展项目展示 知 识 拓 展制作要点提示1.新建并保存网页2.输入文本3.插入图片4.再次保存文件5.预览最终效果 小 结 本项目中主要介绍了网页制作的基础知识，包括网页的一些基本概念、相关术语和主要元素，以及网页的工作原理等。 项目二 创建一个站点配合《Dreamweaver 8项目开发教程》使用 情 境 设 置 通过前面的学习，同学们已经知道什么是站点了，那么我们在真正进入学习制作网站前，先要学习一下如何管理我们的站点，以便于在制作时，能够事半功倍，得心应手，Dreamweaver中也是通过站点这一概念来实现网页开发中各种资源的管理。借助于Dreamweaver的站点管理，可以方便的建立，移动，删除站点内的文件或文件夹，不用担心文件由于移动或删除而出现的一些负面影响。可以轻松实现图像插入，超链链接的建立等等。 项 目 目 标能熟悉Dreamweaver 8的工作界面能熟练创建和编辑站点 项 目 分 析具体工作任务：操作Dreamweaver 8的用户界面建立本地站点编辑本地站点在站点中建立相关文件夹和页面 实 施 步 骤步骤一：创建一个本地新站点根据【站点定义向导】逐步完成。这里需要说明的是站点在计算机上的存放位置，大家可以根据自己机器的实际情况，将站点的保存位置设置为机器中的某个磁盘分区里。本例中即为将站点存放在E盘里的myweb文件中，系统会自动在E盘下创建这个文件夹，并将该文件夹作为站点的根本件夹。站点中所有的网页或素材等资源将会保存在该文件夹下。 实 施 步 骤步骤二：编辑已经存在站点。若建立好的站点想要修改其某些属性，比如修干站点的存放位置，或者修改站点名称等等。则可以随时修改，本步骤就是教给大家如何完成修改。步骤三：创建文件夹。在站点的根本件夹中可以创建若干子文件夹。我们要建设一个完整、成功的网站，其中必然要包含很多内容，如：网页文件、图片文件、声音文件、动画文件等等。为了方便开发者分类管理、维护这些文件，使得站点中各类文件的存放有条理性、结构性，可以通过在站点根文件夹中建立若干子文件夹的形式，对各种类型的文件分类保存管理，如：建立images文件夹来存放图片文件；建立music文件夹来存放声音文件等等。当然也可以按照其他方法分类进行保存管理 。 实 施 步 骤步骤四：创建网页文件。在站点的根本件夹中创建一个空白页面并命名，本例中重新将网页文件命名为index.html，该名称在站点中一般作