跳转到内容

计算机革命/编程/网页制作软件

来自维基教科书,开放世界中的开放书籍

网页制作软件

[编辑 | 编辑源代码]

网站创建不再仅仅是编写一些超文本标记语言 (HTML) 代码并将其加载到万维网上。HTML 是第一批网站开发者必须使用的语言,尽管它有效,但它本身很繁琐且乏味。它仍然在网站设计中发挥着重要作用,并且是用于显示网页和其他信息的主要标记语言,这些信息可以在 Web 浏览器中显示。但是,对复杂和复杂网站的需求不断增长,促进了网页制作软件的创建。网站创建现在涵盖了一系列技能,包括图形设计、网页设计、编程、系统集成、音频编辑和视频编辑。大型商业网站使用内容管理系统 (CMS),例如 Drupal[1] 和 Joomla[2](开源),Adobes’ Dreamweaver(商业软件)和 WordPress[3](也是开源)。这些网页制作软件程序包含各种编程工具和语言,包括 PHP、Ruby on Rails 和 JavaScript 以及所见即所得 HTML 编辑器,以便快速为正在构建的网站提供自定义功能。网页制作软件是网页设计师和开发者用来创建跨多个平台(包括平板电脑和浏览器)的应用程序和网站的软件。使用网页制作软件的主要目的是利用基于 Web 标准的框架,以便网站在多个屏幕上轻松流动。网页制作软件自动执行并组织了许多将精心设计的网站整合在一起的任务和步骤。网站原型是使用艺术品、视频、音频和文本创建的,使用公认的网页创建标准。

网页制作软件的关键功能是能够使用 CSS 检查器和工具来布局语义 Web 设计。CSS 页面布局使用级联样式表格式而不是传统的 HTML 表格或框架来组织网页上的内容。CSS 布局的基本构建块是“div 标签”——一个 HTML 标签,它在大多数情况下充当文本、图像和其他页面元素的容器。在创建 CSS 布局时,您会在页面上放置 div 标签,向其中添加内容并将它们定位在不同的位置。与只能存在于表格行和列中的表格单元格不同,div 标签可以出现在网页上的任何位置。网站开发者通过指定浮动、填充和边距来定位 div 标签,这些是当今 Web 标准的首选方法。

商业网页制作软件(例如 Dreamweaver CS6)[4] 消除了从头开始创建 CSS 布局的必要性。这可能非常理想,因为没有帮助的 CSS 布局可能非常耗时,并且由于有太多方法可以做到这一点而变得困难。简单的两栏 CSS 布局可以通过以几乎无限的组合设置浮动、边距、填充和其他 CSS 属性来实现。从头开始创建的 CSS 布局在某些浏览器中[需要引用] 不显示正确。Dreamweaver 允许通过提供 16 种跨不同浏览器工作的预先设计布局来构建具有 CSS 布局的页面。


参考资料

[编辑 | 编辑源代码]

进一步阅读

[编辑 | 编辑源代码]
华夏公益教科书