网页设计与制作ppt课件.ppt

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