网页制作案例教程 清华大学出版社第1章 网页制作基础
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
4、动态网页
概念:是指网页文件中不仅包含HTML标记,而且还包含了需要在服 务器上执行的程序代码,通过后台数据库与Web服务器进行信息交 互,由后台数据库提供实时数据更新和数据查询服务。 特点:
动态网页以数据库技术为基础,可以大大降低网站维护的 工作量。 采用动态网页技术的网站可以实现更多的功能,如用户注 册、用户登录、在线调查、用户管理、订单管理等等。 动态网页实际上并不是独立存在于服务器上的网页文件, 只有当用户请求时服务器才动态生成一个完整的网页,并 以静态的形式返回客户端浏览器。
网页的种类
根据网页在网站中所处的位置和作用,网页可以分 为: 首页:是在用户发送请求之后,默认打开的网页 ,通常命名为index.html或者index.htm 等。 主页 : 一般为网站的门户网页,它既是一个单 独的网页,像一般网页一样,可以存放各种信息 ,又是一个特殊的网页,它是整个网站文件的起 始点和汇总点,是访问者浏览网站开始的地方。
特点: 静态网页每个网页都有一个固定的URL,且网页URL以 .htm、.html、.shtml等常见形式为后缀,而不含有“?”; 网页内容一经发布到网站服务器上,无论是否有用户访问 ,每个静态网页的内容都是保存在网站服务器上的,也就 是说,静态网页是实实在在保存在服务器上的文件,每个 网页都是一个独立的文件; 静态网页的内容相对稳定,因此容易被搜索引擎检索; 静态网页没有数据库的支持,在网站制作和维护方面工作 量较大,因此当网站信息量很大时完全依靠静态网页制作 方式比较困难; 静态网页的交互性差,在功能方面有较大的限制。
CSS
CSS (Cascading Style Sheets,层叠样式表), 是标准的布局语言,用来控制元素的尺寸、颜色 和排版,用来定义如何显示HTML元素,纯CSS 的布局与XHTML的结合,可使内容表现与结构分 离,并使网页更容易维护,易用性更好。
Javascript
Javascript语言是一种解释性的,基于对象的脚 本语言,其前身叫做Livescript。 JavaScript是一种基于对象和事件驱动并具有安 全性能的脚本语言,JavaScript的使用,可使网 页变得生动,增加互动性。
HTML
HTML(Hyper Text Markup Language 超文本标 记语言)是一种用来制作超文本文档的简单标记 语言。 目前,HTML已经发展到HTML5.0。HTML5.0与 HTML4.0相比较,增加了许多新特性。
源自文库
XHTML
XHTML(EXtensible HyperText Markup Language)是指可扩展超文本标签语言,是一 种为适应XML而重新改造的HTML,是一个基于 XML的置标语言,就是一个类似HTML角色的 XML,所以,本质上来说,XHTML是一个过渡语 言技术,结合了XML的强大功能及HTML的简单 特性。
网页制作案例教程
毋建军 郑宝昆 郭锐 编著
清华大学出版社
第1章 网页制作基础
本章学习目标(知识要点)
网页和网站的基本概念 静态网页、动态网页的基本概念 常见的网站类型 网页制作技术HTML、XHTML、CSS、 JavaScript的了解和认识 网页制作工具editplus、dreamweaver、 flash、photoshop基本知识
网站发布、测试和维护 提高篇 Web服务器创建
网页中常见Flash制作
JavaScript网页应用 JavaScript篇 Javascript概述 使用CSS布局规划网页 CSS篇 CSS样式表 利用模板和库创建网页 交互式网页表单的设计与使用 网页布局规划设计 HTML篇
网页基本元素设计
HTML基础 网 页 设 计 与 开 发 流 程 (AscentSys医药商务系统)
个人类网站 信息类网站 机构类网站、 电子商务类网站 娱乐休闲类网站 购物类网站
1.2 网页制作技术概述
目前,流行的网页制作技术主要有:HTML、 XHTML、CSS、Javascript、JS、flash、 photoshop等,这些技术都是静态网页制作的 初学者常用的技术,如果在在此基础上制作动 态网页,还需学习动态网页的制作技术,如动 态网页的制作语言php、ASP、JSP等,数据库 SQLServer、MySql、Oracle等方面的知识。
1.3 网页制作常用工具
常见的网页制作工具有:
editplus(网页文本编辑工具)、 DreamWeaver(网页开发工具) flash(动画软件工具) Fireworks photoshop(图像处理软件) …………
2、什么是网站
概念:即Web站点(Website),是指在互联网络上,根据 一定的规则,使用HTML等语言制作的用于展示特定内容的 相关网页的集合。 网站与网页区别:主要从两个方面:有独立的域名和独立 的存储空间。 概念:是指只能在客户端运行,没有后台数据库
3、静态网页
、不含程序、不具有交互性的纯HTML格式的网页 文件,其文件后缀一般为.html、.htm、.shtml、 .xml等。
基础篇 网页制作基础
1.1 网页和网站基础知识
本节将介绍网页设计中的基础知识,包括网页与网 站、静态网页与动态网页、常见的网站类型。
1、什么是网页 网页,又称Web page,是一种可以在互联网 上传输的,由HTML(Hyper Text Markup Language,又称超文本标记语言)标记构成的文本 文件,且能被浏览器识别和解释成页面并显示出来, 所以网页有时也被称为HTML文档。
本章学习导航
网页制作的基本概念和基础知识,对每 个处于入门阶段的初学者而言,都是应 该了解和掌握的,也是开始学习网页制 作的前提,掌握这些基本概念、网页制 作的技术、制作常用工具使用,有助于 初学者从总体上对网页制作、设计有个 清晰的认识和了解,为后续的网页制作 、网站的创建打下基础。本章内容在全 书知识结构中所处位置如图所示
动态网页中的“?”对搜索引擎检索存在一定的问题,搜 索引擎一般不可能从一个网站的数据库中访问全部网页, 或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“? ”后面的内容,因此采用动态网页的网站在进行搜索引擎 推广时需要做一定的技术处理才能适应搜索引擎的要求。
5、常见网站类型