网页设计与制作综述六个学习要点.pptVIP

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