Dreamweaver CS网页制作基础.ppt

《Dreamweaver CS网页制作基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、计算机基础与实训教材系列《DreamweaverCS3网页制作实用教程》第一章DreamweaverCS3网页制作基础学习目标DreamweaverCS3是一款专业的网页制作软件，它具有简单易学、操作方便以及适用于网络等优点，即使没有任何网页制作经验的用户，也能很容易上手，制作出精美的网页。本章主要介绍了网页的基本概念、网页设计的构思和设计流程，以及DreamweaverCS3的简介、操作界面和工作环境:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/ed

2、u:::::本章重点网页和网站的基础知识网页的设计构思DreamweaverCS3的简述DreamweaverCS3的操作界面DreamweaverCS3的工作环境:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/edu:::::1.1DreamweaverCS3网页制作基础随着互联网的迅猛发展，人们可以获取、交换和存错连接到网络上的各计算机上的信息。网络上存放信息和提供服务的地方就是网站。一个成功的网站离不开精美绚丽的网页，要制作出美观的网页，首先要学习

3、网页制作的相关知识，例如制作网页的知识、制作网页元素的知识以及设计网页效果的知识等。而一个网页的成功与否，很重要的因素就在于制作者对网页设计基本知识的掌握程度，富有创意的构思与巧妙的页面元素处理会让网页内容更加鲜明与美观，而Dreamweaver作为目前最受欢迎的网页制作软件之一，使用它可以制作出绚丽的网页。网页和网站的基础知识网页的基本元素网页的常见类型:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/edu:::::1.1.1网页和网站的概念关于网络，

4、有着各式各样的专有名词。弄清楚它们的概念和联系，对于学习何种网络知识都将会有极大的裨益。:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/edu:::::1.1.2网页的基本元素网页是一个纯文本文件，通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。构建网页的基本元素包括文本、图像和超链接，其他元素包括声音、动画、视频、表格、导航栏、表单等。:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.

5、com.cn/edu:::::1.1.3网页的常见类型目前，常见的网页有静态网页和动态网页两种。静态网页的URL通常以.htm、.html、.shtml、.xml等形式为后缀；动态网页的URL一般以.asp、.jsp、.php、.perl、.cgi等形式为后缀。:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/edu:::::1.2网页的设计构思在制作网页之前，首先要进行网页的设计与构思，主要包括网页的布局、网页的配色、网设计原则。网页的布局网页的设计原则

6、:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/edu:::::1.2.1网页的布局网页布局能决定网页是否美观。合理的布局，可以将页面中的文字、图像等内容完美、直观地展现给访问者，同时合理安排网页空间，优化网页的页面效果和下载速度。反之，如果页面布局不合理，网页在浏览器中的显示将十分糟糕，页面中的各个元素显示效果可能会重叠或丢失。因此，在对网页进行布局设计时，应遵循对称平衡、异常平衡、对比、凝视和空白等原则。常见的网页布局形式包括：型布局、T型布局、“

7、三”型布局、对比布局和POP布局等。:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/edu:::::1.2.2网页的设计原则网页的设计不仅涉及各种软件的操作技术，还关联到设计者对生活的理解和体验。网页设计就是要把适合的信息传达给适合的观众，要设计出一个既好看又实用的网页，就必须要遵循一些必要的原则。:::::《计算机基础与实训教材系列》系列丛书官方网站http://www.tupwk.com.cn/edu:::::1.3初始DreamweaverCS3D

8、reamewaver系列软件集合了网页制作和网站管理于一身的【所见即所得”的网页制作软件，它强大的功能和清晰的操作界面备受广大网页制作用户的欢迎。DreamewaverCS3作为Dreamewaver系列中的最新版本，在增强了面向专业人士的基本工具和可视技术外，同时提供了功能强大、开放式且基于标准的开发模式，可以轻而易举地制作出跨平台和浏览器的动感效果网页。网页的布局DreamweaverCS3简述Dreamwe