网页设计与制作67381

1、网页设计与制作综述,网页设计与制作综述,学习要点： 网页和网站 网页类型 网页的基本构成元素 网页制作常用软件和技术 网站策划与设计流程 HTML语言基础知识,学习任务：认识网页,互联网是一个蕴藏着无穷资源的宝库，在资源共享和信息交换方面具有得天独厚的优势，网页则正是这些资源和信息重要的传递载体。网页不但可以提供文字、图片、多媒体信息的浏览，并且网络在娱乐、商务及各种领域的应用例如电子邮件、聊天室、搜索引擎、网上交易、电子政务等都离不开网页。,什么是网页?,网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。 网页实际上就是一个文件。一般网页上都

2、会有文本和图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容。 网页比报纸、广播、电视等传统媒介在信息传递上更加迅速、多样化，交互能力更强。,网页类型?,网页分为静态网页和动态网页两种类型。静态网页就是设计者做什么样，在客户端浏览时就显示什么样，而动态网页可以根据不同的用户显示不同的页面。,1静态网页,静态网页的基本特点归纳如下： 静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。 静态网页的内容相对稳定，因此容易

3、被搜索引擎检索。 静态网页没有数据库的支持。 静态网页的交互性较差，在功能方面有较大的限制。,2动态网页,动态网页的基本特点归纳如下： 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能。 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 动态网页中的“？”对搜索引擎检索存在一定的问题。,什么是网站 网址与域名 网页的基本构成元素 网页制作常用软件和技术,学习任务：认识网站,学习任务：认识网站,根据提供服务的不同，通常把提供网页服务的服务器称为web服务器，相关网站称为web站点。网站是提供各种信息

4、和服务的基地，如用户熟悉的搜狐、新浪、雅虎等都是网站。 网站是由很多网页链接在一起组成的。用户浏览到一个网站时看到的第一个页面叫做主页。,1.网址与域名,网址 浏览网页时，在浏览器地址栏中输入的诸如就是一个网址，浏览器访问网页是由URL（Uniform Resource Locator) 统一资源定位器的方式来实现的。 2域名 域名就是网站的名称，企业在注册域名时一般都会申请一个符合网站特点的域名，甚至会把域名看作企业的网上商标。,2.网页的基本构成元素,文本元素 图像元素 动画元素 超链接,3.网页制作常用软件和技术,网页编辑排版软件Dreamweaver 网页图像制作软件Photoshop

5、和Fireworks 网页动画制作软件Flash 网页标签语言HTML 网页脚本语言JavaScript 动态交互式网页编程语言,网站建设基本流程,网站的需求分析 规划站点结构 收集素材 设计与制作网站 网站的发布,第1章 DreamweaverCS3入门,第1章 Dreamweaver CS3入门,本章学习要点： Dreamweaver CS3的主要功能和特点 Dreamweaver CS3的操作环境 利用Dreamweaver CS3制作网页 利用Dreamweaver CS3创建并管理站点,认识DreamweaverCS3,Adobe Dreamweaver CS3是网页设计与制作领域中

6、用户最多、应用最广、功能最强的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建吸引人的、基于标准的网站和应用程序。 Dreamweaver与用于制作网页矢量动画的Flash、制作网页图像的Fireworks并称为“网页制作三剑客”。,Dreamweaver CS3的主要功能,支持最新的Web技术 供两个选择：既可以在直观的可视布局界面中工作，又可以在简化的编码环境中工作 借助Adobe Dreamweaver CS3软件，用户可以快速、轻松地完成设计、开发与维护网站和Web应用程序的全过程 新增功能：Ajax 的 Sp

7、ry 框架、Spry 构件、Spry 效果、高级 Photoshop CS3 集成、浏览器兼容性检查、Adobe CSS Advisor、CSS 布局、管理SS、Adobe Device Central、Adobe Bridge CS3,Dreamweaver CS3操作环境介绍,本地站点的规划与创建,利用Dreamweaver制作网页步骤： 规划站点 创建站点 利用站点对文件进行管理,站点的概念,所谓站点，可以看作是一系列文档的组合，这些文档通过各种链接建立逻辑关联。用户在建立网站前必须要建立站点，修改某网页内容时，也必须打开站点，然后修改站点内的网页。,规划站点,站点的规划：包括站点的目录结构、链接结构、模板和库的使用 。 网站的目录结构是网站组织和存放站内所有文档的目录设置情况 。 网站的链接结构是指页面之间的相互链接关系 模板和库，可以在不同的文档中重用页面布局和页面元素，给网页的维护带来很大的方便。,创建本地站点,本地站点实际上是位于