Dreamweaver CS6制作一个新闻网页首页的实例教程
我要评论（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
以实例说明Dreamwaver CS 6版本的应用。即使现在用很多有关DreamwaverCS6版本的书籍资料，但是资料太过复杂，反而不知道从而下手。这篇经验将以本人经验说说Dreamwaver CS6 的使用。这里举的例子是“新闻网页首页”的制作。
1、打开DW，DW界面如图
2、分析所制作的网页的需求，明确目标
3、明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。
4、新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹
5、在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片
6、新建HTML，选择“创建”
7、在“标题”中输入“新闻网页首页”，转换到“设计”界面
8、根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置
9、插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”
10、在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”
11、插入图像，不知道怎么填的话就一直选择“确定”即可
12、插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图
13、选中第二行，点击鼠标右键，选择“表格”，“合并单元格”
14、在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件
15、点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际
16、当然也可以在Dreamwaver CS6 的实时视图中完成第15步
相关推荐：
Dreamweaver怎么新建站点地图?dw编辑站点地图的方法
怎么格式化html代码? Dreamweaver格式化html代码的技巧
相关文章
怎么格式化html代码? Dreamweaver格式化html代码的技巧
怎么格式化html代码？Dreamweaver编辑网页的时候，发现代码格式很乱，看起来很费劲，该怎么一键格式化呢？下面我们就来看看Dreamweaver格式化html代码的技巧，需要的朋友可2016-03-31- Dreamweaver怎么进行批量文件搜索指定内容？Dreamweaver中的文件很多，想要查找文件很不容易，该怎么才能快速的进行批量查找文件的？下面我们来看看Dreamweaver文本查找功2016-03-30
Dreamweaver中怎么让html网页中的table边框细线显示?
Dreamweaver中怎么让html网页中的table边框细线显示？Dreamweaver中插入表格默认是宽边框的，看上去很难看，该怎么将边框设置成细线呢？请看下文详细介绍，需要的朋友可以2016-03-10- 文本行为，就是网页中的文本有行为，用的最多的又状态栏文本和文本域文本，尤其是文本域文本是最常用到的，那么Dreamweaver怎么添加文本?怎么设置文本？下面小编就为大家详2016-03-07
- 这篇教程主要是向程序员之家的朋友分享Dreamweaver浏览器测试方法，教程真的很不错，很值得大家学习，推荐过来，一起来学习吧2016-03-06
- Dreamweaver编辑网页预览的时候显示乱码该怎么办？Dreamweaver做网站的时候，网页出现了乱码，无论是预览还是发布出来都是乱码，出现这个状况我们需要在网页编码里面加上声2016-03-03
- Dreamweaver中CSS面板该怎么设置？Dreamweaver中新建的网页需要使用CSS面板设置摆弄狂，字体，背景颜色等等各种参数，该怎么设置呢？下面我们就来看看CSS面板的使用方法2016-03-03
Dreamweaver怎么添加背景音乐?dw添加声音文件的方法
Dreamweaver怎么添加背景音乐？想让网页打开就会有歌声出现，该怎么设置呢？今天我们就来看看给网页添加声音文件的详细方法，图文教程，需要的朋友可以参考下2016-03-02- Dreamweaver怎么给网页添加Flash影片？使用Dreamweaver做网页的时候想给网页添加一个flash视频，今天我们就来教大家在Dreamweaver中添加flash视频的教程，需要的朋友可以参2016-03-01
Dreamweaver如何设置图像属性?DW设置图像属性方法介绍
Dreamweaver如何设置图像属性?很多新手并不是很清楚，所以下面小编就为大家详细介绍DW设置图像属性方法，不会的朋友可以参考本文，希望能对大家有所帮助2016-02-27
最新评论