網(wǎng)站建設(shè)前端制作有哪些？

網(wǎng)站建設(shè)前端：

HTML，是基于開合標(biāo)簽的語法，是一種文檔形式，index.html是首頁，其他html為二級頁面;

CSS，是用來格式化樣式和風(fēng)格的，CSS以選擇器為開頭，即選擇 HTML 頁面中的哪些元素來樣式，然后是大括號{ }，里面包含全部頁面樣式、文字滾動、圖片放大、屬性值等。CSS 是作用到 HTML 上，對應(yīng)的 CSS 有 3 種形式：

第一種：直接寫到 HTML 標(biāo)簽里，成為“內(nèi)嵌式CSS”。

第二種：寫到 HTML 文件頭部，用開合標(biāo)簽包含。

第三種：外鏈到單獨的 .css 文件。

在DW中制作首頁：

(1)新建Dreamweaver空白文檔，命名為index.html。將視圖模式切換到代碼視圖或拆分視圖，在body標(biāo)記之間輸入代碼，建立HTML結(jié)構(gòu);

(2)在head標(biāo)記之間輸入代碼,然后在style標(biāo)記之間輸入CSS代碼，設(shè)置container層的屬性，“margin: 0 auto”使得容器居中顯示，也就是實現(xiàn)頁面居中效果;

(3)在head的style標(biāo)記之間輸入CSS代碼，設(shè)置menu中超鏈接字體的屬性，包括字體的大小和超鏈接的下劃線樣式，這樣，一個簡單的頁面頂部就做好了;

(4)構(gòu)建navlist層，該層用來放置導(dǎo)航條,可以通過下面2步完成navlist層的建設(shè)。

① 在body標(biāo)記之間輸入代碼替換“ navlist”，插入制作導(dǎo)航條的列表項;

②在head的style標(biāo)記之間輸入CSS代碼，設(shè)置列表、列表項、鏈接字體、光標(biāo)滑過鏈接時的屬性。

(5)構(gòu)建footer層：為footer設(shè)置背景顏色、寬度、字體顏色和文本居中，通過margin屬性設(shè)置使整個內(nèi)容居中顯示，padding屬性設(shè)置了內(nèi)容距邊界之間的距離。

這樣，一個簡單的網(wǎng)站首頁就制作完成了。

網(wǎng)站名稱：網(wǎng)站建設(shè)前端制作有哪些？
文章URL：http://www.bm7419.com/news34/278134.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、用戶體驗、面包屑導(dǎo)航、App設(shè)計、網(wǎng)站制作、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)