ch01 Dreamweaver CS网页制作基础课件.pptVIP

第 一 章 学 习 目 标 本 章 重 点 1.1 Dreamweaver CS3网页制作基础 1.1.1 网页和网站的概念 1.1.2 网页的基本元素 1.1.3 网页的常见类型 1.2 网页的设计构思 1.2.1 网页的布局 1.2.2 网页的设计原则 1.3 初始Dreamweaver CS3 1.3.1 Dreamweaver CS3简述 1.3.1 Dreamweaver CS3的工作界面 1.3.1 设置Dreamweaver CS3工作环境 * Dreamweaver CS3网页制作基础 Dreamweaver CS3是一款专业的网页制作软件，它具有简单易学、操作方便以及适用于网络等优点，即使没有任何网页制作经验的用户，也能很容易上手，制作出精美的网页。本章主要介绍了网页的基本概念、网页设计的构思和设计流程，以及Dreamweaver CS3的简介、操作界面和工作环境 网页和网站的基础知识 网页的设计构思 Dreamweaver CS3的简述 Dreamweaver CS3的操作界面 Dreamweaver CS3的工作环境 随着互联网的迅猛发展，人们可以获取、交换和存错连接到网络上的各计算机上的信息。网络上存放信息和提供服务的地方就是网站。一个成功的网站离不开精美绚丽的网页，要制作出美观的网页，首先要学习网页制作的相关知识，例如制作网页的知识、制作网页元素的知识以及设计网页效果的知识等。而一个网页的成功与否，很重要的因素就在于制作者对网页设计基本知识的掌握程度，富有创意的构思与巧妙的页面元素处理会让网页内容更加鲜明与美观，而Dreamweaver作为目前最受欢迎的网页制作软件之一，使用它可以制作出绚丽的网页。 网页和网站的基础知识 网页的基本元素 网页的常见类型 关于网络，有着各式各样的专有名词。弄清楚它们的概念和联系，对于学习何种网络知识都将会有极大的裨益。 网页是一个纯文本文件，通过HTML、CSS等脚本语言对页面元素进行标识、然后由浏览器自动生成的页面。构建网页的基本元素包括文本、图像和超链接，其他元素包括声音、动画、视频、表格、导航栏、表单等。 目前，常见的网页有静态网页和动态网页两种。 静态网页的URL通常以.htm、.html、.shtml、.xml等形式为后缀；动态网页的URL一般以.asp、.jsp、.php、.perl、.cgi等形式为后缀。 在制作网页之前，首先要进行网页的设计与构思，主要包括网页的布局、网页的配色、网设计原则。 网页的布局 网页的设计原则 网页布局能决定网页是否美观。合理的布局，可以将页面中的文字、图像等内容完美、直观地展现给访问者，同时合理安排网页空间，优化网页的页面效果和下载速度。反之，如果页面布局不合理，网页在浏览器中的显示将十分糟糕，页面中的各个元素显示效果可能会重叠或丢失。因此，在对网页进行布局设计时，应遵循对称平衡、异常平衡、对比、凝视和空白等原则。常见的网页布局形式包括：?型布局、T型布局、“三”型布局、对比布局和POP布局等。 网页的设计不仅涉及各种软件的操作技术，还关联到设计者对生活的理解和体验。网页设计就是要把适合的信息传达给适合的观众，要设计出一个既好看又实用的网页，就必须要遵循一些必要的原则。 Dreamewaver系列软件集合了网页制作和网站管理于一身的【所见即所得”的网页制作软件，它强大的功能和清晰的操作界面备受广大网页制作用户的欢迎。Dreamewaver CS3作为Dreamewaver系列中的最新版本，在增强了面向专业人士的基本工具和可视技术外，同时提供了功能强大、开放式且基于标准的开发模式，可以轻而易举地制作出跨平台和浏览器的动感效果网页。 网页的布局 Dreamweaver CS3简述 Dreamweaver CS3的工作界面 设置Dreamweaver CS3工作环境 Dreamweaver CS3是Adobe公司最新推出的网页制作软件，用于对网站、网页和Web应用程序进行设计、编码和开发，广泛用于网页制作和网站管理。 Dreamweaver CS3的工作界面秉承了Dreamweaver系列产品一贯的简洁、高效和易用性，大多功能都能在工作界面中很方便地找到。它的工作界面主要由【文档】窗口、【文档】工具栏、菜单栏、插入栏、面板组和【属性】面板组成。 Dreamweaver CS3提供了【标尺】、【网格】和【跟踪图像】3种可视化向导，用于辅助设计和估计网页在浏览器中的外观。