当前位置:首页 > 新闻动态 > 网站文章

dw网页制作详细步骤 如何使用Dreamweaver制作网页

来源: 浏览:127 时间:2023-08-14

  有正在学前端设计的小白问如何使用Dreamweaver制作网页?本文小编将和大家一起谈谈dw网页制作详细步骤,感兴趣的朋友了解一下吧。

  一、dw网页制作详细步骤

  1、点击软件主界面中间的“新建”按钮,启动DW。

  2、在弹出的“新建文档”窗口中,选择“HTML文档”,点击“创建”。

  3、创建web文档之后,可以看到web页面的默认代码,需要在“body”中编辑。

  4、初学者可以将DW设置为“设计”界面,方便在做的同时查看效果,然后点击插入,插入一个图像。

  5、因为是初学者,所以不进行网页切图,只需插入整个页面设计,这样就可以看到页面的样子,但因为这是一张完整的图像,要添加一个链接到某一小块,需要去画热区完成。

  6、需要打开属性窗口来到画热区,点击窗口-属性,点击后,在软件的底部会出现一个属性栏,单击画热区并绘制添加链接的可单击范围。

  7、然后按照相同的方法绘制需要添加链接的其他区域。

  8、绘制完成后,点击其中一个画热区,在属性栏“目标”中进入跳转链接。添加完所有链接后,在浏览器中单击preview,快捷方式是F12。

  9、稍后将看到完成的页面在浏览器中打开。

  二、dw怎么做网页菜单栏

  DreamWeaver 是用标签行为的功能来制作下拉菜单的。 具体步骤:

  1、在DreamWeaver中绘制层(注意是绘制层,不是插入div)。

  2、绘制一个 宽度130px; 高度20px; 的层 在层里插入同样大小的表格 这时DreamWeaver会自动命名ID为 Layer1。

  3、在此层下面 紧接着再绘一个宽度一样 高度为100px;的层 DreamWeaver会自动命名ID为 Layer2 同样在层也插入相同大小的表格,插入表格是 让文字分层居中。

  4、选中 Layer2 让它默认是隐藏 (在Layer2左边点一下 让眼睛闭着就是隐藏的意思了)。

  5、在网页中选 Layer1 点标签行为面板的+ >>显示-隐藏层 选项。

  6、弹出窗口 选中Layer2 点显示 然后确定。

  7、在行为里添加onMouseOver(意思是鼠标经过时) 同样的方法 让 Layer2 隐藏 在行为里添加onMouseOut(意思是鼠标离开时) 这样就成功,可是会发现离开总菜单 下拉菜单也消失了,所以 最后还要选中 Layer2 再做一次 Layer2的onMouseOver onMouseOut 行为。

  三、dw怎么插入出生年月

  1、对于一个空白文档,依次点击“插入”——“表单”——“月”。

  2、依次点击“插入”——“表单”——“周”。

  3、依次点击“插入”——“表单”——“时间”。

  4、依次点击“插入”——“表单”——“日期”。

  5、依次点击“插入”——“表单”——“日期时间”。

  6、依次点击“插入”——“表单”——“日期时间(当地)”。


  7、点击“文件”——“保存”,打开网页,可对各项进行调整。

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图