整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
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小时内与您取得联系。
