清风细雨楼 Design By www.eepep.com

以实例说明Dreamwaver CS 6版本的应用。即使现在用很多有关DreamwaverCS6版本的书籍资料,但是资料太过复杂,反而不知道从而下手。这篇经验将以本人经验说说Dreamwaver CS6 的使用。这里举的例子是“新闻网页首页”的制作。

1、打开DW,DW界面如图

Dreamweaver CS6制作一个新闻网页首页的实例教程

2、分析所制作的网页的需求,明确目标

Dreamweaver CS6制作一个新闻网页首页的实例教程

3、明确需求。如果是建议一个网站,需要建立一个站点,方便管理并使制作步骤更为有条理。

Dreamweaver CS6制作一个新闻网页首页的实例教程

4、新建站点弹出来的窗口。在这里我输入的是“新闻网页”,放在Dreamwaver CS6文件夹下的新闻网页文件夹

Dreamweaver CS6制作一个新闻网页首页的实例教程

5、在新闻网页文件夹下新建“images”文件,导入制作网页所需要的素材,这里所需要的素材都是图片

Dreamweaver CS6制作一个新闻网页首页的实例教程

6、新建HTML,选择“创建

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

7、在“标题”中输入“新闻网页首页”,转换到“设计”界面

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

8、根据制作网页需求插入表格,只是在行列有所变化,下面的“表格宽度”以下选项根据图设置

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

9、插入表格如图,选择表格,会看到表格边框变红,选择之后变黑。在属性中对齐选项选择“居中对齐”

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

10、在表格第一行第一列输入“用户名”,在第一行第二个表格插入“文件域”。然后是密码,同样的插入“文件域”。切换到“拆分”界面,选中密码对应的“文件域”,将“type”改为“password”

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

11、插入图像,不知道怎么填的话就一直选择“确定”即可

Dreamweaver CS6制作一个新闻网页首页的实例教程

12、插入按钮,同上面插入图像的处理方法那样处理,如果不知道填什么就一直“确定”,无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”,附上效果图

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

13、选中第二行,点击鼠标右键,选择“表格”,“合并单元格”

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

14、在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

15、点击制作好的HTML文件,选择用360浏览器打开,输入用户名和密码,然后会看到如下情况:用户名课件,密码不可见,符合实际

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

16、当然也可以在Dreamwaver CS6 的实时视图中完成第15步

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作一个新闻网页首页的实例教程

相关推荐:

Dreamweaver编辑网页预览的时候显示乱码该怎么办?

Dreamweaver怎么新建站点地图?dw编辑站点地图的方法

怎么格式化html代码? Dreamweaver格式化html代码的技巧

清风细雨楼 Design By www.eepep.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
清风细雨楼 Design By www.eepep.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。