第一篇：黑馬程序員php培訓：3天帶你玩轉(zhuǎn)HTML教程

兩個概念

客戶端和服務器端

瀏覽者使用的計算機客戶端，用來給服務器發(fā)送請求，注意：管理員使用的計算機也是客戶端（在服務器上直接操作除外）

存放網(wǎng)頁文件的計算機是服務器端。

文件名、基本名、擴展名

文件名由基本名和擴展名組成，比如demo.txt 其中demo是叫基本名，txt是擴展名 擴展名是用來區(qū)分文件的類型。

思考：網(wǎng)頁的擴展名是什么？.html.htm Html和htm是一樣的。表示這個文件是靜態(tài)網(wǎng)頁文件。后面我們還會介紹.asp.aspx.php.jsp Doc Jpg Gif PNG Word文檔 圖片 圖片

圖片格式，是一種無損壓縮格式，用的越來越多。

打開一個網(wǎng)頁的執(zhí)行過程

客戶端給服務器端發(fā)送一個請求，服務器會把頁面的代碼（HTML、CSS、js）發(fā)送到客戶端來，這些代碼通過瀏覽器解析執(zhí)行就生成了我們看到的頁面。

站點介紹

一個網(wǎng)站中包括HTML頁面，CSS，js，圖片，flash動畫或gif動畫，都屬于網(wǎng)頁的資源文件。為了便于管理，我們將這些靜態(tài)資源放置到一個文件夾下。這個文件夾我們叫站點。

做網(wǎng)站的第一步要先建站點。

什么是HTML HyperText Mark-up Language，超文本標記語言。

HTML語言的規(guī)則

? ? ? ? 命令都要放到<> 大部分標記都是成對出現(xiàn)

標簽大部分都是開始結(jié)束

HTML語言不區(qū)分大小寫，但是XHTML按照規(guī)范全部是小寫

練習

網(wǎng)頁的基本框架

例題：

在站點文件夾中新建一個txt文件，在文件中輸入如下代碼

將文件的擴展名改為.html或.htm

雙擊網(wǎng)頁文件，通過瀏覽器打開，這時候可能會出現(xiàn)亂碼，設置一下瀏覽器的字符編碼

瀏覽器打開效果如下

幾種常見的標記1、2、

段落 換行

注意：換段和換行的區(qū)別

3、

水平線

4、

5、

6、

粗體 斜體 下劃線

7、強調(diào)標記，通過加粗的方式來強調(diào)

8、 強調(diào)標記，通過傾斜的方式來強調(diào)

多學一招：從外觀上看和、和是一樣的，但是對SEO(搜索引擎優(yōu)化)影響很大。和僅僅表示是字體，沒有強調(diào)的作用，在實際工作中，建議使用強調(diào)標記。

9、 ^top

上標

10、 _{bottom 下標}

標記的分類

標記分為兩類，一類是成對出現(xiàn)，還有一類是不成對出現(xiàn)。

1、容器標記: 成對出現(xiàn)的標記（圍堵標記）

2、空標記: 不成對出現(xiàn)的標記

（單標記）

第二篇：黑馬程序員php培訓：3天帶你玩轉(zhuǎn)HTML教程

滾動文字的設置

路徑

路徑分為兩種

1、絕對地址：從盤符開始

2、相對地址：以自身文件為準

注意：../代表上一級目錄./代表當前目錄

點擊./代表當前目錄

鏈接

連接的標記是 內(nèi)部鏈接

網(wǎng)站內(nèi)部頁面和頁面之間的連接，參照前面路徑那一節(jié)

外部鏈接

外部連接就是連接到其他網(wǎng)站上去

空連接

有超鏈接的樣子，但是點擊不會跳轉(zhuǎn)。這種就是空連接，空連接用#表示。

下載鏈接

鏈接的文件，瀏覽器無法打開，就自動出現(xiàn)下載。

錨鏈接

新建一個錨點

Id表示唯一的編號。

點擊超鏈接，連接到指定的錨點處

#表示id的意思，六種標題級別

到h6，標題也是有權(quán)重的。H1權(quán)重最高

列表

有序列表（

）

每一項是一個li 無序列表(

)

自定義列表(

)

第三篇：黑馬程序員php培訓：3天帶你玩轉(zhuǎn)HTML教程(12)

ps和fw中幾個常用快捷鍵(兩個軟件中是一樣的)

1、ctrl+加號：放大

2、ctrl+減號：縮小

