3.1 favicon圖標(biāo)
favicon.ico 一般用于作為縮略的網(wǎng)站標(biāo)志,它顯示在瀏覽器的地址欄或者標(biāo)簽上。
目前主要的瀏覽器都支持favicon.ico圖標(biāo)。
favicon圖標(biāo)的制作分為3步：
1.制作favicon圖標(biāo)
2.favicon圖標(biāo)放到網(wǎng)站根目錄下
3.HTML頁(yè)面引入favicon圖標(biāo)
1.制作favicon圖標(biāo)
(1)把品優(yōu)購(gòu)圖標(biāo)切成png圖片
(2)把png圖片轉(zhuǎn)換為ico圖標(biāo), 這需要借助于第三方轉(zhuǎn)換網(wǎng)站,例如比特蟲(chóng): http://www.bitbug.net/
2.favicon圖標(biāo)放到網(wǎng)站根目錄下
3.HTML頁(yè)面引入favicon圖標(biāo)
在html頁(yè)面里面的< head> < /head> 元素之間引入代碼
<link rel="shortcut icon" href="favicon. ico" type=" image/x-icon"/>
3.2 css公共樣式
模塊開(kāi)發(fā)：
●有些樣式和結(jié)構(gòu)在很多頁(yè)面都會(huì)出現(xiàn), 比如頁(yè)面頭部和底部, 大部分頁(yè)面都有。此時(shí), 可以把這些結(jié)構(gòu)和樣式單獨(dú)作為一個(gè)模塊, 然后重復(fù)使用
●這里最典型的應(yīng)用就是common.css公共樣式。寫好一個(gè)樣式, 其余的頁(yè)面用到這些相同的樣式
●模塊化開(kāi)發(fā)具有重復(fù)使用、 修改方便等優(yōu)點(diǎn)
common.css公共樣式里面包含版心寬度、清除浮動(dòng)、頁(yè)面文字顏色等公共樣式。
3.3 LOGO SEO優(yōu)化
1.logo 面首先放一個(gè)h1標(biāo)簽, 目的是為了提權(quán), 告訴搜索引擎, 這個(gè)地方很重要。
2.h1 面再放一個(gè)鏈接，可以返回首頁(yè)的，把logo的背景圖片給鏈接即可。
3.為了搜索引擎收錄我們，我們鏈接里面要放文字(網(wǎng)站名稱)，但是文字不要顯示出來(lái)。
4.最后給鏈接一個(gè)title屬性，這樣鼠標(biāo)放到logo上就可以看到提示文字了。
隱藏文字的方法：
●方法1：text-indent移到盒子外面( text-indent: -9999px) ,然后overflow:hidden; 淘寶的做法。
●方法2：直接給font-size: 0; 就看不到文字了，京東的做法。
3.4 常用模塊類名命名
3.5 注冊(cè)頁(yè)類名命名
注冊(cè)頁(yè)面：register.html
注意：注冊(cè)頁(yè)面比較隱私, 為了保護(hù)用戶信息, 我們不需要對(duì)當(dāng)前頁(yè)面做SEO優(yōu)化。
3.6 Tab欄原理布局需求
要求選項(xiàng)卡個(gè)數(shù)要與內(nèi)容個(gè)數(shù)一致。
●根據(jù)tab切換的原理，tab_ content里面包含內(nèi)容部分。這個(gè)內(nèi)容可以通過(guò)ul 布局
3.7 什么是Web服務(wù)器
服務(wù)器(我們也會(huì)稱之為主機(jī))是提供計(jì)算服務(wù)的設(shè)備, 它也是一臺(tái)計(jì)算機(jī)。
在網(wǎng)絡(luò)環(huán)境下, 根據(jù)服務(wù)器提供的服務(wù)類型不同, 服務(wù)器又分為文件服務(wù)器、數(shù)據(jù)庫(kù)服務(wù)器、應(yīng)用程序服務(wù)器、Web 服務(wù)器等。
Web服務(wù)器一般指網(wǎng)站服務(wù)器, 是指駐留于因特網(wǎng)上某種類型計(jì)算機(jī)的程序, 可以向?yàn)g覽器等Web客戶端提供文檔, 也可以放置網(wǎng)站文件, 讓全世界瀏覽; 可以放置數(shù)據(jù)文件, 讓全世界下載。
以下服務(wù)器我們主要指的是Web服務(wù)器。
根據(jù)服務(wù)器在網(wǎng)絡(luò)中所在的位置不同, 又可分為本地服務(wù)器和遠(yuǎn)程服務(wù)器。
3.8 本地服務(wù)器
我們可以把自己的電腦設(shè)置為本地服務(wù)器, 這樣同一個(gè)局域網(wǎng)內(nèi)的同學(xué)就可以訪問(wèn)你的品優(yōu)購(gòu)網(wǎng)站了。
3.9 遠(yuǎn)程服務(wù)器
本地服務(wù)器主要在局域網(wǎng)中訪問(wèn), 如果想要在互聯(lián)網(wǎng)中訪問(wèn), 可以把品優(yōu)購(gòu)網(wǎng)站上傳到遠(yuǎn)程服務(wù)器。
遠(yuǎn)程服務(wù)器通常是別的公司為我們提供一臺(tái)電腦(主機(jī)) , 我們只要把網(wǎng)站項(xiàng)目上傳到這臺(tái)電腦上, 任何人都可以利用域名訪問(wèn)我們的網(wǎng)站了。
比如域名: www.mi.com 可以訪問(wèn)小米網(wǎng)站
總結(jié):
1.服務(wù)器就是一臺(tái)電腦。因?yàn)槲覀冎饕亲鼍W(wǎng)站, 所以我們主要使用web服務(wù)器
2.服務(wù)器可以分為本地服務(wù)器和遠(yuǎn)程服務(wù)器
3.遠(yuǎn)程服務(wù)器是別的公司為我們提供一臺(tái)計(jì)算機(jī)。
4.我們可以把網(wǎng)站上傳到遠(yuǎn)程服務(wù)器里面，別人就可以通過(guò)域名訪問(wèn)我們的網(wǎng)站了。
3.10 將自己的網(wǎng)站上傳到遠(yuǎn)程服務(wù)器
注意：一般穩(wěn)定的服務(wù)器都是需要收費(fèi)的。比如：阿里云
這里推薦一個(gè)免費(fèi)的遠(yuǎn)程服務(wù)器 (免費(fèi)空間) ：
http://free.3v.do/
1.去免費(fèi)空間網(wǎng)站注冊(cè)賬號(hào)。
2.記錄下主機(jī)名、用戶名、密碼、域名。
3.利用cutftp軟件 上傳網(wǎng)站到遠(yuǎn)程服務(wù)器。
4.在瀏覽器中輸入域名，即可訪問(wèn)我們的品優(yōu)購(gòu)網(wǎng)站了。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-602393.html
課程總結(jié)
1.HTML我們學(xué)的就是常用標(biāo)簽，就是基本盒子
2.CSS就是用來(lái)美化布局網(wǎng)頁(yè)。
3.HTML+CSS是沒(méi)有邏輯可言的, 基本就是搭積木擺放盒子的過(guò)程, 需要的是耐心。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-602393.html
到了這里，關(guān)于2.css公共樣式、LOGO SEO優(yōu)化、常用模塊和注冊(cè)頁(yè)類名命名、tab欄布局原理、Web服務(wù)器的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
