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

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd3BiOTI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

通过这个我们能够选择我们须要的类型来创建项目。眼下我们所涉及到的是HTML,所以我就以这个为例了。

创建HTML项目。设计界面如图所看到的:

我们能够通过“表单”所在的菜单进行选择我们须要的控件。比方点击“表单”,会出现“经常使用”菜单,我们能够选择表格来创建表格:如图所看到的

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

基本设置完毕后。我们就能够保存了。可是我们想要实现将设计好的东西放到我们的vs程序中,那又该怎样进行呢?

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

然后就在vs中引入,详细引入的方法:点击解决方式资源管理器中的“显示全部文档”菜单。找到须要的文件,而后就右键将文件包括在项目,完毕之后再点击“显示全部文档”将不须要的隐藏即可,如图所看到的

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd3BiOTI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

通过此方法。我们就能够将自己设计好的文件载入到了我们的程序中。

Dreamweaver的使用能够大大美化我们所要设计的界面,也能简化我们的一些操作。

可是它也有一定的弊端。在生成的过程中会与我们在vs中设计的形式有一些出入,也会出现一些小错误。详细的错误见下一篇博客。

总结

通过Dreamweaver的学习,让我们对界面的设计的重要性又加深认识。同一时候。借助一些工具,能够大慷慨便我们的工作。当然我们也须要用辩证的眼光去看待问题。不能由于它有长处就不去看他的弊端。

事实上,不管哪种形式。仅仅要能给我们带来方便,简化我们的工作就是最好的。

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

  1. Dreamweaver Flash Photoshop网页设计综合应用 (智云科技) [iso] 1.86G​

    全书共15章,主要包括网页制作基础.Dreamweaver CC网页制作.Photoshop CC网页图像设计.Flash CC网页动画设计以及综合案例实战5个部分.通过本书的学习,不仅能让读者学会三 ...

  2. Dreamweaver Flash Photoshop网页设计综合应用 (智云科技) [iso] 1.86G

    全书共15章,主要包括网页制作基础.Dreamweaver CC网页制作.Photoshop CC网页图像设计.Flash CC网页动画设计以及综合案例实战5个部分.通过本书的学习,不仅能让读者学会三 ...

  3. 网页设计入门<一>

    俗话说:技多不压身.实习周,网页设计是之一,边学边总结... 本次网页设计基于Adobe Dreamweaver CS6开发平台,根据实习老师的暴力指导,为什么说暴力呢? 没有基础,没有预告,打开软件 ...

  4. 2014年誓言:干掉网页设计程序——Dreamweaver!

    2014年誓言:干掉网页设计程序——Dreamweaver! 阅读:  评论:  作者:Rybby  日期:  来源:rybby.com 2014年,我写下誓言,用自己设计的在线网页设计工具“拉拉变” ...

  5. Photoshop在网页设计中的应用与方法

    1.图像局部截取和图像尺寸调整 做网页设计时经常要用到的某张图像一部分,这就需要截取图像的局部.图像局部截取的方法很多,但使用Photoshop操作起来更方便.具体操作步骤如下: (1)在Photos ...

  6. 2019.12.12网页设计大赛&2019.12.13程序设计大赛观后感

    有幸参加了一次网页设计大赛和程序设计大赛,其实在大一的时候就参加过一次程序设计大赛,那时候也没怎么听,现在又有了一次机会来听,这次就认真的听了这两次的比赛,也有很多的感悟. 1.要学习完成一个任务的多 ...

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

    终于把这套课程讲完了,虽然时间隔了很长,但也算有始有终了,这是在YY讲课中我自己录的,讲了网页设计的基础,这也是我第一次给那么多人讲课,讲的不好多多包涵. 前几次视频和课件是分开的,后几次都打包在一起 ...

  8. Httpster –世界各地最潮的网页设计案例聚合网站

    Httpster 这个网站聚合了世界各地最新最潮的网页设计案例,展示了创意的设计,精心的策划,优秀的排版.这些作品都按月份和类别进行了很好划分,你可以方便的找到自己感兴趣的网站案例. 立即去看看 您可 ...

  9. 自适应网页设计(Responsive Web Design)

    引用:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面 ...

随机推荐

  1. vs2008bin下Debug bll Release文件 obj下的Debug bll Release文件区别

    Bin目录用来存放编译的结果,bin是二进制binrary的英文缩写,因为最初C编译的程序文件都是二进制文件,它有Debug和Release两个版本,分别对应的文件夹为bin/Debug和bin/Re ...

  2. fontSpider字蛛,好用的字体压缩工具教程

    一直觉得很多字体特别好看,但是那些好看的字体只能做在图片上不能用CSS样式去实现,作为一个会设计的前端,真心觉得很烦恼,有时候那些文字需要更换,修改起来非常麻烦,要到处去找源文件,找不到源文件还要尽力 ...

  3. # --with-http_random_index_module模块

    作用: 从目录中随机选取一个随机作为主业 环境 nginx -V 检测是否已经安装了该模块 语法 案例 在/usr/share/nginx下随机创建3个html文件 修改配置文件

  4. "etc/profile" E212: Can't open file for writing

    今天安装Java环境,出现如下错误: "etc/profile" E212: Can't open file for writing 这是安装到本地JDK路径不正确导致.怎么办呢? ...

  5. Multipart/form-data POST文件上传

    简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form method="post"action=&qu ...

  6. js 事件冒泡、事件捕获、stopPropagation、preventDefault

    转自:http://www.jb51.net/article/42492.htm (1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发. IE 5.5: ...

  7. js 习题

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  8. 一个完整的jmeter APP登录接口测试实例

    最终效果: 知识点: 通过HTTP信息头管理器, 正则表达式提取器 提取登录要用的token,memcard,Debug Sampler,CSV Data set  config参数化登录,循环控制器 ...

  9. 5G vs AI谁更有前途?

    5G vs AI谁更有前途? 5G通信技术和AI人工智能技术是两个不同层面的技术领域,而它们两者都将在未来20年内对世界的发展有着革命性和里程碑式的影响.未来5G和AI谁更有前途呢? 5G技术的发展和 ...

  10. 【转载】java中的反射

    主要介绍以下几方面内容 理解 Class 类 理解 Java 的类加载机制 学会使用 ClassLoader 进行类加载 理解反射的机制 掌握 Constructor.Method.Field 类的用 ...