导航:首页 > 万维百科 > web网页简单设计软件

web网页简单设计软件

发布时间:2020-12-15 19:52:40

1、有什么可视化设计web界面的工具

1、dreamweaver——集WEB端网页设计和网站管理于一身的所见即所得网页编辑器
2、Axure——原型设计工具,主要设计WEB原型
3、墨客——原型设计工具,对PC端和WEB端都很友好

以上这几款使用率都比较高,最近几年用Axure原型设计的较多。DW工具比较早。

2、web软件的界面尺寸

尺寸适应。分辨率一直是困扰网页设计者的问题,在网页设计中大多还是集中在页面宽度的问题上。适应800px还是1024px,这就好像当年哈密雷特口中的 "To be or not to be",近年来随着显示器的变革这个问题还在愈演愈烈,除了刚刚说的2种分辨率,也许很多设计师脑中已经开始考虑1280px这个宽屏分辨率甚至更高的分辨率。当然也有的设计师干脆就只为800px,说这也是个不错的兼容性考虑,可惜我那1920px的显示器啊整天闲着两边。在 B/S结构 软件界面中从来没有这么简单的办法,因为复杂的功能可能有着大量的操作设置或数据显示,一丝一毫的空间都不容的浪费。并且上一条也指出我们不想用整页滚动条来解决问题,这带来的不单是显示面积的限制,还有就是我们需要考虑的是宽度和高度双重尺寸适应问题。不单单是显示器分辨率,当浏览器不是最大化时界面同样要适应(Mac系统根本就不存在最大化),也就是说界面要时时应对浏览器窗口尺寸大小而调整。所以利用一切可能的手段使页面可以自动适应浏览器窗口尺寸就成为了棘手但却是必须去做的事情。又由于这个问题同时又衍生出的新问题是软件界面在自动适应时不同区域不会是等比缩放尺寸的,势必有些区域随之放大缩小而有些区域固定不变。这一点可以参照 C/S结构 软件界面,以大家常用的网页制作工具Dreamweaver为例,主要的代码显示区域是随窗口尺寸的调整而调整,但上边的菜单及功能按钮区域、下边的属性及结果区域、右边的功能区域都是固定不变的或者单方向调整的(只调整宽度或者高度) 。

3、网页前台设计需要什么知识,平面设计又包括什么,需要学习什么软件?

网页设计主要是网络三剑客,Dreamweaver+flash+Fireworks
平面设计主要是:photoshop+Corldraw+Adobe Illustrator,一般photoshop的应用比较广泛,但是也有的设计公司会用到Corldraw和Adobe Illustrator

4、Web 设计的CSS 工具有哪些

Web程序员必备的CSS工具

CSS问题检查工具:CSS Lint
CSS Lint是一个开源的校验CSS文件质量的工具,最初是由 Nicholas C. Zakas和 Nicole Sullivan编写的,最初版本在Velocity会议上于2011年6月发布。CSS Lint的检测规则包括错误的和警告,当选择器或属性书写不正确、漏掉了大括号、多写了分号等时,会提示解析错误,解析错误优先提示。

CSS代码分析统计工具:CSS Stats
Css Stats是一款在线CSS代码分析工具,输入网站CSS网址即可进行CSS代码分析。Css Stats是前端网页设计师分析网站CSS代码的利器,可以统计CSS代码里的规则、字体大小、宽度高度、颜色数等等。
对于网页设计师而言分享网页CSS代码是必须要做的事情,统计网站设计里使用了多少种字体、多少种字体大小、多少种颜色、背景颜色有多少种,只有对CSS代码有一个详细的统计数字才能分析出来整个网站设计出来以后的效果。Css Stats还提供热门网站的CSS分析数据,例如谷歌、雅虎、Twitter、FaceBook、Tumblr等网站。

CSS代码优化压缩工具:CSS Shrinks
CSS Shrinks 能够非常明显的压缩你的CSS体积大小。很多Web程序员编写的CSS代码里有大量的冗余语法,空白空间等,这款工具能在不影响你的CSS的正确性的情况下,优化CSS的语法,去除无用的空格和空行,显著的压缩CSS的提交,大量的减少带宽的浪费。

CSS代码整理工具:ProCSSor
ProCSSor 除了提供基本优化CSS代码功能,还提供了大量的自定义选项。比如,让你设定CSS规则,CSS属性,CSS语法的优化选项。它还提供了对新型CSS3属性、规则中各种浏览器里的不兼容替代方案。

