新网页设计与制作项目实训教程 教学课件 严加琼 曾金发 项目2.pptVIP

项目2 初识Dreamweaver CS5 2.1 项目描述 在自己动手制作网页之前，应该熟悉网站和网页相关的知识，了解制作网页、处理图形图像、制作动画的专业工具，重点了解和熟悉Dreamweaver CS5的工作环境，从而为以后制作网页打下良好的基础。 2.2 知识储备 2.2.1 网站和网页的基础知识 2.2.2 网页的组成元素 2.2.3 网页制作工具 2.2.4 初识Dreamweaver CS5中文版 2.2 知识储备 2.2.1 网站和网页的基础知识 1.万维网 “World Wide Web”简写为WWW，也称为万维网。它是目前Internet上最流行的一种基于超文本形式的资源信息。万维网的最大好处是它将全世界的各种信息链接在一起，用户可通过网络自由地访问这些资源并加以利用。 2.Server与Browser Server即服务器，Browser即浏览器。网页浏览者须通过浏览器连接到Web服务器，才能浏览Web服务器上的文件。 3. 网页与网站 网页:网页浏览器显示的网站中每一个WEB文件称为网页。按网页在一个站点中所处的位置可将其分为主页（也叫首页）和子页（指与主页链接的页面）。根据网页的表现形式可将网页分为静态页面和动态页面。 网站:通常把一系列在逻辑上可视为一个整体的页面称为网站，通常由网站空间、网站文件和资源、网络地址组成 4.Hypertext、HTTP、HTML、CSS Hypertext（超文本）是一种可以指向其他文件的文字或图片，这种功能称为超级链接（HyperLink）。 HTTP(HyperText Transfer Protocol)超文件传输协议是互联网上应用最为广泛的一种网络传输协议 HTML（HyperText Markup Language ）即超文本标记语言 CSS (Cascading Style Sheets)指层叠样式表 2.2.2 网页的组成元素 1.文本、图像与动画 文本:是网页中最基本的组成元素之一，网站设计中的信息主要以文本为主，通过它可以清楚明了地将信息传达给网页浏览者。 图像:较文本更生动、更形象，给人直观的视觉效果，传递一些文本不能传递的信息 。 动画：网页中常用的动画格式主要有两种，一种是GIF动画，一种是SWF动画 2.超级链接与导航栏 超级链接：是指从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页、一幅图片、一个电子邮件地址或者是本网页中的其他位置。 导航栏：是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，它是网站的“菜单”，一般由多个按钮或者多个文本超级链接组成。 3.表格、框架、表单 表格：主要用于网页内容的布局，精确控制各种网页元素在网页中出现的位置，让浏览者赏心悦目 。 框架：常用到的框架结构有：左侧框架、右侧框架、顶部框架、底部框架、上方和下方框架以及各种嵌套框架结构。 表单：是一种重要的网络交互工具，它可以实现浏览者同Web服务器之间的信息交互传送，它是网络信息收集处理的一种重要方式。 提示：网页中还有如音频、视频、JavaApplet等其他元素。 2.2.3 网页制作工具 1.网页编辑工具 FrontPage ：是Microsoft Office家族的一员，它界面、功能与Word都非常相似。 Dreamweaver ：Dreamweaver CS5与Fireworks CS5、Flash CS5一起，被人们称着“网页制作三剑客” 。 借助Dreamweaver软件，用户可以快速、轻松地完成设计、开发、维护网站和Web应用程序设计的全过程。Dreamweaver新功能中包含了CSS工具，可用于构建动态用户界面的Ajax组件，以及与其他Adobe软件的智能集成。 2.图像处理工具 Photoshop：是Adobe公司推出的一款图像处理软件，它功能强大，操作界面友好，使用它可以加速从想象创作到图像实现的过程 。 Fireworks：是一个将矢量图形处理和点阵图像处理合二为一的专业化Web图像处理软件。 动画制作工具 ：Flash用于制作和编辑具有较强交互性的矢量动画 。 提示：除了上述介绍的工具外，还有诸如图标制作工具、抓图工具、网站发布工具等其他的工具。 2.2.4 初识Dreamweaver CS5中文版 1.Dreamweaver CS5简介 它具有业界领先的 Web 开发环境、新增了集成 CMS 支持、CSS检查、与Adobe Browser Lab集成、PHP自定义类代码提示、保持跨媒体一致性、仔细