新手學HTML網頁設計（第一階段）第三課
上節課給大家介紹了站點，接下來這節課教大家新建頁面 介紹常用標籤，有興趣可以點下關注 一起學習。
1.新建頁面：繼上節課設置本地站點後，可以選擇菜單中的“文件”——“新建”命令來新建一個頁面，如下圖：
新建文檔界面
Adobe Dreamweaver CS6是一種“所見即所得”的可視化界面，在常用工具欄下有三個按鈕：
代碼拆分設計
分別為代碼視圖、拆分視圖和設計視圖。代碼視圖是HTML代碼的編輯器，設計視圖是使用工具實現網頁，設計視圖和代碼視圖是相輔相成的，每在設計圖裡操作一步，代碼視圖就會發生相應的HTML代碼，同樣，在代碼視圖中編寫HTML代碼，設計視圖也會生成相應的界面。拆分視圖即顯示代碼視圖也顯示設計視圖。新建一個頁面後，在代碼視圖裡會自動生成網頁基本框架結構的HTML代碼。
選擇“文件”——“保存”命令，將此頁保存。如果想在瀏覽器中瀏覽該頁面，則可以選擇“文件”——“在瀏覽器中預覽”中的IExplore命令或按F12鍵，如下圖：
瀏覽頁面
2.HTML基本標籤：HTML是由標籤和屬性構成的，它們一起被用來告訴瀏覽器應該如何顯示一頁文檔。標籤用來引用一段文字或是圖片等文檔部件。屬性是標籤的選項，在標籤中修飾，如顏色，對齊方式，高度和寬度等。
3.標題標籤：標題（H1~H6）標籤是指網頁HTML中對文本標題所進行的著重強調的一種標籤，以<h1>、<h2>到<h6>依次顯示重要性的遞減。
如下代碼：
<h1>我是h1標籤，我最大</h1>
<h2>我是h2標籤，我第二</h2>
……
<h6>我是h6標籤，我最小</h6>
效果如下圖：
標題標籤效果圖
注：每個標題獨佔一行，也就是說一行文字裡只能有一種標題。
這節課給大家介紹了新建頁面和HTML基本標籤，希望大家動手操作一下，下節課繼續給大家介紹基本標籤，只要大家用心學習 相信用不了多久就可以自己動手設計出自己的頁面了，有興趣的可以關注一下，每天更新教程，謝謝！
相關推薦
'自建站賣家如何設計店鋪？不妨學下亞馬遜'
"亞馬遜擅長全漏斗優化，消費者從搜索產品到結賬都能輕鬆購物。那麼賣家又能從亞馬遜身上學到什麼？以下是該策略的五個關鍵要素，賣家可以效仿。1、佈局簡潔的網頁以提高參與度亞馬遜的網頁非常優秀。單純的視覺享受並不是優秀電子商務網頁設計最重要的因素，亞馬遜的“優秀”意味的是高的訂單...
學習平面設計，需要學些什麼軟件？
在面對眾多平面設計軟件時初學者往往不知從何下手，平面設計軟件，羅列出來不計其數，而真正被平面設計師最常用到的主力軟件無外乎以下四款：Photoshop、C...
這些年來讓我們凌亂的日本網頁設計
訪問日本的網站是一種怎樣的體驗？讓人閃瞎眼的橫幅廣告、密密麻麻的文字、龐雜的分欄、撲面而來的大量小型圖片和雜亂擁擠的整體外觀，密集恐懼症患者估計會高呼受不...
一個網頁設計靈感資源，展示了來自世界各地設計師非常喜歡的網站
Httpster是一個提供網頁設計靈感資源，並展示了來自世界各地設計師非常喜歡的網站。在設計網頁時我們會找大量國內設計靈感的資源網站，很可惜的國內很多設計...
推薦中...