Codrops CSS 语法参考
Codrops CSS 参考内容丰富而全面,并且界面清爽直接,你可以使用这个工具掌握CSS里最重要而全面的知识。它的CSS知识库分成了数个类别,包括伪类,属性,函数,数据类型,概念,规则等。

CSS3浏览器兼容支持情况查询工具:Can I Use
“Can I Use”在这里你能找到所有web新特性在各个品牌浏览器以及各品牌浏览器不同版本的兼容性,当你知道你针对的用户都在使用什么浏览器时,这写table将对你建设网站有很大帮助。打开caniuse.com,该网站首页将所有HTML5、CSS3等web新特性罗列出来,如果你想查看某个特性在不同浏览器种的兼容情况,点击一下就可以。比如,看一下@font-face Web fonts在各个浏览器中的兼容性,点击CSS区域中的第一项,会看到一个表格,列出所有浏览器的版本,用不同颜色代表每个浏览器对@font face Web fonts的支持,被标识为红色的代表不支持,浅绿色代表部分支持。图中列出的浏览器还包括一些手机平板设备浏览器,例如Android系统浏览器。如此全面,设计网站时,可以根据网站针对的用户有选择的使用CSS和Javascript的高级特性,提高用户体验。

检查你的代码是否符合CSS标准:W3C CSS Validation Service
这个工具是用来检查你的CSS语法是否正确,是否符合W3C CSS标准。我们知道从最早的IE开始,各种浏览器都实现了一些自己的方言,这些方言中在各种浏览器里互不相通。但我们开发网页时,必须最大限度的考虑各种浏览器的兼容性,最好的方法是遵守W3C的CSS标准规范。W3C CSS Validation Service就是用来校验你的css中的问题,它会提醒你那些语法,哪些属性,那些规则是有问题的。

CSS动画生成工具:Gradient Animator
这是一款使用CSS Gradient和CSS Animation技术实现的动态背景生成工具。工具非常易用,轻松地点击几下鼠标,一个现代感十足的渐变动态背景代码就生成了。它可以让CSS渐变背景平滑地移动,我们可以设置移动的角度,移动的速度,渐变的角度。支持所有现代浏览器以及 ie 10+。非常适合做网页开屏背景。

5、网页设计和web前端的区别

前端是实现设计师出的图效果,做成页面,加上效果,各种JS,各种CSS等等。
设计师,按正规来说,和程序员沟通好后,出设计图,各种效果的效果图,比如设计稿内要标明,鼠标移上效果会是怎么样,等等,前端再实现这些效果成页面,交给程序员。

6、web界面设计都有哪些设计软件

对于新手来说PS+DW就够了。
如果是个前端设计师大咖
一个记事本搞定

7、常见web程序设计的开发工具有哪些?

常见web程序设计的开发工具有:
PHP、ASP、JSP、Asp.net
ASP(全称Active Server Pages)微软系统的脚本语言,利用它可以执行动态的Web服务应用程序。执行的时候,是由IIS调用程序引擎,解释执行嵌在HTML中的ASP代码,最终将结果和原来的HTML一同送往客户端。ASP的语法非常类似Visual BASIC,学过VB的人可以很快上手,ASP也是这几种脚本语言中最简单易学的开发语言。因为ASP脚本语言非常简单,因此其代码也简单易懂,结合HTML代码,可快速地完成网站的应用程序。但是ASP也有很大的缺点,由于是运行在WINDOWS平台上,不能跨平台运行,自身存在着许多缺陷,最重要的就是安全性。在大型项目开发和维护上非常困难。
但在国内异常流行,因为国内大多使用的是盗版的Windows和盗版的SQLServer。
PHP
PHP是基于预处理 HTML 页面模型的一种脚本语言。它大量地借用C和Perl语言的语法, 并结合PHP自己的特性,使Web开发者能够快速地写出动态产生页面。可以用于管理动态内容、支持数据库、处理会话跟踪,甚至构建整个电子商务站点。它支持许多流行的数据库,包括 MySQL、PostgreSQL、Oracle、Sybase、Informix 和 Microsoft SQL Server。PHP本身就是为处理超文件html设计的,正是由于它是专为基于 Web 的问题而设计的,而且它是开源的导致可扩展性大大增强 ,所以运用非常广泛。

