Dreamweaver8网页设计培训教程 01 网页制作基础.pptVIP

Dreamweaver 8网页设计培训教程 第1课 网页制作基础 本课要点 具体要求 本课导读 上机练习 本课要点 网页制作相关知识 初识Dreamweaver 8 具体要求 了解网页的定义及组成元素 掌握网页常见部分的称谓及规范 了解网页制作流程 掌握网页配色技巧 掌握Dreameaver 8的启动与退出 熟悉Dreameaver 8的工作界面 掌握网页文档的基本操作 本课导读 网页，是构成网络的主体，是互联网上信息的主要载体。在学习网页制作前，需要了解网页制作的相关知识，以便在以后的学习及工作中进行运用。另外，我们还需要掌握Dreamweaver 8的一些简单操作，如Dreamweaver 8的启动与退出、Dreamweaver 8的工作界面、新建网页文档、保存网页文档、预览网页文档及打开网页文档等。 1.1 网页制作相关知识 网上冲浪已经成为人们生活中一个重要的组成部分，可以通过网络来获取知识、资源，越来越多的企事业单位也将网页作为宣传公司品牌形象的重要手段，网页的制作也从以前的纯文本形式，逐步发展到图、文、声音及动画兼有的综合形式。下面我们就来学习网页制作的各种知识。 1.1 网页制作相关知识 1.1.1 知识讲解 1.1.2 典型案例——用“记事本”制作网页“wojia.htm” 1.1.1 知识讲解 在开始学习网页制作之前，先了解一下网页的定义及其相关的一些专业术语。 1.1.1 知识讲解 1.网页的定义及组成元素 2.网页常见部分的称谓及规范 3.网页制作的流程 4.网页配色技巧 1.网页的定义及组成元素 浏览网页时在浏览器中看到的一个个页面就是网页，其中包括多种多样的网页元素，如文本、图像、动画和音乐等。 文本是网页最基本的组成元素，是网页的主体部分。 图像也是网页中不可缺少的元素，是使网页看起来更美观的点睛之笔。 2.网页常见部分的称谓及规范 通常情况下，网页都有其基本的组成对象，如Logo、Banner、导航栏、超链接、版权信息等。 3.网页制作的流程 网页制作不像编辑文档那样轻松，要经过收集资料和素材、规划站点、制作网页、测试站点、发布站点、更新和维护站点等一系列的流程。 1）收集资料和素材 2）规划站点 3）制作网页 4）测试站点 5）发布站点 6）更新和维护站点 4.网页配色技巧 网页中的色彩通常都用十六进制数来表示，例如“#FF0000”表示红色、“#00FF00”表示绿色、“#0000FF”表示蓝色、“#FFFF00”表示黄色、“#FFFFFF”表示白色、“#000000”表示黑色等。十六进制数中每两位表示一种色彩，从左到右分别为红、绿、蓝三色，每组色彩取值从00到FF（十进制数255的十六进制值）。 1.1.2 典型案例——用“记事本”制作网页“wojia.htm” 案例目标 本案例将使用“记事本”制作一个简单的网页。 1.1.2 典型案例——用“记事本”制作网页“wojia.htm” 操作步骤 具体操作步骤请教师参照软件及书中内容进行讲解。 1.1.2 典型案例——用“记事本”制作网页“wojia.htm” 案例小结 本案例用“记事本”程序制作了一个简单的网页文档，在制作过程中需注意的是，在保存文档时一定要在【保存类型】下拉列表框中选择【所有文件】选项，同时，在输入网页文档名称时，一定要将网页文档的扩展名.htm（或.html）一并输入，否则“记事本”程序会将其保存为纯文本格式的文档。 1.2 初识Dreamweaver 8 在学习了网页制作的基础知识后，接下来就应该认识网页制作利器——Dreamweaver 8了，它是最著名的网页制作工具。 1.2 初识Dreamweaver 8 1.2.1 知识讲解 1.2.2 典型案例——“wojia.htm”网页的打开及预览 1.2.1 知识讲解 在学习Dreamweaver 8之前应先安装Dreamweaver 8，安装方法与其他应用程序的安装基本相同，这里不再赘述。 1.2.1 知识讲解 1. Dreamweaver 8的启动 2. Dreamweaver 8的退出 3. Dreamweaver 8的工作界面 4. 网页文档的基本操作 1. Dreamweaver 8的启动 双击桌面上的Dreamweaver 8快捷方式图标。 选择【开始】→【所有程序】→【Macromedia】→【Macromedia Dreamweaver 8】命令。 2.Dreamweaver 8的退出 退出Dreamweaver 8的操作很简单，可直接单击操作窗口右上角的【关闭】按钮，也可选择