网页设计与制作ppt课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计与制作
网站建设基本流程
➢网站的需求分析 ➢规划站点结构 ➢收集素材 ➢设计与制作网站 ➢网站的发布
网页设计与制作
网页设计与制作
第1章 DreamweaverCS3入门
第1章 Dreamweaver CS3入门
本章学习要点： ➢Dreamweaver CS3的主要功能和特点 ➢Dreamweaver CS3的操作环境 ➢利用Dreamweaver CS3制作网页 ➢利用Dreamweaver CS3创建并管理站点
➢ 网页内容一经发布到网站服务器上，无论是否 有用户访问，每个静态网页的内容都是保存在 网站服务器上的。
➢ 静态网页的内容相对稳定，因此容易被搜索引 擎检索。
➢ 静态网页没有数据库的支持。 ➢ 静态网页的交互性较差，在功能方面有较大的
限制。
网页设计与制作
2．动态网页
动态网页的基本特点归纳如下：
➢ 动态网页以数据库技术为基础，可以大大降低 网站维护的工作量。
网页设计与制作
什么是网页?
➢网页是一种可以在互联网上传输，能被浏 览器认识和翻译成页面并显示出来的文件， 网页是网站的基本构成元素。
➢网页实际上就是一个文件。一般网页上都 会有文本和图片等信息，而复杂一些的网 页上还会有声音、视频、动画等多媒体内 容。
➢网页比报纸、广播、电视等传统媒介在信 息传递上更加迅速、多样化，交互能力更 强。
1.网址与域名
➢１．网址
浏览网页时，在浏览器地址栏中输入的诸如 就是一个网址，浏览器访 问网页是由URL（Uniform Resource Locator) 统 一资源定位器的方式来实现的。
➢2．域名
域名就是网站的名称，企业在注册域名时一 般都会申请一个符合网站特点的域名，甚至会把 域名看作企业的网上商标。
网页设计与制作
Dreamweaver CS3操作环境介绍
网页设计与制作
本地站点的规划与创建 利用Dreamweaver制作网页步骤： ➢规划站点 ➢创建站点 ➢利用站点对文件进行管理
网页设计与制作
站点的概念
➢所谓站点，可以看作是一系列文档的 组合，这些文档通过各种链接建立逻 辑关联。用户在建立网站前必须要建 立站点，修改某网页内容时，也必须 打开站点，然后修改站点内的网页。
网页设计与制作
认识DreamweaverCS3
➢Adobe Dreamweaver CS3是网页设计与制作 领域中用户最多、应用最广、功能最强的软 件。它将可视布局工具、应用程序开发功能 和代码编辑支持组合在一起，其功能强大， 使得各个层次的开发人员和设计人员都能够 快速创建吸引人的、基于标准的网站和应用 程序。
速、轻松地完成设计、开发与维护网站和Web应 用程序的全过程 ➢ 新增功能：Ajax 的 Spry 框架、Spry 构件、Spry 效果、高级 Photoshop CS3 集成、浏览器兼容性 检查、Adobe CSS Advisor、CSS 布局、管理SS、 Adobe Device Central、Adobe Bridge CS3
网页设计与制作
网页设计与制作综述
网页设计与制作综述
学习要点：
➢网页和网站 ➢网页类型 ➢网页的基本构成元素 ➢网页制作常用软件和技术 ➢网站策划与设计流程 ➢HTML语言基础知识
网页设计与制作
学习任务：认识网页
➢互联网是一个蕴藏着无穷资源的宝库，在 资源共享和信息交换方面具有得天独厚的 优势，网页则正是这些资源和信息重要的 传递载体。网页不但可以提供文字、图片、 多媒体信息的浏览，并且网络在娱乐、商 务及各种领域的应用例如电子邮件、聊天 室、搜索引擎、网上交易、电子政务等都 离不开网页。
网页设计与制作
网页类型?
➢网页分为静态网页和动态网页两种 类型。静态网页就是设计者做什么 样，在客户端浏览时就显示什么样， 而动态网页可以根据不同的用户显 示不同的页面。
网页设计与制作
1．静态网页
静态网页的基本特点归纳如下：
➢ 静态网页每个网页都有一个固定的URL，且网 页URL以.htm、.html、.shtml等常见形式为后缀， 而不含有“？”。
➢Dreamweaver与用于制作网页矢量动画的 Flash、制作网页图像的Fireworks并称为“网 Байду номын сангаас制作三剑客”。
网页设计与制作
Dreamweaver CS3的主要功能
➢ 支持最新的Web技术 ➢ 供两个选择：既可以在直观的可视布局界面中工
作，又可以在简化的编码环境中工作 ➢ 借助Adobe Dreamweaver CS3软件，用户可以快
➢ 采用动态网页技术的网站可以实现更多的功能。 ➢ 动态网页实际上并不是独立存在于服务器上的
网页文件，只有当用户请求时服务器才返回一 个完整的网页。 ➢ 动态网页中的“？”对搜索引擎检索存在一定 的问题。
网页设计与制作
学习任务：认识网站
➢什么是网站 ➢网址与域名 ➢网页的基本构成元素 ➢网页制作常用软件和技术
创建本地站点
➢本地站点实际上是位于本地计算机中 指定目录下的一组页面文件及相关支 持文件。每个网站都需要有自己的本 地站点。Dreamweaver CS3提供了创 建站点的向导，使得初学者能快速正 确地完成站点的创建 。
网页设计与制作
2.网页的基本构成元素
➢文本元素 ➢图像元素 ➢动画元素 ➢超链接
网页设计与制作
3.网页制作常用软件和技术
➢网页编辑排版软件Dreamweaver ➢网页图像制作软件Photoshop和Fireworks ➢网页动画制作软件Flash ➢网页标签语言HTML ➢网页脚本语言JavaScript ➢动态交互式网页编程语言
网页设计与制作
学习任务：认识网站
➢根据提供服务的不同，通常把提供网页服 务的服务器称为web服务器，相关网站称为 web站点。网站是提供各种信息和服务的基 地，如用户熟悉的搜狐、新浪、雅虎等都 是网站。
➢网站是由很多网页链接在一起组成的。用 户浏览到一个网站时看到的第一个页面叫 做主页。
网页设计与制作
网页设计与制作
规划站点
站点的规划：包括站点的目录结构、链接结 构、模板和库的使用 。 ➢网站的目录结构是网站组织和存放站内所有 文档的目录设置情况 。 ➢网站的链接结构是指页面之间的相互链接关 系 ➢模板和库，可以在不同的文档中重用页面布 局和页面元素，给网页的维护带来很大的方 便。
网页设计与制作
网站建设基本流程
➢网站的需求分析 ➢规划站点结构 ➢收集素材 ➢设计与制作网站 ➢网站的发布
网页设计与制作
网页设计与制作
第1章 DreamweaverCS3入门
第1章 Dreamweaver CS3入门
本章学习要点： ➢Dreamweaver CS3的主要功能和特点 ➢Dreamweaver CS3的操作环境 ➢利用Dreamweaver CS3制作网页 ➢利用Dreamweaver CS3创建并管理站点
➢ 网页内容一经发布到网站服务器上，无论是否 有用户访问，每个静态网页的内容都是保存在 网站服务器上的。
➢ 静态网页的内容相对稳定，因此容易被搜索引 擎检索。
➢ 静态网页没有数据库的支持。 ➢ 静态网页的交互性较差，在功能方面有较大的
限制。
网页设计与制作
2．动态网页
动态网页的基本特点归纳如下：
➢ 动态网页以数据库技术为基础，可以大大降低 网站维护的工作量。
网页设计与制作
什么是网页?
➢网页是一种可以在互联网上传输，能被浏 览器认识和翻译成页面并显示出来的文件， 网页是网站的基本构成元素。
➢网页实际上就是一个文件。一般网页上都 会有文本和图片等信息，而复杂一些的网 页上还会有声音、视频、动画等多媒体内 容。
➢网页比报纸、广播、电视等传统媒介在信 息传递上更加迅速、多样化，交互能力更 强。
1.网址与域名
➢１．网址
浏览网页时，在浏览器地址栏中输入的诸如 就是一个网址，浏览器访 问网页是由URL（Uniform Resource Locator) 统 一资源定位器的方式来实现的。
➢2．域名
域名就是网站的名称，企业在注册域名时一 般都会申请一个符合网站特点的域名，甚至会把 域名看作企业的网上商标。
网页设计与制作
Dreamweaver CS3操作环境介绍
网页设计与制作
本地站点的规划与创建 利用Dreamweaver制作网页步骤： ➢规划站点 ➢创建站点 ➢利用站点对文件进行管理
网页设计与制作
站点的概念
➢所谓站点，可以看作是一系列文档的 组合，这些文档通过各种链接建立逻 辑关联。用户在建立网站前必须要建 立站点，修改某网页内容时，也必须 打开站点，然后修改站点内的网页。
网页设计与制作
认识DreamweaverCS3
➢Adobe Dreamweaver CS3是网页设计与制作 领域中用户最多、应用最广、功能最强的软 件。它将可视布局工具、应用程序开发功能 和代码编辑支持组合在一起，其功能强大， 使得各个层次的开发人员和设计人员都能够 快速创建吸引人的、基于标准的网站和应用 程序。
速、轻松地完成设计、开发与维护网站和Web应 用程序的全过程 ➢ 新增功能：Ajax 的 Spry 框架、Spry 构件、Spry 效果、高级 Photoshop CS3 集成、浏览器兼容性 检查、Adobe CSS Advisor、CSS 布局、管理SS、 Adobe Device Central、Adobe Bridge CS3
网页设计与制作
网页设计与制作综述
网页设计与制作综述
学习要点：
➢网页和网站 ➢网页类型 ➢网页的基本构成元素 ➢网页制作常用软件和技术 ➢网站策划与设计流程 ➢HTML语言基础知识
网页设计与制作
学习任务：认识网页
➢互联网是一个蕴藏着无穷资源的宝库，在 资源共享和信息交换方面具有得天独厚的 优势，网页则正是这些资源和信息重要的 传递载体。网页不但可以提供文字、图片、 多媒体信息的浏览，并且网络在娱乐、商 务及各种领域的应用例如电子邮件、聊天 室、搜索引擎、网上交易、电子政务等都 离不开网页。
网页设计与制作
网页类型?
➢网页分为静态网页和动态网页两种 类型。静态网页就是设计者做什么 样，在客户端浏览时就显示什么样， 而动态网页可以根据不同的用户显 示不同的页面。
网页设计与制作
1．静态网页
静态网页的基本特点归纳如下：
➢ 静态网页每个网页都有一个固定的URL，且网 页URL以.htm、.html、.shtml等常见形式为后缀， 而不含有“？”。
➢Dreamweaver与用于制作网页矢量动画的 Flash、制作网页图像的Fireworks并称为“网 Байду номын сангаас制作三剑客”。
网页设计与制作
Dreamweaver CS3的主要功能
➢ 支持最新的Web技术 ➢ 供两个选择：既可以在直观的可视布局界面中工
作，又可以在简化的编码环境中工作 ➢ 借助Adobe Dreamweaver CS3软件，用户可以快
➢ 采用动态网页技术的网站可以实现更多的功能。 ➢ 动态网页实际上并不是独立存在于服务器上的
网页文件，只有当用户请求时服务器才返回一 个完整的网页。 ➢ 动态网页中的“？”对搜索引擎检索存在一定 的问题。
网页设计与制作
学习任务：认识网站
➢什么是网站 ➢网址与域名 ➢网页的基本构成元素 ➢网页制作常用软件和技术
创建本地站点
➢本地站点实际上是位于本地计算机中 指定目录下的一组页面文件及相关支 持文件。每个网站都需要有自己的本 地站点。Dreamweaver CS3提供了创 建站点的向导，使得初学者能快速正 确地完成站点的创建 。
网页设计与制作
2.网页的基本构成元素
➢文本元素 ➢图像元素 ➢动画元素 ➢超链接
网页设计与制作
3.网页制作常用软件和技术
➢网页编辑排版软件Dreamweaver ➢网页图像制作软件Photoshop和Fireworks ➢网页动画制作软件Flash ➢网页标签语言HTML ➢网页脚本语言JavaScript ➢动态交互式网页编程语言
网页设计与制作
学习任务：认识网站
➢根据提供服务的不同，通常把提供网页服 务的服务器称为web服务器，相关网站称为 web站点。网站是提供各种信息和服务的基 地，如用户熟悉的搜狐、新浪、雅虎等都 是网站。
➢网站是由很多网页链接在一起组成的。用 户浏览到一个网站时看到的第一个页面叫 做主页。
网页设计与制作
网页设计与制作
规划站点
站点的规划：包括站点的目录结构、链接结 构、模板和库的使用 。 ➢网站的目录结构是网站组织和存放站内所有 文档的目录设置情况 。 ➢网站的链接结构是指页面之间的相互链接关 系 ➢模板和库，可以在不同的文档中重用页面布 局和页面元素，给网页的维护带来很大的方 便。
网页设计与制作