以实例说明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步
原文链接:https://m.jb51.net/Dreamweaver/452911.html
本站部分内容转载于网络,版权归原作者所有,转载之目的在于传播更多优秀技术内容,如有侵权请联系QQ/微信:153890879删除,谢谢!
XLink是一种基于属性的语法,用来在XML文档中添加链接。XLink链接可以是单向的,...
这里记录一下如何使得HTML页面缩小之后,底部出现滚动条,使得可以通过滚动滚动...
作者: Marcus Sanatan 译者:前端小智 来源:stackabuse 有梦想,有干货,微信...
在开发移动端时,不像开发PC端那么方便,有控制台,可以查看各种网络请求,以及...
h5页面唤起app如果没安装就跳转下载(iOS和Android) 浏览器和app没有通信协议,所...
一、总结 一句话总结: 1、图标是字体样式:input右侧的字体图标是字体样式,所...
先说下这套架构的优点: 1.可以方便的把繁重的CSS编写工作分配出去,而不会相互...
用途 弹性盒子对于前端web网页布局来说,有着举足轻重的作用,移动端也是如此。...
在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉...
这是第 97 篇不掺水的原创,想获取更多原创好文,请搜索公众号关注我们吧~ 本文...