标题栏和菜单栏.PPT

项目1 了解网站的概念 任务1 经典网页赏析 任务1 经典网页赏析 任务1 经典网页赏析 任务1 经典网页赏析 任务2 与网站相关的几个概念 任务2 与网站相关的几个概念 任务2 与网站相关的几个概念 任务2 与网站相关的几个概念 任务2 与网站相关的几个概念 任务2 与网站相关的几个概念 任务2 与网站相关的几个概念 任务3 熟悉Dreamweaver CS3 任务3 熟悉Dreamweaver CS3 任务3 熟悉Dreamweaver CS3 任务3 熟悉Dreamweaver CS3 任务3 熟悉Dreamweaver CS3 任务3 熟悉Dreamweaver CS3 任务3 熟悉Dreamweaver CS3 任务3 熟悉Dreamweaver CS3 任务4 制作第一个网页 任务4 制作第一个网页 任务4 制作第一个网页 任务4 制作第一个网页 任务4 制作第一个网页 任务4 制作第一个网页 任务4 制作第一个网页 任务4 制作第一个网页 任务4 制作第一个网页 ...... 任务4 制作第一个网页 任务3 熟悉Dreamweaver CS3 任务2 与网站相关的几个概念 任务1 经典网页赏析 项目1 了解网站的概念 任务分析 上网浏览信息已经是很多人日常生活的重要组成部分了。当我们打开不同类型的网站时，你是否对这些网站进行过比较？不同类型的网站在结构布局，内容导航，色彩搭配，信息搜索等诸多方面有什么异同点？ 一．门户网站 门户网站——腾讯网的主页。这样的网站是由众多子站点组合而成的，网站的信息量非常丰富，信息覆盖面非常广泛，信息分类合理，信息导航准确快捷，同时还有方便好用的搜索引擎。 二．学院网站 学院网站——北京大学的主页。整个网页结构清晰，布局简单精练，页面左上方的学校Logo非常醒目，图文配合简约得体，色调宁静大方，体现出这所历史悠久的一流大学庄重的文化气息和宽松的学术氛围。 三．商业网站 商业网站——阿里巴巴网站（中文网站）。阿里巴巴网站设计风格简单有个性。首页中企业产品琳琅满目，合理分类和布局。点击产品链接后会有产品详细的图文说明，使用非常方便，界面直观生动。 返回 任务分析 我们在网上浏览的信息是浏览器从网站中专门提供信息的服务器中获取的。这个过程中涉及到很专业知识，我们这里学习一些与网页制作有关的基本概念。 一．网页与网站 显示在一个窗口里的所有内容就构成一个完整的网页。这些网页其实就是存放在互联网中某处电脑里的一个个文件。网页文件常见的类型有.htm、.html、.asp、.jsp、.php、.aspx等。 用于存放并有效地组织管理网页的文件夹就是网站，它存在于互联网中的网页服务器中。网页是网站中的一页，是构成网站的基本元素。网站中还会存放有图片、音频、视频等多媒体文件，这些文件通过网页的形式显示出来，形成了丰富多彩的视觉和听觉效果。 二．服务器与浏览器 互联网中的计算机如果安装了服务器软件就成为服务器，可以为他人提供不同类型的信息服务。网页服务器（Web服务器）就是保存有网站文件夹，并能为他人提供网页信息服务的计算机。我们将制作完成的网站上传到Web服务器，他人就可以通过网络来访问这个网站了。 浏览器是用来浏览网页的工具软件，其作用是对网页语法进行解析并将结果显示出来。常用的浏览器有：微软公司的IE、开源基金组织Mozilla的Firefox、苹果公司Safari、Google 公司的Chrome、Opera Software ASA公司的Opera等。 三．网站的基本工作原理 网站上传到服务器之后，用户通过浏览器（客户端）的地址栏输入网站的网址，向服务器发送一个请求，服务器根据不同的请求将相应网页文件发送给用户（客户端），由客户端浏览器进行解析，并在浏览器窗口中显示解析的结果。此时电脑显现给用户的就是一页丰富多彩的网页了。 四．静态网页与动态网页 静态网页是相对于动态网页而言，它没有后台数据库及数据处理程序、不可交互。静态网页更新起来比较麻烦，适用于显示固定内容或内容更新较少的展示型网站。 动态网页是与静态网页相对应的，文件扩展名有.asp、.aspx、.php.jsp等。动态网页除了包含静态网页的所有内容外，同时还包含服务器端脚本(只能被服务器执行的脚本)。它通过与后台数据库相连，在功能上实现了与用户之间的数据交互，如用户注册、登录、在线