第一篇：黑馬程序員php培訓(xùn)：3天帶你玩轉(zhuǎn)HTML教程
兩個概念
客戶端和服務(wù)器端
瀏覽者使用的計算機(jī)客戶端，用來給服務(wù)器發(fā)送請求，注意：管理員使用的計算機(jī)也是客戶端（在服務(wù)器上直接操作除外）
存放網(wǎng)頁文件的計算機(jī)是服務(wù)器端。
文件名、基本名、擴(kuò)展名
文件名由基本名和擴(kuò)展名組成，比如demo.txt 其中demo是叫基本名，txt是擴(kuò)展名 擴(kuò)展名是用來區(qū)分文件的類型。
思考：網(wǎng)頁的擴(kuò)展名是什么？.html.htm Html和htm是一樣的。表示這個文件是靜態(tài)網(wǎng)頁文件。后面我們還會介紹.asp.aspx.php.jsp Doc Jpg Gif PNG Word文檔 圖片 圖片
圖片格式，是一種無損壓縮格式，用的越來越多。
打開一個網(wǎng)頁的執(zhí)行過程
客戶端給服務(wù)器端發(fā)送一個請求，服務(wù)器會把頁面的代碼（HTML、CSS、js）發(fā)送到客戶端來，這些代碼通過瀏覽器解析執(zhí)行就生成了我們看到的頁面。
站點介紹
一個網(wǎng)站中包括HTML頁面，CSS，js，圖片，flash動畫或gif動畫，都屬于網(wǎng)頁的資源文件。為了便于管理，我們將這些靜態(tài)資源放置到一個文件夾下。這個文件夾我們叫站點。
做網(wǎng)站的第一步要先建站點。
什么是HTML HyperText Mark-up Language，超文本標(biāo)記語言。
HTML語言的規(guī)則
? ? ? ? 命令都要放到<> 大部分標(biāo)記都是成對出現(xiàn)
標(biāo)簽大部分都是
HTML語言不區(qū)分大小寫，但是XHTML按照規(guī)范全部是小寫
練習(xí)
例題：
在站點文件夾中新建一個txt文件，在文件中輸入如下代碼
將文件的擴(kuò)展名改為.html或.htm
雙擊網(wǎng)頁文件，通過瀏覽器打開，這時候可能會出現(xiàn)亂碼，設(shè)置一下瀏覽器的字符編碼
瀏覽器打開效果如下
幾種常見的標(biāo)記1、2、
段落 換行
注意：換段和換行的區(qū)別
3、
水平線
4、
5、
6、
粗體 斜體 下劃線
7、強(qiáng)調(diào)標(biāo)記，通過加粗的方式來強(qiáng)調(diào)
8、 強(qiáng)調(diào)標(biāo)記，通過傾斜的方式來強(qiáng)調(diào)
多學(xué)一招：從外觀上看和、和是一樣的，但是對SEO(搜索引擎優(yōu)化)影響很大。和僅僅表示是字體，沒有強(qiáng)調(diào)的作用，在實際工作中，建議使用強(qiáng)調(diào)標(biāo)記。
9、 top
上標(biāo)
10、 bottom 下標(biāo)
標(biāo)記的分類
標(biāo)記分為兩類，一類是成對出現(xiàn)，還有一類是不成對出現(xiàn)。
1、容器標(biāo)記: 成對出現(xiàn)的標(biāo)記（圍堵標(biāo)記）
2、空標(biāo)記: 不成對出現(xiàn)的標(biāo)記
（單標(biāo)記）
第二篇：黑馬程序員php培訓(xùn)：3天帶你玩轉(zhuǎn)HTML教程
滾動文字的設(shè)置
路徑
路徑分為兩種
1、絕對地址：從盤符開始
2、相對地址：以自身文件為準(zhǔn)
注意：../代表上一級目錄./代表當(dāng)前目錄
點擊./代表當(dāng)前目錄
鏈接
網(wǎng)站內(nèi)部頁面和頁面之間的連接，參照前面路徑那一節(jié)
外部鏈接
外部連接就是連接到其他網(wǎng)站上去
空連接
有超鏈接的樣子，但是點擊不會跳轉(zhuǎn)。這種就是空連接，空連接用#表示。
下載鏈接
鏈接的文件，瀏覽器無法打開，就自動出現(xiàn)下載。
錨鏈接
新建一個錨點
Id表示唯一的編號。
點擊超鏈接，連接到指定的錨點處
#表示id的意思，六種標(biāo)題級別
到h6，標(biāo)題也是有權(quán)重的。H1權(quán)重最高
列表
有序列表（
- ）
每一項是一個li 無序列表(
- )
自定義列表(
- )
第三篇：黑馬程序員php培訓(xùn)：3天帶你玩轉(zhuǎn)HTML教程(12)
ps和fw中幾個常用快捷鍵(兩個軟件中是一樣的)
1、ctrl+加號：放大
2、ctrl+減號：縮小
3、雙擊手型工具，將圖片自適應(yīng)大小顯示
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)橫向的滾動條為準(zhǔn)，目前的頁面寬度以17純平為準(zhǔn)(1024*768)通過設(shè)計器插入素材
插入圖片
第一種方法：點擊插入圖片的按鈕
第二種方法：直接將站點中的圖片拖放到頁面上即可
插入文字
文字直接輸入，注意： 回車：換端
Shift+回車：換行
設(shè)計器下做超鏈接
選擇文字或圖片，在屬性面板上選擇連接的地址，或者用指向文件工具連接到指定文件處。
連接文件在新的瀏覽器中打開，在目錄選項中選擇_blank
插入表格
寬度單位：
（1）像素：絕對單位（2）百分比：相對單位
? 最外層表格單位是像素，套用的可以是像素也可以是百分比。? 邊框：一般調(diào)成0 ? 單元格填充(填充)：內(nèi)容距邊的距離。（默認(rèn)為1 像素）一般設(shè)為 0 ? 單元格間距：單元格與單元格的距離（默認(rèn)為 2 像素）一般設(shè)為 0 標(biāo)簽選擇
標(biāo)簽選擇用來快速選擇標(biāo)簽對象。
合并單元格和拆分單元格
選中單元格，在屬性面板上會出現(xiàn)合并單元格和拆分單元格的按鈕。
表格布局注意點
? 1.整個頁面不要都套在一個表格里，盡量拆分成多個表格;若將內(nèi)容都放在一個表格中，下載速度會很慢。? 2.表格的結(jié)構(gòu)盡量整齊；
拼版的特性
1、表格可以被內(nèi)容撐開，不能被背景撐開
2、背景默認(rèn)是平鋪的，標(biāo)簽有多大，背景就鋪多大
3、內(nèi)容不能放在內(nèi)容上面，內(nèi)容可以放在背景的上面
思考：什么情況下使用背景圖？
1、圖在圖上或字在圖上，使用背景圖
2、一張圖重復(fù)出現(xiàn)，使用背景圖
表格拼版
代碼參照例題
第四篇：黑馬程序員PHP培訓(xùn)教程：Linux介紹
Linux介紹
1、計算機(jī)資源
計算機(jī)資源是由兩部分組成：
硬件資源：鍵盤、顯示器、鼠標(biāo)、硬盤、內(nèi)存等等。軟件資源：應(yīng)用程序，如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。服務(wù)器操作系統(tǒng)：winserver 2003、winserver 2008、winserver 2012。Mac 蘋果公司開發(fā)的一款操作系統(tǒng)（閉源系統(tǒng)），目前最新的版本是IOS10。界面風(fēng)格還是不錯。對于系統(tǒng)底層的優(yōu)化也是很好。Linux Linux是一個開源的操作系統(tǒng)，目前是市面上占有率極高的服務(wù)器操作系統(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)能做到很長時間不關(guān)機(jī)一點也不卡頓；
安全性：開源系統(tǒng)，所有人都可以貢獻(xiàn)自己的源代碼為Linux系統(tǒng)打補(bǔ)丁； 開源一定意味著免費(fèi)么？
開源是指免費(fèi)的將代碼開放，實質(zhì)上是進(jìn)行服務(wù)收費(fèi)。RedHat它是Linux系統(tǒng)的一個分支，服務(wù)收費(fèi)價格大約是10萬$/年。
4、Linux名字含義
狹義：是指有Linux作者（Linux之父）李納斯（linus）所編寫的一段代碼； 廣義：是指目前在各大公司所被廣泛使用的Linux多種分支的集合。
Linux發(fā)展歷史 Unix操作系統(tǒng)
? 1968年Multics項目
MIT、Bell實驗室、美國通用電氣有限公司走到了一起致力于開發(fā)Multics項目。到后期由于開發(fā)進(jìn)度不是很好，MIT和Bell實驗室相繼離開這個項目的開發(fā)，最終導(dǎo)致項目擱淺。1970年UNIX誕生
當(dāng)時在開發(fā)Multics項目的時候，實驗室中有一個開發(fā)成員開發(fā)了一款游戲（travelspace：遨游太空），因為兩個實驗室相繼離開項目開發(fā)，導(dǎo)致這名開發(fā)人員沒法玩游戲，后來他提議組織人員重新在Multics項目之上重新的開發(fā)，也就出現(xiàn)了1970年的Unix。當(dāng)時Unix操作系統(tǒng)是使用的匯編語言開發(fā)的。1973年用C語言重寫UNIX 因為匯編語言有一個最大的局限性：對于計算機(jī)硬件過于依賴。導(dǎo)致移植性不好，所以后期在1973年使用了C語言對其進(jìn)行重新開發(fā)。1975年Bell實驗室允許大學(xué)使用UNIX 1975年，bell實驗室允許大學(xué)使用unix操作系統(tǒng)用于教學(xué)作用，而不允許用于商業(yè)用途。?
Linux操作系統(tǒng)
? 人物
Linus
Linux的開發(fā)作者，李納斯·托瓦茲。荷蘭在校大學(xué)生。? 1991年
0.0.1版本
李納斯當(dāng)時學(xué)校使用的就是Unix操作系統(tǒng)，然后其對系統(tǒng)的底層代碼進(jìn)行了修改，放到了學(xué)校為學(xué)生開放的網(wǎng)站上，原先他把文件命名寫成了Linus’sUnix，后期網(wǎng)絡(luò)管理發(fā)現(xiàn)之后覺得這個名字不好，自己手動的將名字改成Linux。隨后其他同學(xué)下載之后發(fā)現(xiàn)這個版本還是挺好用的，隨后都把自己代碼貢獻(xiàn)給李納斯。? 1992年
0.0.2版本 ? 1994年
1.0版本 ? 2003年
2.6版本
上面所說的版本是指Linux的內(nèi)核版本，不是指分支的發(fā)行版本。
開源文化
Linux是開源的操作系統(tǒng)。所謂開源就是指開放源代碼。
? 人物Stallman 斯特曼
開源文化的倡導(dǎo)人。? 1983年GNU計劃 ? 1985年FSF基金會
? 1990年Emacs、GCC、程序庫
? 1991年 Stallman去找Linus，商談讓Linux加入其開源計劃（GNU計劃）? 1992年GNU/Linux Linux分支
目前分支比較多，常見的有centos、RedHat、烏班圖、debian等等。具體的分支，可以查看【文件】中的Linux分支圖。
第五篇：黑馬程序員PHP培訓(xùn)教程：GET請求
GET請求
語法：open(get|post,URL地址)PHP頁面
用戶名： 腳下留心：
1、IE不支持中文
2、=、&與請求的字符串的關(guān)鍵字相混淆。
解決：在js中通過encodeURIComponent()進(jìn)行編碼即可。
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、必須設(shè)置setRequestHeader()將傳遞的參數(shù)轉(zhuǎn)成XML格式
3、post提交可以直接提交中文，不需要轉(zhuǎn)碼
4、post請求中的字符也會和URL中的&、=字符相混淆，所以建議也要使用encodeURIComponent()編碼
5、在POST提交的同時，可以進(jìn)行GET提交 PHP頁面
用戶名：
點擊咨詢 