项目1 Dreamweaver MX 2004基本知识(课件）-高二《网页设计与制作》同步教学（人民邮电版）

项目1 Dreamweaver MX 2004基本知识 了解网页的分类和网页中的基本元素 了解Dreamweaver MX 2004的新功能 掌握Dreamweaver MX 2004的工作界面和界面名称 任务一 熟悉网页的概念 网页是WWW系统中信息的基本单位。 网页一般分为静态网页和动态网页两种，静态网页本身是一个纯文本文件，其扩展名是.htm或.html，适用于内容相对稳定、不需要经常更改的网站；而动态网页需经过一定的计算机编程语言，由后台数据库和相应程序构成。 网页中通常包含超级链接，它可以将一个网页或网站导向到另一个网页或网站，从而构成纵横交织结构，浏览WWW信息就宛如在信息海洋中冲浪。正是由于网页文件包含这种有超级链接的内容，网页也被称为超文本（Hypertext），在Web服务器和Web浏览器之间传输超文本的协议被称为超文本传输协议（HTTP）。 操作一 了解网页的分类 网页包括静态网页和动态网页。静态网页是指客户端浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件不加处理直接返回给客户端，在客户端浏览器显示的页面是由网页设计师先制作完成放在服务器上的网页。静态网页用户基本上不能参与，只是网站页面的静态发布。 操作一 了解网页的分类 如今Internet上常见的计数器、聊天室、讨论区BBS、校友录、网上购物等服务都必须得到动态网页技术的的支持。 动态网页技术根据程序运行的地点不同，又分为客户端动态技术和服务器端动态技术。 动态网页一般涉及数据库操作，例如注册、登录、查询、购物等，都需要设计强大的服务器端动态程序，并考虑各种可能出现的出错情况，以保证网站的交互性和安全性。典型的服务器端动态技术包括ASP，PHP，JSP，CGI等。 操作二 认识网页中的基本元素 操作二 认识网页中的基本元素 ① 网页的标题：它出现在浏览器窗口标题栏内。记录网页的首体标记、属性及其内容； ② 网页的框架：网页中，若干个框架构成一个框架集，框架结构体现网页的空间风格； ③ 网页的文字：网页最集中最基本的要素，是网页的最基本的内容； ④ 网页的表格：表格就是把一组信息分别放入各行各列的方块中使得一些项目内容变得更有条理； ⑤ 网页的表单：提供给用户方面收集信息，用户根据表单的提示，填入服务器方所需的资料，交由服务器并进行处理。 操作二 认识网页中的基本元素 ⑥ 网页的图片：网页中恰如其分的图片使网页锦上添花、妙趣横生。 ⑦ 网页的超链接：HTML的精华是它能够轻易地互联网上其他地方的无数条信息，通过醒目有趣的点击，能方便的在网上纵横四海； ⑧ 网页的背景：通过背景色彩或背景图片的设计，衬托出页面的总体格调； ⑨ 网页与多媒体：把音频、视频、文本、动画整合为一个统一的文件格式，显示给浏览者，满足浏览者的娱乐要求，并使得浏览者能与之进行交互。 任务二 Dreamweaver MX 2004的工作界面 图1-2　 Dreamweaver欢迎界面 操作一 启动Dreamweaver MX 2004 工作区布局对话框 Dreamweaver MX 2004的工作界面 操作二 窗口布局、面板与面板组 “插入”面板 自定义收藏夹 文档窗口中的工具栏 面板组 任务三 设置首选参数 操作一 首选参数的含义 首选参数对话框图 操作二 设置首选参数 更改工作区 自定义窗口大小 隐藏不可见元素 字体设置 项目拓展 进一步熟悉Dreamweaver工作区 “插入”栏 文档工具栏 “文档”窗口 面板组 “文件”面板 “属性”面板 “标签”选择器 图1-15 Dreamweaver工作区 项目小结 在互联网世界，网页是WWW系统中信息的基本单位，Web服务器就是以网页为单位处理信息的，网页包括静态网页和动态网页。 Dreamweaver是网页制作工具，了解了网页及他的基本要素，就明确了制作的对象，本项目介绍Dreamweaver的基本操作界面，还有制作网页之前的一些参数设置，这些都是为了后面正式制作网页做好准备工作。 $