計算機革命/程式設計/網頁製作軟體
網站建立不再僅僅是編寫一些超文字標記語言 (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 佈局的頁面。
- ↑ Drupal http://drupal.org/home
- ↑ Joomla http://joomla.co.uk/
- ↑ WordPress http://wordpress.org/
- ↑ Dreamweaver http://helpx.adobe.com/dreamweaver.html