边用边学Dreamweaver网页设计与制作教学课件 作者 李彪 杨仁毅 第1章.pptVIP

边学边用Dreamweaver CS4网页制作 教师： 职务： ——教育部实用型信息技术人才培养系列教材 第1章 认识网页与Dreamweaver CS4 学习目标： 随着网络的日益普及，网站的数量及种类成也日渐繁多。在本章中，首先讲解了网页与网站的关系，然后介绍了网页设计的基本原则，最后讲述了Dreamweaver CS4的基础知识，为制作工作做好充分的准备，为读者迈进网页制作大门打下坚实的基础。 第1章 认识网页与Dreamweaver CS4 本章知识点： 认识网页与网站 网页设计的基本原则 网站制作流程 Dreamweaver CS4的快捷操作 个性化代码视图设置 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 第1章 认识网页与Dreamweaver CS4 * 1.1 认识网页与网站 1.1.1 网页与网站 网页，也就是网站中的一“页”，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。网页要通过网页浏览器来阅读。 所谓网站（Website），就是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 1.1.2 网页与网站的区别 网页与网站的区别简单的来说：网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页具体来说是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。 1.2 网页设计的基本原则 1．明确建立网站的目标和用户需求 2．总体设计方案主题鲜明 3．网站的版式设计 4．网页形式与内容相统一 5．三维空间的构成 6．多媒体功能的使用 7．网站测试和改进 8．合理运用新技术 1.3 网站制作流程 1．选择网站主题 2．规划网站栏目和目录结构 3．设计网页布局 4．整合网页内容 1.4 认识Dreamweaver CS4 Dreamweaver CS4是Macromedia公司与Adobe公司合并后新推出的一款功能强大的网页制作软件，它将可视布局工具，应用程序开发功能和代码编辑支持组合为一个功能强大的工具系统，使每个级别的开发人员和设计人员都可利用它快速地创建网页界面。 1.4.1 启动与退出Dreamweaver CS4 1．启动Dreamweaver CS4 执行“开始→所有程序→Adobe Dreamweaver CS4”命令，即可启动Dreamweaver CS4。 2．退出Dreamweaver CS4 若要退出Dreamweaver CS4，可执行下列操作之一： 单击Dreamweaver CS4程序窗口右上角的关闭按钮。 执行“文件→退出”命令。 双击Dreamweaver CS4程序窗口左上角的Logo图标。 按下“Alt+F4”组合键。 1.4.2 Dreamweaver CS4窗口简介 1.4.3 Dreamweaver CS4的参数设置 在Dreamweaver CS4中，通过设置参数可以改变Dreamweaver界面的外观和面板、站点、字体、状态栏等对象的属性特征。 1．常规参数的设置 2．设置字体参数 1.5 应用实践 任务1——Dreamweaver CS4的快捷操作 要在Dreamweaver中定义各项操作的快捷键，首先要执行“编辑”菜单中的命令，然后在弹出的对话框中进行设置。 1.5 应用实践 任务2——个性化代码视图设置 本例主要是在“首选参数”对话框中对“代码视图”中代码的字体、字号进行设置，从而更改“代码视图”中的显示方式。完成后的效果如下图所示。 1.6 知识链接 1.6.1 认识HTML HTML全名是Hyper Text Markup Language，即超文本标记语言，是用来描述Internet服务器上超文本文件的语言。 HTML不是一种编程语言，而是一种页面描述性标记语言。它通过各种标记描述不同的内容，说明段落、标题、图像、字