主页制作做一个自己俱乐部how to set up a website_第1页
主页制作做一个自己俱乐部how to set up a website_第2页
主页制作做一个自己俱乐部how to set up a website_第3页
主页制作做一个自己俱乐部how to set up a website_第4页
主页制作做一个自己俱乐部how to set up a website_第5页
已阅读5页，还剩28页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

从零开始学做网站What

is

a

website文字图片动画行为/动作响应/反馈科技名词定义中文名称：网站英文名称：website定义：因特网上一块固定的面向全世界发布消息的地方，由域名(也就是网站地址)和网站空间构成，通常包括主页和其他具有超链接文件的页面。What

does

a

website

have域名(网址)内容看得见的内容文字图片动画按钮……看不见的内容HTML/CSSJavaScriptPHP/ASP/.NET/JSP/ROR/……What

does

a

website

have内容背后服务器图片服务器文件服务器网站服务器……数据分发与备份CDNSANNAS…….B/S

Architecture主机模式:所有计算都在本机进行C/S架构（Client/Server）大部分的计算都在服务端进行,客户端一般是一台电脑,仅仅分担一小部分的计算任务B/S架构（Browser/Server）更加轻量的客户端,

仅仅是一个浏览器.

基本所有的计算任务都在服务端完成,

浏览器一般负责呈现.Internet

ProtocalsTCP/IP协议族网络层：IP,IPv4,IPv6传输层：TCP(Transmission

Control

Protocol),

UDP(UserDatagram

Protocol)应用层：HTTPFTPSMTPTelnetDNS…IP地址和域名World

Wide

Web

(WWW)万维网的工作模型URL (How

to

identify

an

object)protocol://hostname:port/directory/objectHTTP (How

to

retrieve

an

object)请求-响应模型无状态无连接HTML (How

to

interpret

an

object)GET从URL中传输小量数据POST传递大量数据到给定URL,

通常用于表单Get

resource

metadata

(headers)

onlyPUT修改资源DELETE删除资源HEAD只获取资源的元数据HTTP

CommandsResponse

Code

of

HTTP

1.0正常执行永久转移未修改禁止执行未找到2xx2003xx3013044xx4034045xx500502服务器错误网关错误Client

Browser获取用户指令向服务器发出请求Web

Server获取请求执行请求处理数据寻找对应资源返回结果File

System提供资源CGI数据运算,逻辑处理A

Basic

Web

ServerHello!Web

serverFilesystemHTTP协议CGIHow

to

set

up

a

web

serverLAMPLinuxApacheMySQLPHPXAMPP(Apache+MySQL+PHP+Perl)xampp\htdocs\建议安装在非C盘建议不要包含中文路径Web文件存放目录ConfigApachePHPMySQL\apache\conf\httpd.conf\php\php.ini\mysql\bin\my.iniApache

ConfigApache服务的根目录ServerRoot“D:/XAMPP/apache“Listen80

Apache服务端口号DocumentRoot“D:/XAMPP/htdocs“ Web根目录<Directory

/>

</Directory>Options

FollowSymLinks

禁止目录索引AllowOverride

NoneOrder

deny,allowDeny

from

all禁用.htaccess文件,会禁止rewrite先禁止再允许全部禁止PHP

Configmax_execution_time显示除了60

脚本最长执行时间error_reportingE_ALL

&

~E_NOTICE

&~E_DEPRECATEDNOTICE和DEPRECATED以外的所有错误display_errorsOn

允许显示错误file_uploadsOn

允许上传upload_tmp_dirOn

上传的临时目录upload_max_filesize128M

允许的最大上传文件大小MySQL

Configport3306

MySQL服务的端口max_connections768

最大允许的连接数wait_timeout10

一个请求的最大连接时间mysqladmin-u

root

–p

123456

password

"yourpassword“

更改root

密码mysql-uroot

–p

以root登陆PHPMyAdmin

Config$cfg['blowfish_secret']xampp

Cookie认证的短语密码$cfg['Servers'][$i]['auth_type']config

