网页设计——Dreamweaver

在看ASP.NET视频时,讲到了一款编写HTML代码的软件——Dreamweaver。它是一款专门进行网页设置的软件,通过它可以设计出多彩的界面,相对于vs中自带的设计方式来说,他不需要知道太多的技术问题。因为在vs中设计时,有的时候我们需要通过代码去实现。

对于Dreamweaver的安装包、安装过程在网上都有很多,我就不再介绍了,如果想要了解的话直接在网上搜就可以了。这款软件也是需要用序列号来激活,否则只有30天的试验期,你可以在网上搜序列号,激活即可。其进入界面如下:

通过这个我们可以选择我们需要的类型来创建项目,目前我们所涉及到的是HTML,所以我就以这个为例了。

创建HTML项目,设计界面如图所示:

我们可以通过“表单”所在的菜单进行选择我们需要的控件,比如点击“表单”,会出现“常用”菜单,我们可以选择表格来创建表格:如图所示

我们可以通过对下方的属性来对表格的基本属性进行设计,当然如果我们想实现我们自己定义的类型,也可以通过左上角的CSS样式进行设计,关于CSS的设计在牛腩新闻发布系统中就已经学过了,就不用再介绍了。

基本设置完成后,我们就可以保存了。但是我们想要实现将设计好的东西放到我们的vs程序中,那又该如何进行呢?

首先,将自己设计好的文件放入我们vs程序中新建的项目所在的文件,一般都与bin文件同级别:

然后就在vs中引入,具体引入的方法:点击解决方案资源管理器中的“显示所有文档”菜单,找到需要的文件,而后就右键将文件包含在项目,完成之后再点击“显示所有文档”将不需要的隐藏就行,如图所示

通过此方法,我们就可以将自己设计好的文件加载到了我们的程序中。

Dreamweaver的使用可以大大美化我们所要设计的界面,也能简化我们的一些操作。但是它也有一定的弊端,在生成的过程中会与我们在vs中设计的形式有一些出入,也会出现一些小错误,具体的错误见下一篇博客。

总结

通过Dreamweaver的学习,让我们对界面的设计的重要性又加深认识。同时,借助一些工具,可以大大方便我们的工作。当然我们也需要用辩证的眼光去看待问题,不能因为它有优点就不去看他的弊端。其实,无论哪种形式,只要能给我们带来方便,简化我们的工作就是最好的。

时间: 2024-10-11 10:13:16

网页设计——Dreamweaver的相关文章

网页设计Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

网页设计 Dreamweaver网页制作 商业网站建设案例课程 ASP.NET基础实例教程 淘宝开店教程 更多>

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

网页设计,程序设计,会计财务, 包含3D MAX,Vray,PS,sketchup,Auto CAD等等教程

热门推荐电脑办公计算机基础知识教程 Excel2010基础教程 Word2010基础教程 PPT2010基础教程 五笔打字视频教程 Excel函数应用教程 Excel VBA基础教程 WPS2013表格教程 更多>平面设计PhotoshopCS5教程 CorelDRAW X5视频教程 Photoshop商业修图教程 Illustrator CS6视频教程 更多>室内设计3Dsmax2012教程 效果图实例提高教程 室内设计实战教程 欧式效果图制作实例教程 AutoCAD2014室内设计 Aut

Dreamweaver网页设计代码大全

Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由51RGB小编Q群162542073整理分享: 网页设计视频网站链接http://www.51rgb.com/mproductzh.aspx?classid=31 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scro

网页设计和美工的区别是什么哪个好

关于这两个行业,有很多的小伙伴其实多少都接触过,或者说是了解过.但是即使是这样,大家依旧不是很清楚这二者的区别是什么,笔者就听到过有人提问说,网页设计和美工的区别是什么,哪个好.此文就来重点聊聊,网页设计和美工的区别是什么,哪个好,这个话题,来为大家解答心中的疑惑. 学网页设计  1:网页设计是根据企业希望向用户传递的信息,然后进行网站功能策划的页面设计美化工作.一名优秀的网页设计师,需要掌握熟练使用Dreamweaver软件;熟悉HTML.CSS.DIV.Javascr1pt等网页技术,精通P

网页设计行业怎么样学了好就业吗

有一位有趣的小伙伴,跟笔者说,他看到很多人打算去学网页设计,然后市场上各种网页设计培训班也是雨后春笋一样冒出来,感觉这个行业很火爆的样子,令他也心动不已,打算去学.但是又不知道这个行业的水深不深,就想问问笔者,网页设计行业怎么样,学了好就业吗?这样的问题想必不止他一个人有,为了让更多的朋友知道这个问题的,此文就来聊一下,网页设计行业怎么样,学了好就业吗,这个话题好了. 学网页设计  1:一名优秀的网页设计师,需要掌握以及精 通 各 种 网 页 及 美 术 方 面 的 应 用 软 件 , 包 括

MiracleSnow网页设计HTML5+CSS3+JS全套视频教程

终于把这套课程讲完了,虽然时间隔了很长,但也算有始有终了,这是在YY讲课中我自己录的,讲了网页设计的基础,这也是我第一次给那么多人讲课,讲的不好多多包涵. 前几次视频和课件是分开的,后几次都打包在一起了,由于第三章是教使用Dreamweaver,而我建议开始学的时候使用文本编辑器,因此就没讲这章,等学完基础,相信你们能够自己摸索Dreamweaver的使用. 视频:第一.二章网页设计语言基础(1):http://yun.baidu.com/s/1sjz2VEX第二章网页设计语言基础(2):htt

[email&#160;protected]&amp;nbsp;&amp;nbsp;Html网页设计…

Html网页设计代码 设计第一技术其次 : ) ----------------------------------   1)贴图:<img src="图片地址"> 2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a> 1)贴图: Html网页设计代码(html=how to make love)" TITLE="107@365  Html网页设计代码(html=how to make 

我所关心的网页设计岗位职责|工资待遇

网页设计,网站伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要.那么,网页设计岗位职责是什么?网页设计工资待遇如何呢?下面的某职业生涯规划网站的介绍. 一.网页设计岗位职责 (一)网页设计职位要求 1.精通网页设计软件 Photoshop\Dreamweaver\Fireworks\Flash\HTML语言: 2.熟悉网站后台编程 ASP开发环境.Windows窗体编程.常用控件:ASP编程.ASP Web服务器控件.配置和优化ASP应用程序.调试和错误