[用Dreamweaver制作网页.ppt

一、网页构思、素材准备 首页的设计 页面属性的设置 Dreamweaver网页制作 学 习 教 程 2011年8月23日 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 用Dreamweaver 制作网页 网页构思、素材准备 2. 网页制作软件简介 3. 建立网页文件夹 4. 新建站点 5. 用表格布局网页 6. 文字的输入 7. 在网页中使用图像 8. 图文混排 9. Flash动画的插入 声音背景音乐 视频的插入 12. 网页间的链接 13. Css样式 14. 模板的制作 15.层的使用 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 　　能否将网页做好，最重要的是要有一个十分清晰的思路，从而产生一个对整个网页的合理布局。　 　　首先确定网页主题，根据网页的主题需要规划好一级、二级菜单的内容。 　　收集好网页制作所需要的素材（文字、图片、动画、声音、视频等）。 　　　　　用网页做课件也是同样的步骤。 　 有的素材需要自己制作，有的可以在网上（利用百度）搜集自己需要的文字、图片、动画、声音、视频等素材。 　　　获取网上Flash文件：工具—— internet选项——浏览历史记录中的设置——查看文件。 返回目录 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 初识Dreamweave 网页制作工具有Dreamweaver 、 FrontPage 、Photoshop、Fireworks、Flash 等 。 Dreamweaver 、Fireworks、Flash 三个软件合在一起，被称为网页制作“三剑客”，这三个软件相辅相承，可谓是制作网页的最佳拍档。 Macromedia Dreamweaver是一款专业的网页制作软件，用于对 Web 站点、Web页和Web应用程序进行设计、编码和开发。无论开发者愿意享受手工编写HTML代码时的驾驭感，还是偏爱在可视化编辑环境中工作，Dreamweaver都会提供实用的工具，使网页设计者拥有更加完美的Web创作体验。 Dreamweaver工作环境 （Dreamweaver 提供了将全部元素置于一个窗口中的集成工作区。在集成工作区中，全部窗口和面板集成在一个应用程序窗口中。 ） 工作窗口布局 Dreamweaver 的三种视图模式（代码、拆分、设计） 二、网页制作软件简介 返回目录 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 　　做网页之前应先建好文件夹及子文件夹，以便分类存放网页中使用的图片、动画等素材。文件夹名一般是网页主题的名字。 练习1：建立自己的网页文件夹。 注意： 　　Dreamweaver对中文文件名支持得不是太好，经常会有页面调用不正确的现象发生，在新建文件夹或在Dreamweaver中保存网页的时候，用英文或者数字作为文件名称，就可以避免上面的出错现象。 返回目录 三、建立网页文件夹 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 新建站点步骤： 　　打开Dreamweaver软件，在工具栏中，点击站点-新建站点，这时会弹出一个面板，在这个面板上有基本和高级两种选择。在这里，我们选择基本，给你的站点起个名字(要是英文的)，下面的文本框，要填写http地址，这个不用去管它。 　　单击下一步，会提示你“是否使用服务器技术”，选择“否，我不使用服务器技术” 。 　　单击下一步，选择“文件存放的位置”，这里文件位置，是你存放站点的路径。 　　单击下一步，选择“是否连接远程服务器”，在这里，我们选择“本地/网络”。选择“文件存储在服务器上的文件夹”，选择和上一步存放的文件在同一目录下。 　　单击下