选择的认证方式

cookie/http/config$cfg['Servers'][$i]['user']root

登陆用户名$cfg['Servers'][$i]['password']123

登陆密码HTMLHyper-Text

Markup

Language超文本带有超级链接标记使用标记来规定语义,如<b></b>浏览器负责解析各个浏览器的实现细节不同常用标准有4.01和5XHTML-eXtensible

HyperText

Markup

Language语法更加标准W3C推荐标准但是前景黯淡HTML

Basic

Structure<!DOCTYPE

HTML><html

lang="en-US"><head><meta

charset="UTF-8"><title>Hello

World</title></head><body>e

to

html5</body></html>HTML

Basic

StructureDocument

Type

Definition<!DOCTYPE

HTML><!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML1.0

Frameset//EN"

"

">Metahttp-equiv="content-Type"content="text/html";charset=gb2312"http-equiv="Refresh"

content="

“HTML,

Head,

Body最基本的几个元素,分别表示整个文档,文档头部信息,文档主体部分More

HTML

ElementsA

超链接<a

href=“

”></a>IMG

图片<img

src=“

”

alt=“baidu”

/>INPUT

表单<input

type="text"

name="wd"

id="kw"maxlength="100"

style="width:474px;"

plete="off"<input

type="submit"

value="百度一下"id="su"class="btn"onmousedown="this.className='btnbtn_h'"onmouseout="this.className='btn'">UI/LI

列表<ul

id="mMenu"><li></li></ul>More

HTML

ElementsFORM

表单<form

name=“f”

id=“s_ps_form”

action=“

”onsubmit=“”></form>DIV

分区/节<div></div>Class

and

IDClass类选择器通常用来标识具有相同外观形式或作用一组元素,通常在CSS中使用.classdocument.getElementsByClassName(“class”)IDid选择器通常用来标识特殊的一个元素,通常用在CSS和Javascript中#iddocument.getElementByID(“id”);CSSCascading

Style

Sheet样式表用于对网页中的对象提供表现上的装饰和位置控制层叠对应用在同一元素上的不同规则提供应用上的优先级内容与表现相分离<style

type="text/css"></style><link

rel="stylesheet"

href="">内嵌样式外联样式流式布局文档流CSS

2.1

和CSS3CSS

盒模型盒模型标准盒模型实际宽度=width+padding+border+marginQuirks模型实际宽度=指定的width,

此width包括padding+border+marginCSS

ExampleHTML

代码<div

id=“mydiv”

class=“divs”

></div><divid=“mydiv2”

class=“divs”></div>CSS

代码<style

type="text/css">.divs{height:100px;width:

100px;background-color:

black;margin:

10px;float:

right;}</style>CSS

ExampleCSS代码<style

type="text/css">#mydiv{background-color:

red;}#mydiv2{background-color:

green;}</style>#mydiv

覆盖了.divs的效果More

CSS

PropertiesCSS

PropertiesDisplay:

block;Padding:

10px;Border:1px

solidblack;Background:

url("images/aardvark.gif")

no-repeat

scroll50%

50%;Position:

absolute;Left:100px;Overflow:hidden;JavaScriptJavaScript

≠

Java借鉴C语言的基本语法；借鉴Java语言的数据类型和内存管理；借鉴Scheme语言，将函数提升到"第一等公民"（firstclass）的地位；借鉴Self语言，使用基于原型（prototype）的继承机制。内嵌脚本<script

type="text/javascript"></script>外联脚本<script

type="text/javascript"

src=""></script>How

can

JavaScript

Interact

with

webpagesDocument

Object

Model

(DOM)文档对象模型标准编程接口获取一个元素getElementById()getElementsByTagName()什么时候开始执行Window.onload

?JavaScript

Code

Examples2级DOM标准window.addEventListener("load",function(){var

mydiv

=document.getElementById("mydiv");mydiv.style.backgroundColor

="black";})0级DOM标准window.onload

=function(){var

mydiv

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论