5.1 网页课件（31张幻灯片）

课件31张PPT。网页
与
网站基本概念常用的网页制作工具 网页的文件结构及支持技术静态与动态网页第5章
任务一:各小组通过阅读课本７３页讨论、交流以下问题。（合作学习 ，各组组长统计结果，让代表展示）
(1)什么是网页？什么是网站？什么是主页？
(2)网页，网站，主页的关系？12中文：网页
英文：Web Page
或WebPage
又称：HTML文档
或XHTML文档3中文：网站
英文：Web Site
或WebSite中文：主页/首页

英文：homepage
是用户用浏览器访问网站时默认访问的第一个网页网页：是一种用超文本标记语言编写的文件。
说明：
超文本：是一种普通的字符文本。通过标 签等手段嵌入图形、表格、表单、多媒体等对象。网站：利用超链接的方法将一些网页互相串连起来，便形成一个网站。
主页：打开任一网站，首先显示的便是这个网站的主页。也称首页或起始页。

网站的首页：在一个网站上查找信息的起点。是一个
网站最重要访问最频繁的网页。
网页，网站，主页的关系
再进一步分析一下网页栏目的构成
9.页脚区 页面标题网站标志（LOGO）页眉区导航栏登录区推荐热点区主要内容区
页脚区任务二：阅读课本75页综合探究。（各小组讨论、交流。组长统计结果，展示成果。）
要求：浏览综合类网站(以http://www.sohu.com/ 为例）和个人网站（以http://www.51aiai.cn/为例）。分析这两个网站的主页栏目的构成情况，画出这两种网页的页面结构示意图。通过对网页页面结构图的勾画，了解网页构成情况，并对各栏目及构件在网页中的位置和作用有初步的认识。同学们课后可以多浏览各种类型的网站，对比的分析一下，在设计制作网页的时候能够胸怀全局，合理的安排和组织网页的整体布局。静态网页的工作机理 静态网页是在服务器上以文件形式存放并以相同格式发送给客户的网页
是万维网上最为常用的一种信息组织方式。动态网页的工作机理 动态网页是指用户浏览过程中由计算机系统自动创建内容的网页，通常用
于显示实时信息或按照用户交互显示特定的内容。1编制动态网页脚本程序2.WEB服务器检索相
应网页脚本程序服务器调动数据库处理网页脚
本中的指令，建立HTML文件
静态网页与动态网页
从技术角度来看分为：动态网页、静态网页
静态网页：在服务器上以文件形式存放并以相同格式发送给客户端的网页。
客户端与服务器端没有交互。
动态网页是在用户浏览过程中由计算机系统自动创建的网页。交互性强
区分的方法：
从文件的扩展名来区分
一般来说，扩展名为html htm xml shtml的为静态
扩展名为asp jsp php 的为动态网页
从使用的语言来区分：
静态网页使用的是纯HTML代码
静态语言在HTML代码的基础上，配合其他动态网页技术。
自动更新
动态网页以数据库为基础，不需要人工修改网页的HTML文档，便会生成新的页面。可大大在降低后期网页维护的工作量。所以动态网页是一种网页发展的趋势。

静态网页要更新就显得很不方便，需要人工修改网页的HTML文档。思考：
（1）包含动画、视频、滚动字幕的网页就一定是动态网
页吗？
纯文本的网页就一定是静态网页吗？静态网页与动态网页的区别与联系 作业：课本78页实践体验。
体验客户端动态网页效果。