网站更新与维护.docx
《网站更新与维护.docx》由会员分享,可在线阅读,更多相关《网站更新与维护.docx(29页珍藏版)》请在冰点文库上搜索。
网站更新与维护
一‘课程内容
1网站软件介绍
B/S软件体系统结构
动态网站介绍
2动态网站开发所需要的Web构件
3开发选项卡实例
通过实例了解Web构件
二、网站软件简介
B/S软件的体系结构。
动态网站介绍
三、动态网站开发所需要的Web构件
客户端浏览器(IE,FF)
可扩展的超文本标记语言(XHTML)
层叠样式表(CSS)
客户端脚本编程语言(JavaScript)
Web服务器(Apache)
服务器端脚本编程语言(PHP)
数据库管理系统(MySQL)
四、可扩展的超文本标记语言(HTML)
1HTML(HyperTextMarkupLanguage)文档是一个放置了标记(tags)的ASCII文本文件
2是一种超文本标记语言
3HTML语言是通过各种标记来标识文档的结构,以及标识超链接、图片、文字、段落、表单等信息。
五、层叠样式表
1HTML是通过标签标识页面的结构和显示页面内容
2使用HTML标签所标识的内容,需要通过层叠样式表CSS(CascadingStyleSheets)来布局与美化。
3样式可定义HTML元素如何被显示,可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。
六、客户端脚本编程语言(JavaScript)
1HTML用来在页面中显示数据
2CSS用来对页面进行布局与美化
3客户端脚本语言则是一种有关因特网浏览器行为的编程,能够实现用户和浏览器之间的互动性。
这样才能有能力传递更多的动态网站内容。
4开发页面特效
七Web服务器
保存并发布网站的服务器软件
八、服务器端脚本编程语言(PHP)
服务器端脚本是用来协助Web服务器在服务器端完成业务工作的编程语言
是对Web服务器功能的扩展,并外挂在Web服务器上一起工作。
服务器端脚本编程语言(PHP)
九、数据库管理系统(MySQL)
1网页上的内容几乎都是来自数据库
2数据库管理系统也是一种软件
3它负责存储和管理网站所需的内容数据,包括文字、图片以及声音等数据内容
十、合作开发过程
1使用数据库去存储网页内容
2使用HTML标识文档结构和添加内容
3使用CSS对页面进行布局和美化
4使用JavaScript完成用户与浏览器交互,实现页面特效
5使用Web服务器(Apache)发布到网上
6通过浏览器进行显示
十一、代码库文件
1card.html
2Css/card.css
3Js/card.js
4在数据库中添加一些数据
十二、内容总结
1掌握Web开发所需要的构件
2每个构件在开发网站时所起到的作用
LAMP平台介绍及网站的工作原理
一课程内容
1什么HTTP协议
2Web的工作原理
3多种网站开发平台比较
4LAMP网站开发组合概述
二HTTP协议
1URL(UniformResourceLocator)统一资源定位符
2超文本传输协议(HTTP,HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。
所有的WWW文件都必须遵守这个标准。
设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。
3HTTP通信通常发生在TCP/IP连接之上,默认端口是80
4HTTP只预示着一个可靠的传输。
三Linux操作系统
1、LAMP组合就是在Linux操作系统上配置Apache服务器、MySQL服务器,PHP应用程序Web服务器Apache
四Web服务器Apache
1、Apache一直是世界使用排名第一的Web服务器软件。
它可以运行在几乎所有广泛使用的计算机平台上,尤其对Linux的支持相当完美。
它和Linux一样都是源代码放的自由软件,所以不断有人来为它开发新的功能、新的特性、修改原来的缺陷。
Apache的特点是简单、速度快、性能稳定,并可作为代理服务器来使用。
五、MySQL数据库管理系统
1、MySQL是关系型数据库管理系统,是一个开放源代码的软件,MySQL数据库系统使用最常用的结构化查询语言(SQL)进行数据库管理,是一个真正的多用户,多线程的SQL数据库服务器。
是客户机/服务器结构软件的实现,由于其源码的开放性及稳定性,且与网站流行编程语言PHP的完美结合,使很多站点都利用其作为服务器端数据库,获得了广泛的应用。
六、PHP后台脚本编程语言
1、PHP是“PHP:
HypertextPreprocessor”的缩写,即“超文本预处理器”。
2、是一种服务器端的,嵌入到HTML中的脚本语言,易于使用且功能强大,是开发Web应用程序的理想工具。
3、需要安装PHP应用程序服务器去解释执行,也是一个开放源代码的软件。
4、PHP是一种目前最流行的服务器端Web程序开发语言之一,在融合了现代编程语言的一些最佳特性后,PHP、Aapache和MySQL的组合已经成为Web服务器的一种配置标准。
七、LAMP发展趋势
1LAMP中的成员都是源码开放的,这意味着其代码的核心部分可以被免费使用,所有源码、文档都可以在相应的官方网站上获得,用户都可以自由复制、编译、分发和拷贝。
任何一个LAMP项目都属于自己,并且可以自行处理。
正是由于这种开源精神,才使得LAMP社区可以聚集众多爱好者,也使得LAMP有如此迅猛的发展,而且更新速度,以及发现和修正错误的速度都是非常快的。
2现在越来越多的供应商、用户和企业投资者逐渐认识到,使用LAMP单个组件的开源软件组成的平台,用来构建以及运行各种商业应用和协作构建各种网络应用程序,变得更加具有竞争力,更加吸引客户。
LAMP无论是性能、质量还是价格都将成为企业、政府信息化所必须考虑的平台,并逐渐开始于面向企业级应用发展。
Apache+PHP+MySQL被认为是在Linux平台上最佳组合之一。
八、总结
1、了解HTTP协议
2、掌握Web服务器的工作原理
3、了解LAMP的性能和发展趋势
第三章HTML和CSS概述及HTML语法
一、课程内容
1网页制作概述
2HTML基础
3CSS基础
4HTML语言语法
二、网页制作概述
1、HTML是WEB页面的描述性语言
2、CSS则是为HTML制定样式的机制
3、JavaScript是具有交互性Web设计最佳选择
4、都可以独立编写
5、CSS和JavaScript还有PHP都可以嵌入在HTML中应用
6、都是文本文件
三、HTML基础
1、HTML(HypertextMarkedLanguage)
2、文件的后缀名.html或.htm
3、Hypertext可以在文件中标识图片、链接、表格、文本等。
4、Marked<或>以及字符串组成
5、是一种编程语言
6、浏览器解释的语言
四、CSS基础
1、CSS(Cascadingstylesheets)
2、是一种用来表现HTML样式的语言
3、它不能独立使用,没有HTML就没有CSS
4、定义网页的外观和布局(字体、背景、文本、位置、边缘、列表及其它)
5、也是用浏览器解释的语言
五、HTML语法
(一)
1、元素:
是一整体,是一对象
2、<标记名>标记名>成对的标记,也称为容器
3、标记中可以嵌套其它的标记
4、
5、地址
6、使用标记来描述元素的
7、HTML文档就是由元素和标记组成的文件
HTML语法
(二)
1、HTML标签属性
2、content
3、content
4、
content
属性:
在标记中使用[属性=属性值]
多个属性使用空格分开
属性的值(不管什么类型)可以使用单引号、双引号、不加引号(使用双引号)
属性是对标记功能的扩展或形为的修饰,每个属性几乎都是可选。
HTML语法(三)
1、HTML标记和属性名都是不区分大小写的
2、HTML文档注释
--注释内容-->
a在注释中不能再有注释
b在注释掉的标记之后,要保证还是一个结构完好的文档
HTML语法(四)
1、HTML的代码格式
a任何回车或空格在源代码中都不起作用
b使用回车或空格进行代码排版
HTML语法(五)
1、HTML字符实体
2、三部分:
a、以&开头
b一个实体名或是使用#号和一个体编号
c以分号;结束
d<<<
e>>>
HTML语法(六)
1、HTML颜色的设置
2、设置颜色时可以是一个关键字或RGB的数字格式
3、Whiteblackblue,graygreen,redyellow
4、#FF(0-255)
5、#FF00BB(rgb)redgreenblue
6、16777216
六、总结
1、了解HTML和CSS的作用
2、掌握HTML语言的编写语法
第四章、HTML的主体结构
一、课程内容
1、HTML主体结构
2、HTML文档头部标记
3、HTML文档主体标记
4、文档类型定义(DTD)
二、HTML主体标记
1、代码分为三部分编写
是网页文件的最外层标记
之间的文本是头信息
不会显示在浏览器中,包括基本的描述,整个网页的公共属性
是网页文件的主体部分
正文:
文字、图片、链接、表单等
三、HTML文档头部标记
1、
头部标记
2、
只能有一个
3、只能有一个
4、可以有多个
5、可以有多个
6、
7、
四、title
1、定义网页标题,显示在浏览器的标题栏中
2、公司名称+公司产品
3、有利于搜索引擎(也是在搜索引擎中显示的标题)
五、base
1、基底网址标记
2、用于设定浏览器中文件的绝对路径
3、网页中的文件只需要写下文件的相路径即可,这个路径就是base中指定下的路径
六、link
1、设置外部文件的链接标记
2、用于确定本页面和其它文档之间的关系
七、meta
1、两种用法
A、
B、
2、Name用于在网页中加入一些关于网页的描述信息,网页的关键字,网页描述信息
3、http-equiv:
属性用于在HTML文档中模拟HTTP协议的响应消息头,例如,告诉浏览器是滞缓存页面,使用什么样的字符集显示网页内容
八、Meta标签的name属性
1、不是自己定义的值:
2、Keywords:
网页的关键字
3、Description:
网页的描述
4、Robots:
indexnoindexfollownofollowallnone
5、Author
6、copright
九、Meta标签的http-equiv属性设置
1、Content-Type
2、Refresh
3、Expires
4、Windows-Target
5、Pragma
6、Page-Enter和Page-Exit
十、主本标记
1.在它中放置网页中所有内容
2.Text
3.Bgcolor
4.Background
5.Link
6.Alink
7.Vlink
8.Topmargin
9.Leftmargin
10.只要是可以用样式控制的就不用HTML本身属性
11.Idnameclassstyle通用属性,所有的元素都可以使用
十一、DTD
1.文档类型定义
2.
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3.Html
4.Public
5.Version
6.URL
十二、总结
1.掌握HTML主体结构
2.掌握HTML文档头部标记
3.掌握HTML文档主体标记
4.了解文档类型定义(DTD)
第五章、编写HTML页面常用的标签
一、课程内容
1文字版面的编辑
1.1格式标签
1.2文本标签
2超链接和锚点
3图像和图像地图
二、格式标签
1.格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等
2.
换行
3.
段落
4.
居中5.
保留文字在源代码中的格式6.
- 无序列表
7.
- 有序的列表
8.
水平分隔线三、文本标签
1.在网页中,为了着意强调某一部分文字,或者为了让文字有所变化
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
四、超链接标签
1协议:
主机:
文件:
附加资源
2
3相对URL:
3.1Images/logo.gif
3.2../css/demo.css
3.3../../js/demo.js
3.4./admin/index.php
4绝对URL:
5C:
/appserv/www/image/logo.gif
6/usr/local/apache/htdocs/www/index.php
7
8某某页面
8.1Target:
_self_blank_parent_topname
五、锚点的应用
1.某某页面:
超连接
2.内容:
锚点
3.使用时定位位置
六、图像标签
1.
2.Src:
指定图片所在的URL
3.Border=边框的宽度
4.Alt:
a)鼠标放上有黄色小图标
b)如图像不存在,则出现它指定的文字
c)搜索引擎可以通过它指定的文字搜索该图片
5.Width
6.height
七、图像地图
1一个图像只能加一个a标签,做一个链接
2如果把一幅图像分成多个区域,每个区域指向不同的URL地址(为一个图片加多个链接)
3在图像中使用usemap属性去使用地图
4
5指定每个热点区域
5.1Shape指定形状rect,poly,circle
5.2Coords确定形状
5.3href指定链接的位置
八、总结
1.掌握文字版面的编辑的格式标签和文本标签
2.掌握超链接和锚点的使用
3.掌握创建图像和图像地图使用
第七章、HTML的表格标签
课程内容
1.表格标签
2.行标签
3.列标签
| 表格标签 1. 2.Align: left,center,right 3.Border: 4.Width: 5.Height: 6.Cellspacing 7.cellpadding 定义标题 1. 2.Align 3.Valign 4.放在tr标签之前,放在table的内部使用 字段标签 1. 2.和 | 的用户一至 3.文字是以粗体居中显示 行标签 1. | 2.Align 3.Valign 4.bgcolor 列标签 1. | 2.Width 3.Height 4.Align: left,center,righ 5.Valign: top,middle,bottom 6.Colspan 7.rowspan 总结 1.掌握表格标签 2.掌握行标签 3.掌握列标签 第八章、HTML的窗口分帧 课程内容 1.窗口分帧介绍 2.窗口分帧有应用 3.Iframe的应用 4.结合CSS使用iframe Html窗口分帧 1.把一个浏览器文档窗口分隔成多个窗口,每个窗口都可以显示一个独立的网页文件 2.每个帧(即页面)都有自己的url 帧标签 1 |
---|
|
---|