网站建设,网站制作,网站建设公司,网页设计公司

dw制作个人网站的具体步骤是什么?

关于说到做网站,目前有正在学前端设计的小白问dw制作个人网站的具体步骤是什么??那么今天就给大家介绍下这相关知识,让大家也能了解建站的过程,下面就来看看吧。

一、dw制作个人网站的具体步骤是什么? 

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

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

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

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

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

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

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

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

9、稍后将看到完成的页面在浏览器中打开。dw网页制作详细步骤  
dw制作个人网站的具体步骤是什么?
二、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、点击“文件”——“保存”,打开网页,可对各项进行调整。

综上:以上文章经全面介绍了【dw制作个人网站的具体步骤是什么?】。今天就的文章就分享到这啦,如果您想了解更多dw制作个人网站的具体步骤请您到上方导航栏目查看详细知识。

本文链接:https://www.taodigood.com

版权声明:本站部分文章来自网络转载,不以盈利为目的,只为分享知识使用,如涉及侵权请告知,核实后立即删除!

相关推荐

联系客服
网站客服 业务合作 QQ号
3227292445
微信号
微信号
微信二维码
返回顶部