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

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

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

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

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

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

第三種：外鏈到單獨(dú)的 .css 文件。

在DW中制作首頁(yè)：

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

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

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

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

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

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

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

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

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

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

廣告

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