整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
W新建HTML網頁步驟
打開DW軟件
2.新建HTML有兩種方法第1種，使用快捷鍵“Ctrl N”，新建網頁選項卡。第2種，點擊軟件左上角“文件”，再選擇“新建”
新建
3.彈出“新建文檔”選項卡，選擇好后創建點擊“空白頁”，再選擇“頁面類型”的“HTML”，再選擇“布局”的“五”，最后點擊“創建”。
創建
4.新建好最基礎最標準的HTML“拆分”
拆分
5.優化簡化基礎HTML代碼（此步驟可以省略）簡化后HTML結構截圖
優化簡化基礎
6.更改title標題標簽，body內添加內容修改添加內容后完整HTML代碼
更改title標題標簽
一個網頁新聞中，出現最多的就是文字和圖片，圖片并茂能夠生動的表達新聞主題。創建一個圖片的簡單混排，具體步驟如下所示：
本實例要求在網頁的最上方顯示出標題，標題下方是正文，在正文部分顯示圖片。其實例效果圖如下所示：
（1）打開DW，編寫HTML代碼基本框架，具體如下：
（2）在<body>標簽中插入網頁標題設計代碼，具體如下：
<h1 style="text-align: center;text-shadow: 0.1em 2px 6px blue;font-size: 18px"折紙技術：綿羊</h1>
（3）在<body>標簽中插入圖片設計代碼，具體如下：
<img src="zz/88.png" style="text-align: center;width: 600px;float: left;border: #000000 solid 2px">
（4）在<body>標簽中完善文字段落內容設計代碼，具體如下：
<p style="text-indent: 8mm;line-height: 7mm">綿羊是常見的飼養動物。身體豐滿，體毛綿密。頭短。雄獸有螺旋狀的大角，雌獸沒有角或僅有細小的角。毛色為白色。綿羊現在世界各地均有飼養。性情膽怯。秋季、冬季發情。雌獸的懷孕期為145—152天。每胎產1—5仔。壽命為10—15年。綿羊耐渴，可以為人類提供肉和毛皮等產品。下面就讓我們一起來折一個可愛的綿羊吧。</p>
<p style="text-indent: 8mm;line-height: 7mm">綿羊體軀豐滿，被毛綿密，頭短。公綿羊多有螺旋狀大角具有威懾性，母綿羊無角或角細小。</p>
<img src="zz/88.png" style="text-align: center;width: 600px;float: left;border: #000000 solid 2px">
<p style="text-indent: 8mm;line-height: 7mm">常見的飼養動物。身體豐滿，體毛綿密。頭短。雄羊有螺旋狀的大角，非常有威嚴但其實是起好看的作用，雌羊沒有角或僅有細小的角。毛色為白色。綿羊在約11000年前在西南亞地區被最早馴化。綿羊現在世界各地均有飼養，性情既膽怯，又溫順，易馴化。目前高度馴化的飼養品種多為常年發情，地方放牧品種為季節發情，多在秋季、冬季發情。雌羊的懷孕期為145～152天。每胎產1～5仔。壽命為10～15年。綿羊耐渴，可以為人類提供肉和毛皮等產品。綿羊肉質鮮嫩，非常好吃，中國飼養綿羊最多的地方是內蒙古、青海等地。知名度最高的當然是科技產品克隆綿羊——多莉。<br>
一般認為綿羊可能起源于4種不同的野生種，即：棲息于地中海沿岸的摩弗侖羊（O.musimon）、分布于亞洲中部和西南部的東方羊（O.orientalis）、盤羊(O.ammon）和蠻羊（O.orientalis vignei）。野生綿羊馴化為家畜始于約11000年以前的新石器時代，發源地在中亞細亞，以后逐漸向世界各地擴展，經大量出土羊骨的碳測定認為，中國養羊歷史在8000年前。野生羊經過長時期的選擇（動物）和淘汰，其外形和特性有了許多變化；并由于各地自然條件和經濟需要的差異而出現了不同的品種類型。18世紀以來，品種的發展尤為迅速
</p>
（5）保存編輯好的網頁文件。
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小時內與您取得聯系。
