在看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. NPOI导出Excel自动计算公式问题

    以前用过sheet.ForceFormulaRecalculation = true;当时能够自动计算出来. 今天把模板改了一下(没动公式,但是模板是老板改的,我也不知道他操作了什么),结果就不能自动 ...

  2. RadioButtonList绑定后台的数据。

    在前台,放置一个 <td style="width: 650px;"><asp:RadioButtonList ID="RadioButtonList2 ...

  3. 本博客基本不再更新,请移步至我的CSDN博客

    本博客基本不再更新,请移步至我的CSDN博客:http://blog.csdn.net/wpxu08

  4. THREE.js代码备份——webgl - custom attributes [lines](自定义字体显示、控制字图的各个属性)

    <!DOCTYPE html> <html lang="en"> <head> <title>three.js webgl - cu ...

  5. 【技术累积】【点】【java】【19】访问权限

    java中的四种访问权限 范围如下表 权限 类内 同包 不同包子类 不同包非子类 Public ✔️ ✔️ ✔️ ✔️ 默认(Default) ✔️ ✔️ ️ Protected ✔️ ✔️ ✔️ P ...

  6. 【sqli-labs】 less7 GET - Dump into outfile - String (导出文件GET字符型注入)

    使用此漏洞需要知道WEB程序的根路径并且MYSQL的secure-file-priv配置应为可写入该路径 添加单引号,发现错误被屏蔽 对应的SQL语句应为 ')) ... 字段还是3个 在数据库中执行 ...

  7. button提交表单 a标签提交表单

    <form name="searchForm" id="searchForm" method="get" action="/ ...

  8. 编程领域中的 "transparent" 和 "opaque"

    引言 在学习计算机的过程中,经常会接触到 “透明” 和 “非透明” 的概念. 刚开始理解 “透明” 这个概念的时候,认为 “透明” 就是程序员可以看见其中的构造,但是老师却说透明是程序员意识不到其中的 ...

  9. Js 字符串中提取数字

    一 parseInt()方法: 首先想到的是js提供的parseInt方法,例子: var str ="4500元"; var num = parseInt(str); alert ...

  10. eas之设置编辑界面分录的某一列不可编辑

    KDTEntrys.getColumn(“xx”).getStayAttributes().setlokced(true);