网站开发工具(网站制作软件)
很多朋友对于网站开发工具和网站制作软件不太懂,今天就由小编来为大家分享,希望可以帮助到大家,下面一起来看看吧!
网站开发工具有哪些
你写网页是用什么软件呢?Dreamweaver?FrontPage? UltraEdit还是记事本?其实除了这类编写 HTML和程序码的软件以外,还有很多小巧而且免费的软件,可以帮助你在写网页时更方便、写的更好哦!尤其时在写 CSS、Javascript或 Ajax的时候,这些都是不可或缺的软件呢!也是小正正平常工作在使用的软件,现在要介绍给你!
综合开发工具
综合的网站开发工具几乎都是浏览器的插件,提供了许许多多的功能,例如:
开关 CSS、开关 Javascript、开关 Cache:可以马上看到你的网页在浏览器中没有 CSS、没有 Javascript或没有快取时的是长怎么样子。为什么要看没有 CSS和 Javascript的状况呢?一切都是为了 Accessibility啊!
检视页面中文件的 DOM结构和指定范围的原始码。
检视每个元素或 DIV的ID、Class、目前的CSS样式(包括继承的样式),也可以将元素或 DIV的外框显示出来。对于找出 CSS和 Javascript的问题十分有用。
检验 HTML和 CSS语法是否正确、符合 W3C的标准。
因为这些工具是属于浏览器的插件,所以有分为给 IE和 Firefox(缩写为FF)所使用的版本,包括有:
Internet Explorer Developer Toolbar(IE)
Web Developer Extension(FF)
Firebug(FF)
HTTP呼叫检视工具
让你可以很容易看到任何由浏览器所发出的 HTTP Request的一切细节,包括档头资讯、所传递的参数、档案大小、传输速度和时间…等等。用来观察 Ajax呼叫的行为和除错最方便了!
HttpWatch(IE)
Firebug(FF)
原始码工具
其实大部分的综合开发工具就已经有这样的提供功能,让你单独检视网页中某个区域的原始码,或是帮你检查语法的正确性,另外也有单独小巧的原始码相关工具可以使用。想要鼠标滑过去就立刻看到该范围的原始码吗?而不需要在茫茫“码“海中捞针。
Instant Source(IE,不是免费的)
HTML VALIDATOR(FF)
图形相关工具
除了用 Photoshop、Fireworks这类标准的大型软件来切图以外,对于平常一些简单的工作,杀机焉用牛刀呢?
Color Cop:可以吸取画面上任何地方的颜色色码。
MeasureIt(FF):测量画面上的像素距离,例如想知道行距、边界要设为多少像素时,就靠他了。
Screen Calipers:这是另一套用来测量画面上像素距离的小软件。
Split Browser(FF):将 Firefox同一个浏览器视窗分为上下或左右两半,让你可以在同一个画面上同时看到两个或多个不同的网页内容,互相做比对,而不需要在多个视窗中切换来切换去。
IE Tab(FF):虽然是叫做 IE Tab,但这可是 Firefox的插件。让你在 Firefox的浏览器视窗中开启 IE,神奇吧!
MWSnap:免费的萤幕抓图软件,用来切图也很方便,只要用秀图软件将原始网页设计的整张图打开、显示在萤幕上,就可以用萤幕抓图软件,撷取出某个范围的图形了。
HyperSnap:另一套好用的萤幕抓图软件,但不是免费的。
Picasa:Google的免费秀图、图片管理软件。
Adobe Labs’ Kuler:Adobe提供配色参考的网站,想不出要用什么颜色时,不妨去看一看找寻灵感吧!
网站开发过程中常用的工具有哪些
制作网页的基本软件离不开HTML,但是如果真的要用其完成全部的网络课程开发是不现实的,因为既不方便效率又低,常用的方法是选择一种工具软件,只是在必要的时候对工具软件生成的HTML文件进行编辑,这样可以使开发工作变得简单又轻松。
但网页制作工具只是对其中各种类型的媒体进行了集成,媒体的编辑还需要各种类型的媒体工具软件。
一. Microsoft公司的FrontPage
应用开发工具可大大提高编制网络课件的效率.目前,国际上比较流行的Web页制作软件大致可以分为两类:代码型和所见即所得型.代码型的制作软件要编程,对于初学者来说想要立即上手比较困难. Microsoft公司的FrontPage就不同了,它作为一种所见即所得型的代表软件,可以使使用者的工作效率得以很大提高. FrontPage 2000是Office 2000家族的一员,沿袭着Office的风格.所以会用 Word的人很容易学会FrontPage.
二. Macromedia公司的Dreamweaver
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页.
Dreamweaver的特点
·可视化的专业网页编辑器
·友好的工作界面
·网站管理功能
·强大的多媒体处理功能
·提供行为等控件来进行动画处理和产生交互式响应
·和Macromedia公司其他软件(Fireworks, Flash)的完美协作
Dreamweaver可以很好地控制HTML原代码,而不会产生垃圾代码. Dreamweaver有一个很神奇的工具-层.层的嵌套、层的可见性、层的重叠,与时间线相配合可以作出许多动态效果,使网页变得多姿多彩,生动活泼.
行为Behaviors是Dreamweaver中很有特色的功能,在网页中使用可以产生互动的效果,增强网页的交互性.如Dreamweaver中有一个行为叫 Drag layer(拖动层),用它可以设计出拼图游戏等.将标准答案拖到正确的位置上.与JavaScript调用结合在一起实现一定的功能,如弹出一个窗口,判断对与错.
用Dreamweaver的扩展程序CourseBulider,可以很方便地创建交互式课件。如选择题、填空题、拖放题、计时器等。利用Dreamweaver的模板功能、重复部件库可以大大提高网络课件的制作效率。
Flash和Fireworks都实现了与Dreamweaver的无缝集成,可以在Dreamweaver中方便地插入Flash动画和Fireworks生成的图像.
最新版本Macromedia Dreamweaver MX,更好支持对Web站点、Web页和 Web应用程序进行设计、编码和开发。无论您喜欢直接编写 HTML代码的驾驭感还是偏爱在可视化编辑环境中工作,Dreamweaver MX都会为您提供帮助良多的工具,丰富您的 Web创作体验。
利用 Dreamweaver MX中的可视化编辑功能,您可以快速地创建页面而无需编写任何代码。不过,如果您更喜欢用手工直接编码,Dreamweaver MX还包括许多与编码相关的工具和功能。并且,借助 Dreamweaver MX,您还可以使用服务器语言(例如 ASP、ASP.NET、ColdFusion标记语言(CFML)、JSP和 PHP)生成支持动态数据库的 Web应用程序。
您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。您可以在 Macromedia Fireworks中创建和编辑图像,然后将它们直接导入 Dreamweaver,或者直接在 Dreamweaver中添加 Macromedia Flash对象,从而优化您的开发工作流程。
Dreamweaver MX还包括多种与编码相关的工具和功能,其中包括代码视图中的代码编辑工具(如代码加色和标签完成);有关 HTML、CSS、JavaScript、CFML、ASP和 JSP的参考资料以及一个 JavaScript调试器。Macromedia MX的可自由导入导出 HTML技术可导入您手工编码的 HTML文档而不会重新设置代码的格式,您可以随后用您首选的格式设置样式来重新设置代码的格式。
Dreamweaver MX现在包含并扩展了 Macromedia UltraDev中的所有功能,以帮助您使用 ASP、ASP.Net、ColdFusion标记语言(CFML)、JSP和 PHP等服务器语言来生成由动态数据库支持的 Web应用程序。
Dreamweaver MX可以完全自定义。您可以创建您自己的对象和命令,修改键盘快捷方式,甚至编写 JavaScript代码,用新的行为、属性检查器和站点报告来扩展Dreamweaver的功能。
三.网页制作工具的综合运用
Microsoft公司的FrontPage和Macromedia公司的Dreamweaver是使用最多的HTML网页制作工具。它们都支持多种媒体类型,可以通过ActiveX定义接口,与脚本编程语言JavaScript和VBScript配合,创建动态交互的Web教学系统。特别值得指出的是,Macromedia的Dreamweaver以及Flash和Fireworks一起被人们称作网页制作三剑客,三者的有机结合,可以说是目前使用方便、功能强大的网站管理及HTML页面制作工具。
可以用Macromedia的Fireworks设计图形并使网页图形最优化。Fireworks使用一整套的位图及矢量工具来创建、编辑并且动态生成网络图形,并可以输出到Dreamweaver及其他的HTML代码编辑软件中。通过在Dreamweaver或Flash中直接对Fireworks进行调用、编辑图形来实现流畅的工作流程。
Macromedia的Flash是制作动画及矢量图形的工具软件。用它制作的动画是窄带动画,适合于网络传输的Web界面,许多在线观众都是通过Flash Player观看用Flash制作的内容。
四.Java开发工具
应选择可移植性好的开发工具。如JDK。
虽然Java程序的可移植性好,但其也依赖于使用的开发工具,如果使用了一些编程工具自己提供的扩展功能,则可能会降低可移植性。
五.数据库的选择
最好选择能跨平台使用的数据库,如Oracle等。
网站建设的工具有哪些
网页图像设计工具常见使用photoshop和Fireworks,其他几个基本都是专业设计的才会使用到,制作网页一般很少使用。浏览器工具主要有火狐浏览器的firebug工具、谷歌浏览器的审查元素、Ietseter多版本IE测试工具,他们都是经常要使用的,作为一个站长可以说电脑上必须安装。下面对网站建设的工具具体列举下。 1、网页三剑客之Dreamweaver Dreamweaver简称DW,是一个专门建设网站的工具,这是网页三剑客建站首先必须用到DW,因为Dreamweaver可以自动将网页生成的大部份结构代码,减少在建站时输入出错,是普通网站建设工作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。相关文章:网站建设的具体作用有那些? 2、Frontpage建站 office自带的工具之一,因其体积较小,操作简单,受广大入门级网站建设用户推崇,实用,学起来比较轻松,功能不太多,只是入门级网站建设工具。 3、photoshop工具:用PS来处理网站建设过程中要用到的图片。 4、网站建设过程中还可能用到的一个工具就是代码编辑工具例如:EditPlus、windows自带的写字本等,这些工具主要编辑asp等或PHP、ASP.net jsp等动态网页。当然,网站建设的后期,就需要考虑后期网站运营的问题,尤其是营销型网站建设,也是需要一些编辑器的。 5、网站运行环境的配置因为动态的网站在运程服务器的运行是需要环境来支持的,所以,如果要测试建设好的网站的功能,必须在本地或者内网做好动态网站的运行状态,比如:ASP网站需要安装IIS,PHP网站也需要安装运行PHP的环境,这些都是建设一个好的动态网站必须的。相关文章:网站建设有什么技巧? 6、此外还可能用到一些网络编程工具,javascript、java编辑器等。 7、网站源码上传工具网站建设好以后,需要上传到远程服务器或虚拟主机上,这时,我们必须用到FTP上传工具,如:FlashFXP就是常用的一款FTP工具。建设一个营销型网站的建设,基于的网站考虑,最好是在本地测试好网站的结构、必要的内容发布、网站的相关关键词的布局,上传以后,不必对网站进行大动,这样比较好,可以减少网站被搜索引擎接纳考核的周期。)
关于网站开发工具和网站制作软件的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。