网站更新与维护Word文档下载推荐.docx
《网站更新与维护Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《网站更新与维护Word文档下载推荐.docx(29页珍藏版)》请在冰点文库上搜索。
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<
或>
以及字符串组成<
img>
<
p>
/p>
5、是一种编程语言
6、浏览器解释的语言
四、CSS基础
1、CSS(Cascadingstylesheets)
2、是一种用来表现HTML样式的语言
3、它不能独立使用,没有HTML就没有CSS
4、定义网页的外观和布局(字体、背景、文本、位置、边缘、列表及其它)
5、也是用浏览器解释的语言
五、HTML语法
(一)
1、元素:
是一整体,是一对象
2、<
标记名>
<
/标记名>
成对的标记,也称为容器
3、标记中可以嵌套其它的标记
4、<
br/>
hr/>
5、<
ahref=“www.xsphp”>
b>
地址<
/b>
/a>
6、使用标记来描述元素的
7、HTML文档就是由元素和标记组成的文件
HTML语法
(二)
1、HTML标签属性
2、<
tag>
content<
/tag>
3、<
tag2>
content<
/tag2>
4、<
tag/>
tagpro=“value”pro2=“value2”>
content
属性:
在标记中使用[属性=属性值]
多个属性使用空格分开
属性的值(不管什么类型)可以使用单引号、双引号、不加引号(使用双引号)
fontcolor=“red”size=“7”>
属性是对标记功能的扩展或形为的修饰,每个属性几乎都是可选。
HTML语法(三)
1、HTML标记和属性名都是不区分大小写的
2、HTML文档注释<
!
--注释内容-->
a在注释中不能再有注释
b在注释掉的标记之后,要保证还是一个结构完好的文档
HTML语法(四)
1、HTML的代码格式
a任何回车或空格在源代码中都不起作用
b使用回车或空格进行代码排版
HTML语法(五)
1、HTML字符实体
2、三部分:
a、以&
开头
b一个实体名或是使用#号和一个体编号
c以分号;
结束
d<
&
lt;
#60;
e>
gt;
#62;
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>
是网页文件的最外层标记
head>
之间的文本是头信息
不会显示在浏览器中,包括基本的描述,整个网页的公共属性
/head>
body>
是网页文件的主体部分
正文:
文字、图片、链接、表单等
/body>
/html>
三、HTML文档头部标记
1、<
头部标记<
title>
/title>
只能有一个
3、<
base/>
link>
可以有多个
meat>
6、<
meatname=“”content=“”>
7、<
meathttp-equiv=“”content=“”>
四、title
1、定义网页标题,显示在浏览器的标题栏中
2、公司名称+公司产品
3、有利于搜索引擎(也是在搜索引擎中显示的标题)
五、base
1、基底网址标记
2、用于设定浏览器中文件的绝对路径
3、网页中的文件只需要写下文件的相路径即可,这个路径就是base中指定下的路径
六、link
1、设置外部文件的链接标记
2、用于确定本页面和其它文档之间的关系
七、meta
1、两种用法
A、<
metaname="
"
content="
>
B、<
metahttp-equiv="
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.格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等
br>
换行
3.<
段落
4.<
center>
居中
5.<
pre>
保留文字在源代码中的格式
6.<
ul>
li>
无序列表
7.<
ol>
有序的列表
8.<
hr>
水平分隔线
三、文本标签
1.在网页中,为了着意强调某一部分文字,或者为了让文字有所变化
hn>
i>
u>
sub>
sup>
font>
9.<
tt>
10.<
cite>
11.<
em>
12.<
strong>
13.<
small>
14.<
big>
四、超链接标签
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<
ahref=“URL”>
某某页面<
8.1Target:
_self_blank_parent_topname
五、锚点的应用
1.<
:
超连接
aname=“name”>
内容<
锚点
3.使用时<
ahref=“#name”>
定位位置<
六、图像标签
2.Src:
指定图片所在的URL
3.Border=边框的宽度
4.Alt:
a)鼠标放上有黄色小图标
b)如图像不存在,则出现它指定的文字
c)搜索引擎可以通过它指定的文字搜索该图片
5.Width
6.height
七、图像地图
1一个图像只能加一个a标签,做一个链接
2如果把一幅图像分成多个区域,每个区域指向不同的URL地址(为一个图片加多个链接)
3在图像<
中使用usemap属性去使用地图
4<
map>
定义热点区域
5<
area>
指定每个热点区域
5.1Shape指定形状rect,poly,circle
5.2Coords确定形状
5.3href指定链接的位置
1.掌握文字版面的编辑的格式标签和文本标签
2.掌握超链接和锚点的使用
3.掌握创建图像和图像地图使用
第七章、HTML的表格标签
课程内容
1.表格标签<
table>
2.行标签<
tr>
3.列标签<
td>
th>
表格标签
2.Align:
left,center,right
3.Border:
4.Width:
5.Height:
6.Cellspacing
7.cellpadding
定义标题
caption>
2.Align
3.Valign
4.放在tr标签之前,放在table的内部使用
字段标签
2.和<
的用户一至
3.文字是以粗体居中显示
行标签
4.bgcolor
列标签
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<
frameset>
标签
1.1属性:
rows、cols、可以使用固定值,百分比和*三种
1.2border、frameborder
2<
frame>
3属性:
src、name、scrolling、noresize
ahref=“”>
的target属性
4.1四个内置的取值:
_blank、_parent、_self、_top
noframes>
5.1使用MicrosoftVisualStudio.NET创建框架集
6<
iframe>
7注意:
分桢不能和body标签及内容体共存
i.掌握窗口分帧的应用
ii.掌握Iframe的使用
HTML的表单
1.表单的作用
form>
标签及其属性
3.表单字段元素
from>
/form>
标签对用来创建一个表单,即定义表单的开始和结束位置,<
标签具有下面等属性。
1.1action属性用来设置接收和处理浏览器递交的表单内容的服务器程序的URL。
相对和绝对
1.2Method属性用来定义浏览器将表单中的信息提交给服务器端的处理程序的方式,取值可以为:
GET或POST.
1.3Target属性用来指定服务器返回结果显示的目标窗口或目标帧。
1.4Title属性用来设置当网站访问者的素、鼠标在表单上的任一位置停留过几秒时,浏览器用黄色小浮标显示的文本(如表单的名称或描述)。
1.5Enctype属性指示浏览器使用哪种编码方法将表单数据传送给www服务器。
该属性可以有两种取值:
1.5.1application/x-www-form-urlencoded(默认的设置)
1.5.2multipart/form-data
表单字段元素(1)
inputtype=“submit”>
inputtype=“reset”>
3<
inputtype=“text”>
3.1属性:
size、value、maxlength、readonly、disabled
inputtype=“checkbox”>
4.1属性:
checked
inputtype=“radio”>
inputtype=“hidden”>
7<
inputtype=“password”>
inputtype=“button”>
表单字段元素
(2)
inputtype=“file”>
inputtype=“image”>
select>
/select>
option>
/option>
3.1<
标签的属性:
multiple、size,name
3.2<
value、selected
3.3如何在列表中实现取消选项
textarea>
/textarea>
cols、rows
label>
5.1属性:
for、accesskey
1.掌握表单的作用
2.掌握<
3.掌握每个表单字段元素
第九章、层叠样式表CSS的基础
1.什么是CSS
2.CSS语言语法
3.CSS的四种设置方式
什么是CSS
1.CSS是CascadingStyleSheets的简写,它除了可以轻松设置网页元素的显示位置和格式处,甚至还能产生滤镜,图像淡化,网页淡入淡出的渐变效果。
2.CSS
3.一个样式表由样式规则组成,以告诉浏览器怎样去呈现一个文档
4.简而言之,CSS就是要对网页的显示效果实现与Word一样的排版控制。
5.一个段落:
字体:
红色;
背景:
黄色;
有一个2个像素实线边框;
字体大小为4cm;
6.Idclassstylename
CSS语言语法
1格式
值;
属性1:
值1;
属性2.。
。
;
1.2属性和值使用冒号“:
”,多个属性之间使用分号“;
”
2单位
2.1颜色:
#rgb#8fa#aaffaaredgreenrgb(255,0,10)
2.2大小:
em2empxpt%pccmmmin
2.3URL(url)
3注释/**/在其中不要再包含注释
CSS的四种设置方式
1内联样式表:
在HTML元素标签中使用style属性内联
1.1.1每个HTML标签都可以加样式
2嵌入样式表:
通过HTML的<
style>
标签将CSS嵌入到HTML中使用
2.1.1可以控制当前页面的所有样式
3外部样式表:
将样式单独定义在一个后缀名为.css的文档中,并在HTML中通过link元素连接到HTML中使用。
3.1多个页面都可以使用
4输入样式表:
可以将一个样式文件输入到另外一个样式文件的中,或将一个样式文件输入到<
元素中
4.1@importurl(css文件)
5他们的优先级别:
5.1内联的高于其它的,其它的和加载的顺序有关
i.掌握CSS语言语法
ii.掌握CSS的四种设置方式
第十章、CSS的多种选择器的使用
1.什么是样式选择器
2.HTML选择器
3.类选择器
4.ID选择器
5.关联选择器
6.组合选择器
7.伪元素选择器
什么是样式选择器
a)Selector{/*Selector是样式选择器*/
1.property:
value;
/*color:
red;
*/
2.property:
/*font-size:
4cm;
3.…
2.}
a)Selector:
当定义一条样式规则时,必须指定受这条样式规则作用的网页元素,在一条规则中定义的网页元素就是selector(选择器),也就是选择该样式规则作用于的网页元素。
H