首页 > 网站建设 >

网站开发工具与技术揭秘

发布时间:2019-01-05 作者:深圳网站建设

网站开发工具与技术
一、网站开发工具之HTML5和DreamweaverCS6
1.HTML和HTML5简介
  HTML是HyperTextMarkupLanguage的缩写,直译为超文本标识语言,是一种广泛应用于Internet静态网页制作的标记语言,现已大规模地应用在静态网页的制作中。深圳网站建设公司提醒作为一种标记语言,HTML不需要进行编译,直接由浏览器执行。HTML文件是一个文本文件,包含了一些HTML元素、标签等。HTML文档的后缀名为html或htm。HTML目前最新版本为5.0,也称HTML5。HTML5是下一代HTML标准,2014年10月由万维网联盟(TheWorldWideWebConsortium,W3C)完成标准制定。
  HTML5解决了HTML4等以前版本的很多问题,增加了许多新特性,如嵌入音频、视频和图片的函数、客户端存储数据、交互式文档等,进一步增强了互动性,并有效减少了开发成本。最新版本的Safari、Chrome、Firefox及Opera浏览器都支持HTML5特性。微软的浏览器从InternetExplorer9开始支持某些HTML5特性。HTML5的优势最主要的还是跨平台,利用HTML5编写的应用在浏览器平台上都可以运行并使用,且开发速度快。
  HTML5的发展非常迅速,并在移动互联网领域得到广泛应用,目前是前端开发的重要标准。HTML5的一个设计目的是为了在移动设备上支持多媒体。HTML5移动应用的最大优势就是可以在网页上直接调试和修改。原先,开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试和运行;而基于HTML5标准,开发人员可以轻松地调试修改。一个网页通常包括以下3个部分。
★HTML:描述网页的具体内容和结构。
★CSS:定义网页的样式(网页美化的主要模块)。
★JavaScript:实现网页的交互效果,如对用户鼠标事件做出响应。最早的Web1.0使用的主流技术是HTML与CSS;Web2.0使用的主流技术是Ajax(JavaScript/DOM/异步数据请求);最新的Web3.0使用的是HTML5与CSS3。由于使用HTML代码编写网页,代码量比较大,而且编写调试也比较困难,因此市场上出现了很多可视化的网页编写工具和Web开发工具。接下来,介绍一下DreamweaverCS6这个优秀的网站开发工具。
二、网站开发工具之DreamweaverCS6
  Dreamweaver是美国Adobe公司开发的集网页制作和管理网站于一身的“所见即所得”网页编辑器。它是第一套针对专业网页设计师特别开发的可视化网页开发工具,利用它可以轻而易举地制作跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver具有功能强大、动态网页制作、方便和高效率等优势。自Dreamweaver3.0开始,Adobe注意网站开发工具的配合,由Dreamweaver和制作矢量动画的Flash、处理网页图像的Fireworks,共同组成了著名的DreamTeam开发工具包,被Adobe公司称为DreamTeam(梦之队),业界则称之为“网页设计三剑客”。Dreamweaver最大的好处在于,它可以使一个原来对网页一窍不通的人迅速成为网页制作高手,并可以给专业的网站设计师提供强大的开发能力和无穷的创作灵感。具体来讲,Dreamweaver具备以下特点。
(1)最佳的制作效率。Dreamweaver可以用最快速的方式将Firework、FreeHand或Photoshop等软件中的内容移至网页上,能与Playback、Flash、Shockwave和外挂程序等搭配,不需要离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图像文档的最佳化。
(2)网站管理。使用网站地图可以快速制作网站雏形,设计、更新和重组网页,改变网页位置或内容。Dreamweaver会自动更新所有链接。
(3)无可比拟的控制能力。Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具,它包含HomeSite和BBEdit等主流文字编辑器;帧(Frames)和表格的制作速度快得令人无法想象,支持精准定位,利用可轻易转换成表格的图层,以拖拉置放的方式进行版面配置。
(4)所见即所得。Dreamweaver成功地整合了动态式出版视觉编辑及电子商务功能,提供超强的支持能力给第三方厂商,包含ASP、Apache、BroadVision、ColdFusion、iCAT、Tango与自行开发的应用软件。
(5)梦幻样板和XML。Dreamweaver将内容与设计分开,应用快速网页更新和团队合作网页编辑;建立网页外观的样板,指定可编辑或不可编辑的部分,内容提供者可直接编辑以样式为主的内容而不会改变既定样式,还可以使用样板正确地汇入或输出XML内容。
(6)全方位呈现。利用Dreamweaver设计的网页,可以全方位地呈现在任何平台的热门浏览器上。CSS的动态HTML支持鼠标切换图效果、声音和动画的DHTML效果,可以在Netscape和IE浏览器上执行。使用不同浏览器演示功能,Dreamweaver可以告知在不同浏览器上执行的效果如何。当有新的浏览器上市时,只要从Dreamweaver的网站下载它的描述文档,便可得到详尽的成效报告。
(7)支持动态网页。Dreamweaver集成功能强大,使它成为网页的设计工具和网站的开发工具。通过手工编码和使用可视化对象和行为,可快速生成动态的、数据库驱动的Web应用程序。Dreamweaver支持ASP、ASP.NET、JSP和PHP等多种服务器端技术。最新版本的DreamweaverCS6提供一套直观的可视界面,用于创建和编辑HTML网站和移动应用程序。其界面更加具有亲和力,操作性也更灵活,同时,许多原有的功能被加强,尤其是代码编辑和应用程序开发得到进一步扩展。它高效地创建和测试跨平台、跨浏览器的HTML5的内容,利用增强的jQuery和PhoneGap支持构建更出色的移动应用程序,并通过重新设计的多线程FTP传输工具来缩短上传大文件所需的时间。对于网页制作者来说,“所见即所得”无疑是最方便、最直接的功能。所以,Dreamweaver是制作专业网页时首选的网页制作工具。网页制作工具选择好之后,剩下的任务就是根据前面所设计好的具体的一个个网页的版面,将其内容(包括文字、图片、声音、动画等网页元素)添加到网页中去,最终形成对外的正式网页。好了,网站建设公司本文关于“网站开发工具与技术揭秘”就分享到这里,希望能给您的网站设计工作有所帮助,博纳网络编辑整理。
 
 
文章标题:网站开发工具与技术揭秘
本文地址:https://www.198bona.com/news/2059.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