3、雙擊手型工具，將圖片自適應大小顯示

4、Tab鍵全部顯示/隱藏工具面板，在FW中F4也可以顯示/隱藏工具面板，DW中顯示/隱藏工具面板也是F4

5、按住空格鍵快速切換到手型工具

6、ctrl鍵快速切換到選擇工具

網(wǎng)頁基本概念

?

1、網(wǎng)站： 所有網(wǎng)頁的集合

?

2、首頁：也叫主頁，但收入網(wǎng)址后打開頁面，名稱一般為index 或default，如果一個網(wǎng)站中沒有首頁，則這個網(wǎng)站無法顯示。?

3、子頁命名規(guī)則：小寫的英文字母或數(shù)字（不能中文）

?

4、頁面尺寸：以不出現(xiàn)橫向的滾動條為準，目前的頁面寬度以17純平為準(1024*768)通過設計器插入素材

插入圖片

第一種方法：點擊插入圖片的按鈕

第二種方法：直接將站點中的圖片拖放到頁面上即可

插入文字

文字直接輸入，注意： 回車：換端

Shift+回車：換行

設計器下做超鏈接

選擇文字或圖片，在屬性面板上選擇連接的地址，或者用指向文件工具連接到指定文件處。

連接文件在新的瀏覽器中打開，在目錄選項中選擇_blank

插入表格

寬度單位：

（1）像素：絕對單位（2）百分比：相對單位

? 最外層表格單位是像素，套用的可以是像素也可以是百分比。? 邊框：一般調(diào)成0 ? 單元格填充(填充)：內(nèi)容距邊的距離。（默認為1 像素）一般設為 0 ? 單元格間距：單元格與單元格的距離（默認為 2 像素）一般設為 0 標簽選擇

標簽選擇用來快速選擇標簽對象。

合并單元格和拆分單元格

選中單元格，在屬性面板上會出現(xiàn)合并單元格和拆分單元格的按鈕。

表格布局注意點

? 1.整個頁面不要都套在一個表格里，盡量拆分成多個表格;若將內(nèi)容都放在一個表格中，下載速度會很慢。? 2.表格的結(jié)構(gòu)盡量整齊；

拼版的特性

1、表格可以被內(nèi)容撐開，不能被背景撐開

2、背景默認是平鋪的，標簽有多大，背景就鋪多大

3、內(nèi)容不能放在內(nèi)容上面，內(nèi)容可以放在背景的上面

思考：什么情況下使用背景圖？

1、圖在圖上或字在圖上，使用背景圖

2、一張圖重復出現(xiàn)，使用背景圖

表格拼版

代碼參照例題

第四篇：黑馬程序員PHP培訓教程：Linux介紹

Linux介紹

1、計算機資源

計算機資源是由兩部分組成：

硬件資源：鍵盤、顯示器、鼠標、硬盤、內(nèi)存等等。軟件資源：應用程序，如office、qq等等。

問題：用戶在鍵盤上的操作（打字）為什么會在word文檔中顯示出來？ 流程：硬件→操作系統(tǒng)→程序→硬件（顯示器）

操作系統(tǒng)：操作系統(tǒng)它是一個特殊的軟件程序（軟件資源的范疇）。

2、常見的操作系統(tǒng)

? Windows 它微軟公司開發(fā)的一款桌面操作系統(tǒng)（閉源系統(tǒng)）。版本有dos、win98、win NT、win XP、win

7、winvista、win

8、win 10。服務器操作系統(tǒng)：winserver 2003、winserver 2008、winserver 2012。Mac 蘋果公司開發(fā)的一款操作系統(tǒng)（閉源系統(tǒng)），目前最新的版本是IOS10。界面風格還是不錯。對于系統(tǒng)底層的優(yōu)化也是很好。Linux Linux是一個開源的操作系統(tǒng)，目前是市面上占有率極高的服務器操作系統(tǒng)。目前其分支有很多。Unix Unix是Linux操作系統(tǒng)的前身，Unix時間戳是指1970年1月1日0時0分0秒，1970年是Unix的時間元年，也就是Unix誕生的年份。?

3、為什么要使用Linux操作系統(tǒng)

之所以大部分的公司開發(fā)的時候都是使用Linux操作系統(tǒng)，取決于兩個特性：

穩(wěn)定性：取決于系統(tǒng)的底層架構(gòu)，一般情況下Linux系統(tǒng)能做到很長時間不關機一點也不卡頓；

