W新建HTML網頁步驟
打開DW軟件
2.新建HTML有兩種方法第1種,使用快捷鍵“Ctrl N”,新建網頁選項卡。第2種,點擊軟件左上角“文件”,再選擇“新建”
新建
3.彈出“新建文檔”選項卡,選擇好后創建點擊“空白頁”,再選擇“頁面類型”的“HTML”,再選擇“布局”的“五”,最后點擊“創建”。
創建
4.新建好最基礎最標準的HTML“拆分”
拆分
5.優化簡化基礎HTML代碼(此步驟可以省略)簡化后HTML結構截圖
優化簡化基礎
6.更改title標題標簽,body內添加內容修改添加內容后完整HTML代碼
更改title標題標簽
多資源關/注/信/眾/號 :網頁設計自學平臺
dobe Dreamweaver,簡稱“DW”,是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器。利用對 HTML、CSS、JavaScript等內容的支持,設計師和程序員可以在幾乎任何地方快速制作和進行網站建設。
DW分為HTML、CSS、JavaScript等內容。因為內容較多,為大家簡單講一下HTML,文末附送學習教程哦~
HTML文檔的基本結構
根控制標記
<head>頭控制標記
<titl></titl>標題標記
</head>頭控制標記
<body></body>網頁顯示區域(即內容)
</html>根控制標記
大家不用擔心這些編碼記不住,其實DW的軟件早就幫我們編寫好了基本結構。當我們打開DW時,點擊新建文件,即出現了基本結構,如下圖。
為了方便大家更好的了解,我做了簡單的示范。
效果?
我們看到圖片中的標題,即“智者有智”不是很好看,那么,我們要怎么修改他的屬性,讓他看起來更加美觀呢?
如果我想讓他居中,只需要在的后面打上"<",再輸入居中(center)的第一個字母就可以找到居中啦。
但是最最最最重要的一點是,要再標題的后面再輸入"<",他會自動生成</center>,只有這樣,他才能居中,不然他是沒有效果的。
DW常用屬性
單元格跨越多列:colspan=“”
單元格跨列多行:rowspan=“”
定義表格寬度:width=“”
定義表格高度:height=“”
對齊方式:align=“”
邊框寬度:border=“”
背景色:bgcolor=“”
邊框顏色:bordercolor=“”
強制換行:
段落標識:
...
空格:ctrl+shift+空格鍵
圖片鏈接地址:src=”“
背景音樂:
循環次數:loop=”“
媒體播放塊:<embed>
自動播放:<autoplay>
音頻:
視頻:
滾動部分:
表單:<form></form>
輸入控件的類型:type=""
文本框:
密碼框:
提交按鈕:
復選框:
單選框:
重置按鈕:
圖片按鈕:<input type="image">
隱藏域:<input type="hidden">
按鈕:
預覽文件:<input type="file">
居中:</center>
文章僅展示基本方法,送你專門的全套學習教程可以領取喔
*請認真填寫需求信息,我們會在24小時內與您取得聯系。