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