PHP发展到今天,具备了很多优势,开发速度,运行速度,安全性都比较好!性价比很高啊!
JSP
JSP(全称JavaServer Pages)是Sun公司推出的一种网络编程语言。JSP技术是以Java语言作为脚本语言的,比较难学。)。形式上JSP和ASP或PHP看上去很相似——都可以被内嵌在HTML代码中。
JSP可以用来做大规模的应用服务,JSP在响应第一个请求的时候被载入,一旦被载入,便处于已执行状态。对于以后其他用户的请求,它并不打开进程,而是打开一个线程(Thread),将结果发送给客户。由于线程与线程之间可以通过生成自己的父线程(Parent Thread)来实现资源共享,这样就减轻了服务器的负担。
同样JSP是基于Java的,有Java语言的最大优点——平台无关性,也就是所谓的“一次编写,随处运行(WORA – Write Once, Run Anywhere)”。
另外JSP的效率以及安全性也是相当惊人的。 配置和部署相对其他脚本语言来说要复杂一些,所以在国内目前的应用并不广泛,但对于跨平台的中大型企业应用系统来讲(如银行金融机构),基于JAVA技术的MVC架构几乎成为唯一的选择,前途不可限量。
ASP.NET
ASP最新的版本ASP.NET 并不完全与 ASP 早期的版本后向兼容,因为该软件进行了完全重写。ASP.NET的优势很明显在于它简洁的设计和实施。语言灵活,可以使用脚本语言(如 VBscript、Jscript、Perlscript 和 Python)以及编译语言(如 VB、C#、C、Cobol、Smalltalk 和 Lisp);并支持复杂的面向对象特性。而且有良好的开发环境支持。
高效性,ASP.NET是编译性的编程框架,运行是服务器上的编译好的公共语言运行时库代码,可以利用早期绑定,实施编译来提高效率。
简单性,.NET可视化编程,提供基于组件、事件驱动的可编程网络表单,大大简化了编程。一些很平常的任务如表单的提交客户端的身份验证、分布系统和网站配置变得非常简单。如ASP.net页面构架允许你建立你自己的用户分界面。
看起来是非常有前途的,可能JSP可以一拼,刚刚开始,目前应用不高!
JAVA一种由Sun公司提出的,从C++发展而来的面向对象的编程语言。JS=JAVASCRIPT 是一总页面脚本语言,与java没有关系,语法相似而已,有以前的livescript转化而来,为了敢时髦改成了javacriptJSP 全称 JAVA SERVER PAGE,是JAVA企业应用的一种动态技术ASP 全称 active server page 也是一种动态页面技术采用VB语言ASP.NET 是微软.net平台下的动态页面技术,多采用C#语言结构化程序设计:使程序具有合理的结构,以保证和验证程序的正确性.这种方法要求程序设计者不能随心所欲地编写程序,而要按照一定的结构形式来设计和编写程序.它的一个重要目的是使程序具有良好的结构,使程序易于设计,易于理解,易于调试修改,以提高设计和维护程序工作的效率.面向任务程序设计:我的理解是基于对象的设计,没有继承和多态,错了请指正,别骂,呵!面向对象程序设计:http://ke.baidu.com/view/125370.htm
java是一种面向对象的编程语言,js就是javascript也就是java脚本,jsp是java server page,asp是active server page

8、有什么工具可以快速画出web页面布局和大概设计的吗

入股哟要求不高的话,可以利用Dreamweaver或者是C#进行,因为这两个都是网页制作中比较简单的应用工具。
当然,在进行web页面布局的时候,可以用div+css进行,这样可以有效的防止内容浮动

9、EverWeb中文版网页设计软件mac有破解版吗?

EverWeb for Mac中文抄版是一款便捷的拖放式网站构建工具,能轻松创建、设计网站,并在网页布局上任意放置文本、形状、图像。无需编码,即可设计。
EverWeb for Mac中文版安装教程
下载完成后双击EverWeb.pkg安装,欢迎安装EverWeb mac版,
原文出自 :https://mac.orsoon.com/Mac/168537.html
EverWeb for Mac版软件介绍
EverWeb for Mac中文版具有完全的创作自由!绝对没有设计限制,直观地创建您的网站。在您的网页画布上的任何位置放置文本,形状或图像,EverWeb负责其余部分!绝对不需要编码。设计您的网站并立即将其发布到网上。

10、现在公司在制作web网页时是用什么软件

网页设计,不来知道你是源单纯的设计还是设计加制作。
现在来说,设计软件越来越多,可以选择的余地比较大。
以前流行的说法是网页三剑客:Dreamweaver、firework、flash。
现在来说,个人还是喜欢:
设计类:Photoshop(数字)、illustrator(矢量)、flash(动画)。
网页编程类:Dreamweaver(html+div+css)myeclipse eclipse notepad++ editplus等等很多优秀软件。

与web网页简单设计软件相关的知识