Dreamweaver CS6 制作一个简单网页
【摘要】以实例说明Dreamwaver CS 6版本的应用。即使现在用很多有关DreamwaverCS6版本的书籍资料，但是资料太过复杂，反而不知道从而下手。这篇经
以实例说明Dreamwaver CS 6版本的应用。即使现在用很多有关DreamwaverCS6版本的书籍资料，但是资料太过复杂，反而不知道从而下手。这篇经验将以本人经验说说Dreamwaver CS6 的使用。这里举的例子是“新闻网页首页”的制作。
打开DW，DW界面如图
分析所制作的网页的需求，明确目标
明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。
新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹
在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片
新建HTML，选择“创建”
在“标题”中输入“新闻网页首页”，转换到“设计”界面
根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置
插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”
在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”
插入图像，不知道怎么填的话就一直选择“确定”即可
插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”，附上效果图
选中第二行，点击鼠标右键，选择“表格”，“合并单元格”
在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件
点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际
当然也可以在Dreamwaver CS6 的实时视图中完成第15步
就业培训申请领取
环球青藤
官方QQ群扫描上方二维码或点击一键加群，免费领取大礼包，加群暗号：青藤。 一键加群
互联网营销师相关文章推荐
|互联网营销师最新文章推荐
刷题看课 APP下载
免费直播 一键购课
代报名等人工服务
- 1 动态网站和静态网站有什么区别?
- 2 网页上不显示图片是怎么回事?
- 3 html网页制作教程
- 4 网页设计有哪些视觉构成元素?
- 5 网站设计都包括哪些方面?
- 6 网站建设有哪些优势?
- 7 新手如何建立网站?
- 8 h5的制作方法
- 9 怎么制作简单的网页
- 10 什么是网站制作中的“设计系统”?
