了解CSS技術(shù)基礎(chǔ)之
網(wǎng)頁(yè)制作入門(mén)篇
專(zhuān)題簡(jiǎn)要
隨著網(wǎng)絡(luò)時(shí)代的爆發(fā)，網(wǎng)站成為每個(gè)公司或個(gè)人不可或缺的宣傳方式。越來(lái)越多的人想要自己制作一個(gè)網(wǎng)站，提到制作網(wǎng)站，就會(huì)想要知道怎么制作一個(gè)完整的網(wǎng)站。
在互聯(lián)網(wǎng)行業(yè)中，網(wǎng)頁(yè)制作包括網(wǎng)頁(yè)設(shè)計(jì)、頁(yè)面制作和后臺(tái)程序設(shè)計(jì)等。本文主要像大家介紹頁(yè)面制作的一些基本知識(shí)。
選擇一個(gè)合適的開(kāi)發(fā)工具
制作頁(yè)面包括制作XHTML頁(yè)面和CSS樣式表，通常可以使用記事本來(lái)編輯這些文檔，當(dāng)文檔非常大，代碼量很多的情況下，使用記事本就不夠方便。目前常用于制作頁(yè)面的工具有幾種，我們今天主要應(yīng)用的是Adobe公司開(kāi)發(fā)的Dreamweaver。 Dreamweaver是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得的網(wǎng)頁(yè)編輯器。利用Dreamweaver可以輕而易舉地制作出跨平臺(tái)限制和跨越瀏覽器限制充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Dreamweaver是最常用的網(wǎng)頁(yè)制作軟件，其編輯CSS樣式的能力只是Dreamweaver其中的一個(gè)功能。
打開(kāi)Dreamweaver，選擇“文件”|“新建”命令，彈出“新建文檔”對(duì)畫(huà)框，（插入圖） 建立一個(gè)標(biāo)準(zhǔn)的HTML頁(yè)面，該頁(yè)面包含以下代碼：
該代碼分為四個(gè)部分：第一部分是DOCTYPE聲明部分，第二部分是命名空間，第三部分是頭部文檔，第四部分是文檔主體。
瀏覽器與網(wǎng)頁(yè)文檔的關(guān)系
網(wǎng)頁(yè)瀏覽器是一種軟件。用于顯示網(wǎng)頁(yè)文檔。在瀏覽器的地址欄輸入網(wǎng)址就能打開(kāi)一個(gè)網(wǎng)站。在瀏覽器上顯示又該網(wǎng)站的圖片文字等資訊，用戶(hù)看到的整個(gè)網(wǎng)頁(yè)就是一個(gè)完整的網(wǎng)頁(yè)文檔。
目前流行的網(wǎng)頁(yè)瀏覽器有很多，在windows操作系統(tǒng)中，比較常用的是：IE，360，F(xiàn)IRefox。這種瀏覽器使用的人數(shù)占90%以上，隨著互聯(lián)網(wǎng)的飛速發(fā)展，瀏覽器不斷升級(jí)更新，低版本逐漸退出市場(chǎng)。對(duì)于一個(gè)網(wǎng)頁(yè)瀏覽者來(lái)說(shuō)，使用哪個(gè)瀏覽器并不會(huì)有很大差別。但是作為頁(yè)面制作人員或者學(xué)習(xí)頁(yè)面制作的人來(lái)說(shuō)，瀏覽器是至關(guān)重要的。
網(wǎng)頁(yè)文檔是以.htm或者.html作為擴(kuò)展名的文件。這一類(lèi)型的文件可以使系統(tǒng)自帶的記事本打開(kāi)，也可以使網(wǎng)頁(yè)編輯軟件Dreamweaver打開(kāi)，在這些文件中包含的代碼就是HTML語(yǔ)言或者XHTML語(yǔ)言。這兩種語(yǔ)言能被瀏覽器解釋并渲染成網(wǎng)頁(yè)，它們是構(gòu)建網(wǎng)頁(yè)的基礎(chǔ)。
初識(shí)CSS的作用
css（Cascading Style Sheets）的中文譯名是層疊樣式表。Css用于控制網(wǎng)頁(yè)元素的外觀。其主要用于分離頁(yè)面的樣式和結(jié)構(gòu)。Css提供了豐富的樣式表功能，如字體、段落、顏色、背景、布局等。使用DIV+CSS布局方式也改變了傳統(tǒng)HTML+table的布局方式。
案例代碼：
在標(biāo)簽中加入css樣式又稱(chēng)為行內(nèi)樣式，
每個(gè)HTML標(biāo)簽都含有style屬性。利用style屬性可以將css樣式直接寫(xiě)入HTML文檔的某個(gè)標(biāo)簽內(nèi)。
案例：
通常在制作標(biāo)準(zhǔn)的HTML頁(yè)面時(shí)不會(huì)使用在標(biāo)簽中嵌入CSS樣式的方法。因?yàn)檫@種方法使得HTML文檔顯得過(guò)于臃腫，代碼繁多，難以修改。 ?
鏈入外部css樣式表的方法也稱(chēng)為連接式。
使用鏈入外部樣式表的方法是網(wǎng)頁(yè)制作中最常用的方法。鏈接式實(shí)現(xiàn)了文檔內(nèi)容和樣式的完全分離，美工人員可以操作css文件來(lái)改變頁(yè)面樣式，后臺(tái)人員可以操控HTML文檔來(lái)改變內(nèi)容，互不干擾。?
現(xiàn)在大家對(duì)于網(wǎng)頁(yè)文檔、HTML、CSS有了一個(gè)總體的認(rèn)識(shí)。這些是一些基礎(chǔ)知識(shí)。大家想要知道如何完整的制作一個(gè)網(wǎng)站，還要更加深入的了解更多css的知識(shí)。小編也會(huì)繼續(xù)為大家介紹相關(guān)內(nèi)容。
往期專(zhuān)題回顧
傳統(tǒng)營(yíng)銷(xiāo)、互聯(lián)網(wǎng)營(yíng)銷(xiāo)與移動(dòng)互聯(lián)網(wǎng)營(yíng)銷(xiāo)的本質(zhì)的區(qū)別就是宣傳方式不同。
專(zhuān)注服務(wù)于成長(zhǎng)型企業(yè)-互聯(lián)網(wǎng)品牌營(yíng)銷(xiāo)，助力企業(yè)微營(yíng)銷(xiāo)。
多年專(zhuān)注于營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，服務(wù)超過(guò)10萬(wàn)余家企業(yè)。具有價(jià)值的網(wǎng)絡(luò)營(yíng)銷(xiāo)服務(wù)平臺(tái)，專(zhuān)業(yè)為企業(yè)營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、讓您擁有屬于自己的營(yíng)銷(xiāo)型網(wǎng)站。
拓展銷(xiāo)售新渠道，讓更多人幫你賣(mài)產(chǎn)品。
生意寶擁有海量微信小程序行業(yè)模板并能定制專(zhuān)屬于您的小程序,幫助千萬(wàn)商戶(hù)一鍵生成微信小程序。
專(zhuān)題新聞
服務(wù)熱線(xiàn)/Hotline
友情鏈接/Friendship link