安全性：開源系統(tǒng)，所有人都可以貢獻自己的源代碼為Linux系統(tǒng)打補?。?開源一定意味著免費么？

開源是指免費的將代碼開放，實質(zhì)上是進行服務收費。RedHat它是Linux系統(tǒng)的一個分支，服務收費價格大約是10萬$/年。

4、Linux名字含義

狹義：是指有Linux作者（Linux之父）李納斯（linus）所編寫的一段代碼； 廣義：是指目前在各大公司所被廣泛使用的Linux多種分支的集合。

Linux發(fā)展歷史 Unix操作系統(tǒng)

? 1968年Multics項目

MIT、Bell實驗室、美國通用電氣有限公司走到了一起致力于開發(fā)Multics項目。到后期由于開發(fā)進度不是很好，MIT和Bell實驗室相繼離開這個項目的開發(fā)，最終導致項目擱淺。1970年UNIX誕生

當時在開發(fā)Multics項目的時候，實驗室中有一個開發(fā)成員開發(fā)了一款游戲（travelspace：遨游太空），因為兩個實驗室相繼離開項目開發(fā)，導致這名開發(fā)人員沒法玩游戲，后來他提議組織人員重新在Multics項目之上重新的開發(fā)，也就出現(xiàn)了1970年的Unix。當時Unix操作系統(tǒng)是使用的匯編語言開發(fā)的。1973年用C語言重寫UNIX 因為匯編語言有一個最大的局限性：對于計算機硬件過于依賴。導致移植性不好，所以后期在1973年使用了C語言對其進行重新開發(fā)。1975年Bell實驗室允許大學使用UNIX 1975年，bell實驗室允許大學使用unix操作系統(tǒng)用于教學作用，而不允許用于商業(yè)用途。?

Linux操作系統(tǒng)

? 人物

Linus

Linux的開發(fā)作者，李納斯·托瓦茲。荷蘭在校大學生。? 1991年

0.0.1版本

李納斯當時學校使用的就是Unix操作系統(tǒng)，然后其對系統(tǒng)的底層代碼進行了修改，放到了學校為學生開放的網(wǎng)站上，原先他把文件命名寫成了Linus’sUnix，后期網(wǎng)絡管理發(fā)現(xiàn)之后覺得這個名字不好，自己手動的將名字改成Linux。隨后其他同學下載之后發(fā)現(xiàn)這個版本還是挺好用的，隨后都把自己代碼貢獻給李納斯。? 1992年

0.0.2版本 ? 1994年

1.0版本 ? 2003年

2.6版本

上面所說的版本是指Linux的內(nèi)核版本，不是指分支的發(fā)行版本。

開源文化

Linux是開源的操作系統(tǒng)。所謂開源就是指開放源代碼。

? 人物Stallman 斯特曼

開源文化的倡導人。? 1983年GNU計劃 ? 1985年FSF基金會

? 1990年Emacs、GCC、程序庫

? 1991年 Stallman去找Linus，商談讓Linux加入其開源計劃（GNU計劃）? 1992年GNU/Linux Linux分支

目前分支比較多，常見的有centos、RedHat、烏班圖、debian等等。具體的分支，可以查看【文件】中的Linux分支圖。

第五篇：黑馬程序員PHP培訓教程：GET請求

GET請求

語法：open(get|post,URL地址)PHP頁面

用戶名： 腳下留心：

1、IE不支持中文

2、=、&與請求的字符串的關鍵字相混淆。

解決：在js中通過encodeURIComponent()進行編碼即可。

window.onload=function(){ document.getElementById('username').onblur=function(){

var name=document.getElementById('username').value;

name=encodeURIComponent(name);//編碼 var req=new XMLHttpRequest();req.open('get','4-demo.php?name='+name);req.onreadystatechange=function(){ if(req.readyState==4 && req.status==200){

alert(req.responseText);} }

req.send(null);//如果send()方法中沒有數(shù)據(jù)，要寫null } } 測試

POST請求

1、通過send()發(fā)送數(shù)據(jù)

2、必須設置setRequestHeader()將傳遞的參數(shù)轉(zhuǎn)成XML格式

3、post提交可以直接提交中文，不需要轉(zhuǎn)碼

4、post請求中的字符也會和URL中的&、=字符相混淆，所以建議也要使用encodeURIComponent()編碼

5、在POST提交的同時，可以進行GET提交 PHP頁面

用戶名：