PHP+CMS+Dreamweaver網站設計實課件

第1章

教育網站規(guī)劃與設計PHP+CMS+Dreamweaver網站設計實例教程本章主要學習怎樣撰寫網站規(guī)劃書，完成網站開發(fā)環(huán)境的配置，熟悉HTML語言基礎知識。最終完成“平頂山韓創(chuàng)教育咨詢有限公司”網站規(guī)劃書的撰寫；完成PHP網站開發(fā)環(huán)境的安裝與配置；使用HTML語言制作簡單的網頁。第1章教育網站規(guī)劃與設計PHP+CMS+Dreamweav1.1任務一

網站規(guī)劃書撰寫1.1.1任務描述1.1.2相關知識1.1.3任務實施1.1.4任務評價1.1.5任務小結1.1任務一網站規(guī)劃書撰寫1.1.1任務描述一個網站的成功與否與建站前的網站規(guī)劃有著極為重要的關系。建立網站前應明確網站建設目的，確定網站的功能、網站規(guī)模、投入費用等內容。只有詳細的規(guī)劃，才能避免在網站建設中出現(xiàn)的很多問題，使網站建設能順利進行。網站規(guī)劃是指在網站建設前對市場進行分析、確定網站的目的和功能，對網站建設中的技術、內容、費用、測試、維護等內容做出相應規(guī)劃。網站規(guī)劃對網站建設起到計劃和指導的作用。網站規(guī)劃書應盡可能涵蓋網站規(guī)劃中的各個方面，網站規(guī)劃書的寫作要科學、認真、實事求是。1.1.1任務描述一個網站的成功與否與建站前的網站規(guī)劃有著極為重要的關系。建立

建設一個網站之前，首先要了解網站開發(fā)的工作流程，根據網站開發(fā)工作流程來策劃、設計、制作和發(fā)布網站。好的網站開發(fā)流程能幫助設計者精簡開發(fā)網站的繁瑣步驟，減小項目失敗的風險。常用的PHP網站開發(fā)流程如圖1-1所示。一、PHP網站開發(fā)流程1.1.2相關知識建設一個網站之前，首先要了解網站開發(fā)的工作流程一、PHP網站開發(fā)流程1.1.2相關知識一、PHP網站開發(fā)流程1.1.2相關知識二、常用前臺技術網站開發(fā)技術1.1.2相關知識（1）HTMLHTML(HyperTextMarkupLanguage，超文本標記語言)是利用標記(Tag)來描述網頁的字體、大小、顏色及頁面布局的語言，使用任何文本編輯器都可以對它進行編輯。HTML與VB、C++等編程語言有著本質的區(qū)別，使用一些網頁編輯軟件(如Dreamweaver)可以快速地生成HTML代碼。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（1）HTM二、常用前臺技術網站開發(fā)技術1.1.2相關知識（2）ECMAScriptECMAScript技術是由ECMA（EuropeanComputerManufacturesAssociationInternation）,歐洲計算機制作商協(xié)會)制定的標準化腳本語言，它往往被稱為JavaScript或Jscript，但實際上后兩者是ECMA-262標準的擴展。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（2）ECM二、常用前臺技術網站開發(fā)技術1.1.2相關知識（3）XHMLXHTML(ExtensibleHyperTextMarkupLanguage,可擴展的超文本標記語言)是由HTML語言發(fā)展起來的一種標記語言。XHTML實際上是HTML4的后續(xù)版本，在W3C網頁標準化體系中，XHTML屬于網頁的結構技術。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（3）XHM二、常用前臺技術網站開發(fā)技術1.1.2相關知識（4）CSSCSS(CascadingStyleSheets,層疊樣式表)是一種數據表文件，在該數據表中存儲了網頁結構語言的各種樣式，以及顯示方式等內容，并通過表的ID、標簽以及類等選擇器供XHTML調用。利用CSS技術，可以有效地對頁面的布局、字體、顏色、背景和其他效果實現(xiàn)更加精密的控制。對相應的代碼做一些簡單的修改，就可以改變統(tǒng)一頁面的不同部分，或者改變不同頁數頁面的外觀和格式。在W3C網頁標準中，CSS屬于網頁的表現(xiàn)技術。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（4）CSS二、常用前臺技術網站開發(fā)技術1.1.2相關知識（5）切片技術切片技術是應用于網頁圖形處理的一種技術，可將整張圖片切割為幾張小圖片，并輸出一個網頁，圖片會作為網頁表格或層中的內容。切片技術的出現(xiàn)，提高了平面轉換為網頁設計的效率。目前，可以使用切片技術的圖像處理軟件有Photoshop、Fireworks、Lllustrator和Coreldraw等。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（5）切片技三、常用后臺網站開發(fā)技術1.1.2相關知識后臺技術是面向網站數據管理的技術，主要用于開發(fā)動態(tài)網頁。動態(tài)網頁與靜態(tài)網頁之間區(qū)別在于：動態(tài)網頁中的動態(tài)內容通常存放在網站后臺的數據庫里，通過運行ASP等語言編寫的服務器端程序，自動生成網頁再送往瀏覽器。三、常用后臺網站開發(fā)技術1.1.2相關知識后臺技術是面向網三、常用后臺網站開發(fā)技術1.1.2相關知識（1）PHPPHP(PersonalHomePage)是一種跨平臺服務器解釋執(zhí)行的腳本語言，與ASP類似，它也是基于服務器端用于產生動態(tài)網頁而且可嵌入HTML中的腳本程序語言。ASP雖然功能強大，但是只能在微軟的服務器軟件平臺上運行，而大量使用UNIX/Linux的用戶要制作動態(tài)網站則首選PHP技術。PHP用C語言編寫，可運行于UNIX/Linux和Windows9x/NT/2000/2003下。三、常用后臺網站開發(fā)技術1.1.2相關知識（1）PHP三、常用后臺網站開發(fā)技術1.1.2相關知識(2)ASPASP（ActiveServerPage，動態(tài)服務器頁面）是Microsoft開發(fā)的動態(tài)網頁技術標準，它類似于HTML、Script與CGl的結合體，但是其運行效率卻比CGl更高，程序編制比HTML更方便、靈活，程序安全及保密性也比Script好。三、常用后臺網站開發(fā)技術1.1.2相關知識(2)ASP三、常用后臺網站開發(fā)技術1.1.2相關知識(3)JSPJSP是JavaServerPages技術的縮寫，是由Java語言的創(chuàng)造者Sun公司提出，多家公司參與制訂的動態(tài)網頁技術標準，它通過在傳統(tǒng)的HTML網頁“.htm”、“.html”中加入Java代碼和JSP標記，最后生成后綴名為“.jsp”的JSP網頁文件。三、常用后臺網站開發(fā)技術1.1.2相關知識(3)JSP三、常用后臺網站開發(fā)技術1.1.2相關知識(4)ASP.NETASP.NET是建立在微軟新一代.NET平臺架構上，利用普通語言運行時（CommonLanguageRuntime）在服務器后端為用戶提供建立強大的企業(yè)級Web應用服務的編程框架。ASP.NET擁有更好的語言支持，一整套新的控件，基于XML的組件以及更好的用戶身份驗證。ASP.NET代碼不完全向后兼容ASP。目前ASP.NET的開發(fā)語言有C#、VisualBasic.NET等。三、常用后臺網站開發(fā)技術1.1.2相關知識(4)ASP.N四、網站的邏輯結構1.1.2相關知識網站邏輯結構是指頁面之間相互鏈接的拓撲結構。一般的鏈接結構有以下幾種方式。（1）樹型鏈接結構樹狀鏈接結構是一種一對一的形式，類似物理目錄結構。首頁鏈接指向向一級頁面，一級頁面鏈接指向二級頁面。瀏覽這樣的鏈接結構時，一級級進入，一級級退出。其優(yōu)點是條理清晰，訪問者明確知道自己在什么位置，不會迷路；其缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經首頁。四、網站的邏輯結構1.1.2相關知識網站邏輯結構是指頁面之四、網站的邏輯結構1.1.2相關知識（1）樹型鏈接結構四、網站的邏輯結構1.1.2相關知識（1）樹型鏈接結構四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構星狀鏈接結構是一種一對多的形式。每個頁面相互之間都建立有鏈接。這種鏈接結構的優(yōu)點是瀏覽方便，隨時可以到達自己喜歡的頁面。其缺點是鏈接太多，頁面之間的層次結構不清晰，容易使瀏覽者迷路，搞不清自己在什么位置。四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構混合鏈接結構是將以上兩種結構混合起來。為了瀏覽者既可以快速方便的到達目標頁面，又可以清楚的知道自己的位置，可在首頁和一級頁面之間采用星狀鏈接結構，在一級和二級頁面之間可以采用樹狀鏈接結構。四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構1、前言1.1.3任務實施平頂山韓創(chuàng)教育咨詢有限公司是為在職考生提供最佳內容和服務的在職教育類門戶網站。旨在為全國各類求學者搭建的教育資源平臺，方便快捷找到最優(yōu)秀的并適合自己的理想學校、培訓機構；為求學者們提供一個互動交流、互相幫助和學習、交友的網上平臺。使教育網站成為展示自己學校、機構品牌、形象、實力的網絡窗口。也是學校與社會各界人士密切聯(lián)系的橋梁。1、前言1.1.3任務實施平頂山韓創(chuàng)教育咨詢有限公司是為在2、市場分析1.1.3任務實施（1）現(xiàn)今教育網站數量及比例根據中國互聯(lián)網絡信息中心（CNNIC）的“第十二次中國互聯(lián)網絡發(fā)展狀況調查報告”表明：截至2003年7月，我國共有473900個網站；而在2001年和2002年的報告中，我國的網站數量分別為242739個和293213個，到2004年初，這一數字更是上升到了59萬個。從統(tǒng)計數據中我們可以看出，在經歷了2000年網絡泡沫經濟的洗禮后，教育網站的數量正在穩(wěn)步、快速的增長中，特別是最近一年的增長幅度高達60％。由此可見，網站建設業(yè)務在不斷發(fā)展，行業(yè)市場規(guī)模巨大，同時也有越來越多的網絡公司參與到市場競爭中來。2、市場分析1.1.3任務實施（1）現(xiàn)今教育網站數量及比例2、市場分析1.1.3任務實施（2）平頂山韓創(chuàng)教育咨詢有限公司網站建設必要性網站建設是學校教育信息化建設的重要方面，是適應現(xiàn)代教育技術和信息技術的發(fā)展，加大學校對外交流與宣傳力度，提高教學、科研、管理效率的重要途徑。教育網站是公司對外宣傳的窗口，也是展示公司師資培訓內容，加強對校外聯(lián)系，互相學習，共同發(fā)展的陣地。2、市場分析1.1.3任務實施（2）平頂山韓創(chuàng)教育咨詢有限2、網站目的及功能定位1.1.3任務實施（1）建站目的“平頂山韓創(chuàng)教育咨詢有限公司網站”致力于以先進的互聯(lián)網絡為載體，搭建一個以宣傳推廣平頂山韓創(chuàng)教育咨詢有限公司教育的形象，提高平頂山韓創(chuàng)教育咨詢有限公司在業(yè)界的知名度，讓廣大消費群體更容易、更方便、更便捷的找到平頂山韓創(chuàng)教育咨詢有限公司為他們服務。網絡信息化的平頂山韓創(chuàng)教育咨詢有限公司，將有利于業(yè)務拓展、提高品牌形象、和開展網上辦公。2、網站目的及功能定位1.1.3任務實施（1）建站目的2、網站目的及功能定位1.1.3任務實施（2）網站功能定位為宣傳“平頂山韓創(chuàng)教育咨詢有限公司”，樹立良好的網絡形象，并更好的讓廣大社會人士和學子了解“平頂山韓創(chuàng)教育咨詢有限公司”。提供最新的“平頂山韓創(chuàng)教育咨詢有限公司”重要業(yè)務通知和新聞公告，并通過本網站公布公司各個方面的相關信息。2、網站目的及功能定位1.1.3任務實施（2）網站功能定位3、網站內容規(guī)劃1.1.3任務實施根據網站目的和功能定位，結合多年以來從事網站建設的經驗，策劃“平頂山韓創(chuàng)教育咨詢有限公司”網站整體基本欄目和內容?！捌巾斏巾n創(chuàng)教育咨詢有限公司”網站是一個動態(tài)網站，網站中各欄目信息發(fā)布通過網站后臺管理系統(tǒng)編輯管理。（1）網站名稱：平頂山韓創(chuàng)教育咨詢有限公司（2）網站主題：通過網站宣傳，樹立企業(yè)形象，提高企業(yè)知名度（3）網站語言：簡體中文（4）網站風格：以藍色調為主，給人以簡潔大方正式為主，主題鮮明突出（公司宣傳，業(yè)務推廣），要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題，表現(xiàn)網站的個性和情趣，辦出網站的特點。3、網站內容規(guī)劃1.1.3任務實施根據網站目的和功能定位，3、網站內容規(guī)劃1.1.3任務實施（4）網站風格：以藍色調為主，給人以簡潔大方正式為主，主題鮮明突出（公司宣傳，業(yè)務推廣），要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題，表現(xiàn)網站的個性和情趣，辦出網站的特點。3、網站內容規(guī)劃1.1.3任務實施（4）網站風格：以藍色調3、網站內容規(guī)劃1.1.3任務實施（5）欄目設置3、網站內容規(guī)劃1.1.3任務實施（5）欄目設置3、網站內容規(guī)劃1.1.3任務實施（6）網站拓撲圖3、網站內容規(guī)劃1.1.3任務實施（6）網站拓撲圖3、網站內容規(guī)劃1.1.3任務實施（7）欄目描述網站各欄目的共同特點主要在于信息的動態(tài)性，實時性。同時在頁面上顯示的信息不同版塊之間是相互獨立的，這些信息是通過后臺的管理中心分版塊來動態(tài)管理。也就是說，在后臺將某條信息添加在哪個版塊，該條信息就顯示在頁面上的那個版塊上。而且在后臺，可將不同的版塊分配給不同的版塊管理者來管理。3、網站內容規(guī)劃1.1.3任務實施（7）欄目描述3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明網站新聞動態(tài)發(fā)布功能：將網頁上的某些需要經常變動的信息，類似新聞、教育服務信息發(fā)布和行業(yè)動態(tài)等更新信息集中管理，并通過信息的某些共性進行分類，最后系統(tǒng)化、標準化發(fā)布到網站上的一種網站應用程序。網站信息通過一個操作簡單的界面進入數據庫，然后通過已有的網頁模板格式與審核流程發(fā)布到網站上。3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明全站搜索功能：提供對全站的信息進行搜索的功能。站內搜索系統(tǒng)提供了對信息進行多種類型檢索的支持，對網站主要信息提供了搜索功能。由于系統(tǒng)信息的儲存方式有兩種，文件系統(tǒng)的靜態(tài)html和裝入數據庫的信息，因此系統(tǒng)采用兩種搜索引擎，一種是針對文件系統(tǒng)的全文檢索功能，一種是針對數據庫系統(tǒng)的全文檢索功。3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明管理咨詢等二級欄目內容：通過維護界面增加、修改、刪除每條信息。詳細的內容介紹：提供全面的所發(fā)布信息的內容描述，學員可以充分了解所有發(fā)布信息內容，并靈活地從網站的發(fā)布的信息中進行選擇。3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明在線留言系統(tǒng)：主要是為網站瀏覽者和學員提供對于網站的具體內容進行和對公司的建議與意見的收集，為網站瀏覽者和學員加深對“平頂山韓創(chuàng)教育咨詢有限公司”的了解提供便利，以及收集相關的意見和建議，提高網站的互動性，更好的促進企業(yè)服務的職能。3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明后臺功能模塊描述：該系統(tǒng)擁有兩個方面的功能，一方面：通過該系統(tǒng)，分配不同的欄目或者文檔的權限給不同的人，從而界定每個編輯人員的工作程序和權限，實現(xiàn)工作的有序化和系統(tǒng)化，另一方面，根據不同的訪問者,不同數據對象設定不同的權限。詳細舉例設定見下表。3、網站內容規(guī)劃1.1.3任務實施（8）網站部分功能說明4、網頁設計1.1.3任務實施1）網站整體風格“平頂山韓創(chuàng)教育咨詢有限公司”網站首頁設計將采用教育行業(yè)特征的圖文版形式，突出網站商業(yè)化、專業(yè)化、榜樣化、規(guī)?；雀杏X。配之以形象、精致的LOGO徽標以及特有的圖案塑造網站整體專業(yè)、規(guī)模之形象。在整體形象上要表現(xiàn)出主題突出，內容精干，形式嚴肅簡潔，整體大方，讓人有耳目一新之感。網站整體風格統(tǒng)一，以文字為主體，同時配以精巧靜態(tài)或動態(tài)圖片以吸引訪問者的注意力，表達創(chuàng)新精神、以及上升動力。在網站的整體設計上，強調人性化和參與意識，為訪問者盡可能的提供多的在線服務和溝通渠道，充分利用互聯(lián)網的交互功能，呈現(xiàn)整體友好的界面結構。4、網頁設計1.1.3任務實施1）網站整體風格4、網頁設計1.1.3任務實施（2）首頁風格網站首頁的設計體現(xiàn)性質和風格，也代表著“平頂山韓創(chuàng)教育咨詢有限公司”整體的品牌形象，所以首頁設計在本項目工程中占有十分重要的位置。首頁的設計，將確定“平頂山韓創(chuàng)教育咨詢有限公司”整體形象設計規(guī)劃，網站所有的頁面將具有統(tǒng)一風格，整個網站主題色彩采用專業(yè)、簡潔的風格色系，用不同的色系和圖案加以區(qū)別，以形成網站和平頂山韓創(chuàng)教育咨詢有限公司固有的形象，又不失莊重，并結合以適量的精致圖片和動態(tài)元素以吸引訪問者注意力，以表達各欄目以及服務專業(yè)化之特征。4、網頁設計1.1.3任務實施（2）首頁風格4、網頁設計1.1.3任務實施（3）欄目頁風格欄目頁面整體風格和首頁風格一致，并且為了將豐富的含義和多樣的形式組織成統(tǒng)一的頁面結構。形式、語言必須符合頁面內容，靈活運用各種手段，通過空間、文字、圖形之間的相互關聯(lián)建立整體的均衡狀態(tài)，產生和諧的美感。點、線、面相結合，充分表達完美設計意境，向瀏覽者傳達相應的信息。4、網頁設計1.1.3任務實施（3）欄目頁風格5、網站技術解決方案、維護及測試1.1.3任務實施表1-3“平頂山韓創(chuàng)教育咨詢有限公司”網站關鍵技術一覽表5、網站技術解決方案、維護及測試1.1.3任務實施表1-36、網站發(fā)布于推廣1.1.3任務實施（1）利用自己的服務對象資源推廣網站網站建好后，首先將它介紹給公司的服務對象。他們對公司的網站是最感興趣的。因為，他們通過公司的網站可以更方便快捷地了解和查詢到相關的信息，可以更加方便地與之溝通。所以，這些是網站的忠實訪問者。（2）通過搜索引擎推廣網站網站做好后，就去中文雅虎、新浪、3721、搜狐、網易等網站上進行搜索引擎登記，讓更多檢索、查找同行業(yè)的人查找到公司的網站。6、網站發(fā)布于推廣1.1.3任務實施（1）利用自己的服務對6、網站發(fā)布于推廣1.1.3任務實施（3）利用自己的網站推廣自己的網站網站建好后，不斷更新自己的網站內容，這樣會給訪問者留下好的印象，增加回頭率；把自己的各種服務做到網上，讓人們產生訪問興趣。（4）利用其它網站推廣自己的網站與相關網站交換首頁廣告、友情鏈接，在全國各大能發(fā)布信息、廣告、留言及論壇的網站上發(fā)布廣告信息。6、網站發(fā)布于推廣1.1.3任務實施（3）利用自己的網站推6、網站發(fā)布于推廣1.1.3任務實施（5）利用傳統(tǒng)媒體推廣網站適當在報刊、電臺、路牌等傳統(tǒng)媒體發(fā)布網站廣告，還可將網址打印在公益廣告等宣傳資料上，讓更多的人了解公司的網站。通過上述的宣傳和推廣，可以提高網站的訪問率。訪問率越高，了解的人就越多。就可以更好的服務社會，最終達到利用網站產生良好社會影響的目的。6、網站發(fā)布于推廣1.1.3任務實施（5）利用傳統(tǒng)媒體推廣1.1.4任務評價1.1.4任務評價

本任務主要了解網站開發(fā)流程，明確網站規(guī)劃書在網站開發(fā)中的地位，掌握網站規(guī)劃主要內容和格式，掌握網站規(guī)劃書撰寫規(guī)范，最終完成“平頂山韓創(chuàng)教育咨詢有限公司”網站規(guī)劃書的撰寫。1.1.5任務小結本任務主要了解網站開發(fā)流程，明確網站規(guī)劃書在網1.2任務二網站開發(fā)項目準備1.2.1任務描述1.2.2相關知識1.2.3任務實施1.2.4任務評價1.2.5任務小結1.2任務二網站開發(fā)項目準備1.2.1任務描述網站開發(fā)環(huán)境的搭建，是網站開發(fā)人員根據所要開發(fā)的網站技術需求，在網站開發(fā)之前將所需軟件進行安裝及配置的過程。本任務通過PhpStudy2011軟件的安裝，最終完成“平頂山韓創(chuàng)教育咨詢有限公司”網站開發(fā)環(huán)境的搭建。1.2.1任務描述網站開發(fā)環(huán)境的搭建，是網站開發(fā)人員根據所要開發(fā)的網站技術需求PhpStudy2011是一個PHP調試環(huán)境的程序集成包。該程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安裝，無須配置即可使用，是非常方便、好用的PHP調試環(huán)境。該程序不僅包括PHP調試環(huán)境，還包括了開發(fā)工具、開發(fā)手冊等。一、PhpStudy20111.2.2相關知識PhpStudy2011是一個PHP調試環(huán)境的程序集成包?？棄魞热莨芾硐到y(tǒng)(DedeCms)以簡單、實用、開源而聞名，是國內最知名的PHP開源網站管理系統(tǒng)，也是使用用戶最多的PHP類CMS系統(tǒng)，在經歷了二年多的發(fā)展，目前的版本無論在功能，還是是易用性方面，都有了長足的發(fā)展，DedeCms免費版的主要目標用戶鎖定在個人站長，功能更專注于個人網站或中小型門戶的構建，當然也不乏有企業(yè)用戶和學校等在使用本系統(tǒng)。織夢內容管理系統(tǒng)(DedeCms)基于PHP+MySQL的技術架構，完全開源加上強大穩(wěn)定的技術架構，使用戶無論是目前打算做個小型網站，還是想讓網站在不斷壯大后系仍能得到隨意擴充都有充分的保證。二、織夢內容管理系統(tǒng)(DedeCms)1.2.2相關知識織夢內容管理系統(tǒng)(DedeCms)以簡單、實用、開源而聞名1.2.3任務實施1、雙擊PHPstudy2011程序安裝包中Setup.exe圖標，顯示安裝向導界面，如圖1-8所示。1.2.3任務實施1、雙擊PHPstudy2011程序安1.2.3任務實施2、單擊【下一步】，進入用戶許可協(xié)議條款界面，選擇【我接受】。如圖1-9所示。。1.2.3任務實施2、單擊【下一步】，進入用戶許可協(xié)議條款1.2.3任務實施3、點擊【下一步】，選擇軟件安裝的路徑，如圖1-10所示。完成后單擊【下一步】，選擇PHP程序存放目錄，如圖1-11所示。。1.2.3任務實施3、點擊【下一步】，選擇軟件安裝的路徑，1.2.3任務實施3、點擊【下一步】，選擇軟件安裝的路徑，如圖1-10所示。完成后單擊【下一步】，選擇PHP程序存放目錄，如圖1-11所示。。1.2.3任務實施3、點擊【下一步】，選擇軟件安裝的路徑，1.2.3任務實施4、點擊【下一步】，選擇安裝組件，如圖1-12所示。1.2.3任務實施4、點擊【下一步】，選擇安裝組件，如圖11.2.3任務實施5、點擊【下一步】，選擇開始菜單文件夾，如圖1-13所示。1.2.3任務實施5、點擊【下一步】，選擇開始菜單文件夾，1.2.3任務實施6、點擊【下一步】，準備安裝，如圖1-14所示。1.2.3任務實施6、點擊【下一步】，準備安裝，如圖1-11.2.3任務實施7、點擊【安裝】，開始安裝，如圖1-15、1-16所示，安裝完成出現(xiàn)提示窗口1.2.3任務實施7、點擊【安裝】，開始安裝，如圖1.2.3任務實施7、點擊【安裝】，開始安裝，如圖1-15、1-16所示，安裝完成出現(xiàn)提示窗口1.2.3任務實施7、點擊【安裝】，開始安裝，如圖1.2.4任務評價1.2.4任務評價

本任務主要介紹了PHP網站開發(fā)工具的安裝步驟，并對其進行了詳細描述，通過本任務的學習，大家可以順利的搭建PHP網站開發(fā)環(huán)境，為后面“平頂山韓創(chuàng)教育咨詢有限公司”網站的具體開發(fā)奠定基礎。1.2.5任務小結本任務主要介紹了PHP網站開發(fā)工具的安裝步驟，并1.3任務三HTML認識1.3.1任務描述1.3.2相關知識1.3.3任務實施1.3.4任務評價1.3.5任務小結1.3任務三HTML認識1.3.1任務描述HTML(HyperTextMark-upLanguage)即超文本標記語言，是一種通用的Web頁面描述語言。HTML語言是由HTML標記組成的描述性文本，HTML標記可以說明文字、圖形、動畫、聲音、表格、鏈接等。本任務通過學習HTML語言文檔格式及常用的HTML標記等內容，最終完成一個簡單的網頁制作。1.3.1任務描述HTML(HyperTextMark-upLanguaHTML是超文本標記語言(HyperTextMark-upLanguage)的簡稱，是一種簡單易學、與操作系統(tǒng)平臺無關的通用頁面描述語言。自1990年以來HTML就一直被用作WordWideWeb上的信息表示語言，用于描述網頁的格式設計和它與WWW上其他網頁的連接信息。一、HTML語言1.3.2相關知識HTML是超文本標記語言(HyperTextMark-u<!HTML網頁版本信息說明><html><head><title>網頁標題</title></head><body>網頁內容</body></html>二、HTML文檔的基本結構1.3.2相關知識<!HTML網頁版本信息說明>二、HTML文檔的基本結構1.說明：①HTML文件以<HTML>開頭，以</HTML>結尾。②<HEAD>…</HEAD>：表示這是網頁的頭部，用來說明文件命名和與文件本身的相關信息?？梢园ňW頁的標題部分：<TITLE>…</TITLE>。③<BODY>…</BODY>：表示網頁的主體即正文部分。④HTML語言并不要求在書寫時縮進，但為了程序的易讀性，建議網頁設計制作者使標記的首尾對齊，內部的內容向右縮進幾格。二、HTML文檔的基本結構1.3.2相關知識說明：二、HTML文檔的基本結構1.3.2相關知（1）排版標記常見的排版標記為：<!--注解-->、<p>、<br>、<hr>、<center>。<!--注解-->：像很多電腦語言一樣，HTML文件亦提供注解功能。瀏覽器會忽略此標記中的文字（可以是很多行）而不作顯示。<p>：稱為段落標記。作用：為字、畫、表格等之間留一空白行。三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-1：使用<p>標記對段落進行換行。代碼如下所示，實例源文件位于本書素材文件中的“第一章源碼\1-1.html”。<p>這是段落標記p</p><p>這是段落標記p</p>三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-1：使用<p>標記對段落進行換行。代碼如下所示，實例源文件位于本書素材文件中的“第一章源碼\1-1.html”。三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-2：使用<br>標記對段落進行換行。代碼如下所示，實例源文件位于本書素材文件中的“第一章源碼\1-2.html”。<br>這是段落標記br</br><br>這是段落標記br</br>三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-2：使用<br>標記對段落進行換行。代碼如下所示，實例源文件位于本書素材文件中的“第一章源碼\1-2.html”。三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-3：添加一個水平線。實例源文件位于本書素材文件中的“第一章源碼\1-3.html”。<hralign="left"size="4"width="70%"color="#008000">。三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-3：添加一個水平線。。三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-4：對文字居中排版。實例源文件位于本書素材文件中的“第一章源碼\1-4.html”。<center>文本居中對齊</center>三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（1）排版標記例1-4：對文字居中排版。三、HTML文檔常用標記1.3.2相關知識（1）排版標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記常用的字體標記為：<font>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<strong>、<b>等。<font>：可以用<font>這個元素及其屬性來設定字體的大小，顏色和字體風格。三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-5：用字體大小屬性(size)來設定字體的大小。實例源文件位于本書素材文件中的“第一章源碼\1-5.html”。<p><fontsize="2">這一段的字體大小的值是2。</font></p>三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-5：用字體大小屬性(size)來設定字體的大小。三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-6：用face屬性來設定字體風格。實例源文件位于本書素材文件中的“第一章源碼\1-6.html”。<p><fontface="黑體">這一段的字體為黑體</font></p>三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-6：用face屬性來設定字體風格。三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-7：用顏色屬性(color)來設定字體顏色。實例源文件位于本書素材文件中的“第一章源碼\1-7.html”。<p><fontcolor="#FF0000">這一段的字體顏色是紅色</font></p>三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-7：用顏色屬性(color)來設定字體顏色。三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-8：使用<h1>-<h6>修飾標題實例源文件位于本書素材文件中的“第一章源碼\1-8.html”。<h1>HeaderLevel1</h1><h2>HeaderLevel2</h2><h4>HeaderLevel4</h4><h5>HeaderLevel5</h5><h6>HeaderLevel6</h6>三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-8：使用<h1>-<h6>修飾標題三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-9：使用<strong>和<b>標記修飾文字實例源文件位于本書素材文件中的“第一章源碼\1-9.html”。<p>這是一段文字</p><br><strong>這是一段文字</strong><br><b>這是一段文字</b>三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（2）字體標記例1-9：使用<strong>和<b>標記修飾文字三、HTML文檔常用標記1.3.2相關知識（2）字體標記三、HTML文檔常用標記1.3.2相關知識（3）清單標記常用的清單標記為：<ol>、<li>、<ul><ol>稱為順序清單標記。所謂順序清單就是在每一項前面加上1,2,3...等數目，又稱編號清單。<li>則用以標示清單項目。三、HTML文檔常用標記1.3.2相關知識（3）清單標記三、HTML文檔常用標記1.3.2相關知識（3）清單標記例1-10：對文字添加編號。實例源文件位于本書素材文件中的“第一章源碼\1-10.html”直轄市：<ol><li>北京<li>上海<li>重慶</ol>三、HTML文檔常用標記1.3.2相關知識（3）清單標記三、HTML文檔常用標記1.3.2相關知識（3）清單標記例1-11：對文字添加項目符號。實例源文件位于本書素材文件中的“第一章源碼\1-11.html”直轄市：<ul><li>北京<li>上海<li>重慶</ul>三、HTML文檔常用標記1.3.2相關知識（3）清單標記三、HTML文檔常用標記1.3.2相關知識（3）清單標記例1-11：對文字添加項目符號。三、HTML文檔常用標記1.3.2相關知識（3）清單標記三、HTML文檔常用標記1.3.2相關知識（4）表格標記常用的表格標記為：<table>、<tr>、<td><table>、<tr>、<td>：HTML表格用<table>表示。一個表格可以分成很多行(row)，用<tr>表示；每行又可以分成很多單元格(cell)，用<td>表示。這三個標記是創(chuàng)建表格最常用的標記。三、HTML文檔常用標記1.3.2相關知識（4）表格標記三、HTML文檔常用標記1.3.2相關知識（4）表格標記例1-12：在網頁中添加一個一行兩列的表格。實例源文件位于本書素材文件中的“第一章源碼\1-12.html”。<tablewidth="60%"border="5"bordercolorlight="#FF00FF"bordercolordark="#FF0000"><tr><td>第一列第一欄</td><td>第一列第二欄</td></tr></table>三、HTML文檔常用標記1.3.2相關知識（4）表格標記三、HTML文檔常用標記1.3.2相關知識（4）表格標記例1-12：在網頁中添加一個一行兩列的表格。三、HTML文檔常用標記1.3.2相關知識（4）表格標記三、HTML文檔常用標記1.3.2相關知識（4）表格標記例1-13：在網頁中添加一個兩行兩列的表格。實例源文件位于本書素材文件中的“第一章源碼\1-13.html”。<tablewidth="60%"border="1"cellpadding="10"><tr><tdbgcolor="#FFCCE6">第一列第一欄</td><tdbgcolor="#FFFFC6">第一列第二欄</td></tr><tr><tdbgcolor="#FFD9FF">第二列第一欄</td><tdbgcolor="#DAB4B4">第二列第二欄</td></tr></table>三、HTML文檔常用標記1.3.2相關知識（4）表格標記三、HTML文檔常用標記1.3.2相關知識（4）表格標記例1-13：在網頁中添加一個兩行兩列的表格。三、HTML文檔常用標記1.3.2相關知識（4）表格標記三、HTML文檔常用標記1.3.2相關知識（5）圖形標記<img>：這個標記可以在HTML里面插入圖片。最基本的語法如下：<imgsrc="url">url表示圖片的路徑和文件名。比如url可以是images/logo/blabla_logo01.gif，也可以是個相對路徑"../images/logo/blabla_logo01.gif"。三、HTML文檔常用標記1.3.2相關知識（5）圖形標記三、HTML文檔常用標記1.3.2相關知識（5）圖形標記例1-14：在網頁中插入圖片。實例源文件位于本書素材文件中的“第一章源碼\1-14.html”。<imgsrc="1.jpg"alt="smileface">三、HTML文檔常用標記1.3.2相關知識（5）圖形標記三、HTML文檔常用標記1.3.2相關知識（5）圖形標記例1-14：在網頁中插入圖片。三、HTML文檔常用標記1.3.2相關知識（5）圖形標記三、HTML文檔常用標記1.3.2相關知識（6）鏈接標記HTML用<a>來表示超鏈接。<a>可以指向任何一個文件源：一個HTML網頁，一個圖片，一個影視文件等。用法如下：<ahref="1.jpg">鏈接的顯示文字</a>點擊<a></a>當中的內容，即可打開一個鏈接文件，href屬性則表示這個鏈接文件的路徑。三、HTML文檔常用標記1.3.2相關知識（6）鏈接標記三、HTML文檔常用標記1.3.2相關知識（6）鏈接標記例1-15：在網頁中插入一個超級鏈接。實例源文件位于本書素材文件中的“第一章源碼\1-15.html”。<ahref="l"target=_blank>百度</a>三、HTML文檔常用標記1.3.2相關知識（6）鏈接標記三、HTML文檔常用標記1.3.2相關知識（6）鏈接標記例1-15：在網頁中插入一個超級鏈接。三、HTML文檔常用標記1.3.2相關知識（6）鏈接標記三、HTML文檔常用標記1.3.2相關知識（7）多媒體標記<bgsound>是用以插入背景音樂，但只適用于IE。例1-16：在網頁中插入背景音樂。實例源文件位于本書素材文件中的“第一章源碼\1-16.html”。<bgsoundsrc="your.mid"autostart=trueloop=infinite>三、HTML文檔常用標記1.3.2相關知識（7）多媒體標記三、HTML文檔常用標記1.3.2相關知識（7）多媒體標記例1-16：在網頁中插入背景音樂。三、HTML文檔常用標記1.3.2相關知識（7）多媒體標記三、HTML文檔常用標記1.3.2相關知識（8）其他標記<marquee>創(chuàng)建一個滾動的文本字幕。例1-17：創(chuàng)建由左向右的滾動字幕，移動速度為每200毫秒10像素。實例源文件位于本書素材文件中的“第一章源碼\1-17.html”。<marqueedirection=rightbehavior=scrollscrollamount=100scrolldelay=200>這是一個滾動字幕。</marquee>三、HTML文檔常用標記1.3.2相關知識（8）其他標記三、HTML文檔常用標記1.3.2相關知識（8）其他標記例1-17：創(chuàng)建由左向右的滾動字幕，移動速度為每200毫秒10像素。三、HTML文檔常用標記1.3.2相關知識（8）其他標記三、HTML文檔常用標記1.3.2相關知識三、HTML文檔常用標記1.3.2相關知識（9）特殊字符表1-6HTML特殊字符一覽表（9）特殊字符

表1-6HTML特殊字符一覽表三、HTML文檔常用標記1.3.2相關知識（9）特殊字符（1、編輯HTML文檔基本結構1.3.3任務實施打開記事本，在記事本編輯HTML文檔基本結構，保存文件并名為“任務三.html”。實例源文件位于本書素材文件中的“第一章源碼\1-18.html”。<htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>我的第一個網頁</title></head>1、編輯HTML文檔基本結構1.3.3任務實施打開記事本，1、編輯HTML文檔基本結構1.3.3任務實施打開記事本，在記事本編輯HTML文檔基本結構，保存文件并名為“任務三.html”。實例源文件位于本書素材文件中的“第一章源碼\1-18.html”<htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>我的第一個網頁</title></head><body></body></html>1、編輯HTML文檔基本結構1.3.3任務實施打開記事本，2、網頁布局1.3.3任務實施使用表格對網頁進行布局。在<body>…</body>標記中添加以下表格代碼，對頁面進行布局。<tablewidth="90%"height="376"border="0"align="center"><tr><tdwidth="50%"height="148"></td><tdwidth="50%"rowspan="2"></td></tr><tr><td></td></tr></table>2、網頁布局1.3.3任務實施使用表格對網頁進行布局。在<2、網頁布局1.3.3任務實施（1）在表格中第一行第一個列單元格中添加以下代碼。<palign="center"><fontsize="5"color=green><strong>《登岳陽樓》</strong></font><br/><br/><fontsize="2">作者：杜甫</font><br/><br/>2、網頁布局1.3.3任務實施（1）在表格中第一行第一個列2、網頁布局1.3.3任務實施（1）在表格中第一行第一個列單元格中添加以下代碼。<br/><br/>吳楚東南坼，乾坤日夜浮。<br/><br/>親朋無一字，老病有孤舟。<br/><br/>戎馬關山北，憑軒涕泗流。</p><palign="center">

</p>2、網頁布局1.3.3任務實施（1）在表格中第一行第一個列2、網頁布局1.3.3任務實施（2）在表格中第一行第二個單元格中添加以下代碼。<palign="left"><fontcolor=greensize="2">【注釋】：</font><fontsize="2"><ol><fontsize="2"><li>吳楚句：吳楚兩地在我國東南；坼：分裂。</li></font><fontsize="2"><li>乾坤：指日、月。</li>2、網頁布局1.3.3任務實施（2）在表格中第一行第二個單2、網頁布局1.3.3任務實施（2）在表格中第一行第二個單元格中添加以下代碼。</font><fontsize="2"><li>戎馬：指戰(zhàn)爭。</li></font><fontsize="2"><li>關山北：北方邊境。</li></font><fontsize="2"><li>憑軒：靠著窗戶。</li></font></ol></font>2、網頁布局1.3.3任務實施（2）在表格中第一行第二個單2、網頁布局1.3.3任務實施</p><palign="left"><fontcolor=greensize="2"></font><fontsize="2"color="green">【韻譯】:</font><fontsize="2"><br/><br/>很早聽過名揚海內的洞庭湖，今日有幸登上湖邊的岳陽樓。

<br/>2、網頁布局1.3.3任務實施</p>2、網頁布局1.3.3任務實施<br/>大湖浩瀚象把吳楚東南隔開，天地象在湖面日夜蕩漾漂浮。<br/><br/>漂泊江湖親朋故舊不寄一字，年老體弱生活在這一葉孤舟。<br/><br/>關山以北戰(zhàn)爭烽火仍未止息，憑窗遙望胸懷家國涕淚交流。<br/><br/></font>2、網頁布局1.3.3任務實施<br/>2、網頁布局1.3.3任務實施</p><palign="left"><fontcolor=greensize="2"></font><fontsize="2"color="green">【評析】:</font><fontsize="2"><p>2、網頁布局1.3.3任務實施</p>2、網頁布局1.3.3任務實施

代宗大歷三年（７６８）之后，杜甫出峽漂泊兩湖，此詩是登岳陽樓而望故鄉(xiāng)，觸景感懷之作。開頭寫早聞洞庭盛名，然而到幕年才實現(xiàn)目睹名湖的愿望，表面看有初登岳陽樓之喜悅，其實意在抒發(fā)早年抱負至今未能實現(xiàn)之情。二聯(lián)是洞庭的浩瀚無邊。三聯(lián)寫政治生活坎坷，漂泊天涯，懷才不遇的心情。末聯(lián)寫眼望國家動蕩不安，自己報國無門的哀傷。寫景雖只二句，卻顯技巧精湛，抒情雖暗淡落寞，卻吞吐自然，毫不費力。</p></font></p>2、網頁布局1.3.3任務實施  &4、網頁中插入圖片1.3.3任務實施在表格中第二行第二列添加圖片并居中，代碼如下。<center><imgsrc="3.png"width="152"height="247"/></center>4、網頁中插入圖片1.3.3任務實施在表格中第二行第二列添5、網頁中插入網頁背景，預覽網頁最終效果。1.3.3任務實施（1）設置<body>標記的“background”屬性，實現(xiàn)在網頁中背景圖案的添加。將<body>標記修改為<bodybackground="2.jpg">。（2）在瀏覽器中瀏覽網頁最終效果。5、網頁中插入網頁背景，預覽網頁最終效果。1.3.3任務實5、網頁中插入網頁背景，預覽網頁最終效果。1.3.3任務實施5、網頁中插入網頁背景，預覽網頁最終效果。1.3.3任務實1.3.4任務評價1.3.4任務評價本任務主要通過使用HTML語言編輯一個簡單的網頁，來了解HTML語言的語法結構，掌握常用的HTML標記等內容。最終達到能讀懂網頁的HTML源碼文件，為后續(xù)的DreamweaverCS5中“代碼”文檔編輯窗口中HTML代碼編輯打下基礎。1.3.5任務小結本任務主要通過使用HTML語言編輯一個簡單的網頁，來了解HT1.4拓展實訓：撰寫企業(yè)網站規(guī)劃書1.4.1任務描述1.4.2實訓目的1.4.3實訓要求1.4.4實訓考核1.4拓展實訓：撰寫企業(yè)網站規(guī)劃書1.4.1任務描述完成“平頂山華通膠輥有限公司”企業(yè)網站規(guī)劃書的撰寫。1.4.1任務描述完成“平頂山華通膠輥有限公司”企業(yè)網站規(guī)劃書的撰寫。1.4.掌握網站開發(fā)流程；了解網站建設規(guī)劃內容；完成“平頂山華通膠輥有限公司”企業(yè)網站規(guī)劃書撰寫。1.4.2實訓目的掌握網站開發(fā)流程；1.4.2實訓目的網站策劃對網站建設起到計劃和指導的作用，對網站的內容和維護起到定位作用。網站策劃書應盡涵蓋網站策劃中的各個方面，網站策劃書的寫作要科學、認真、實事求是?！捌巾斏饺A通膠輥有限公司”企業(yè)網站規(guī)劃書按照企業(yè)網站規(guī)劃書格式進行撰寫。1.4.3實訓要求網站策劃對網站建設起到計劃和指導的作用，對網站的內容和維護起1.4.4實訓考核1.4.4實訓考核第1章

教育網站規(guī)劃與設計PHP+CMS+Dreamweaver網站設計實例教程本章主要學習怎樣撰寫網站規(guī)劃書，完成網站開發(fā)環(huán)境的配置，熟悉HTML語言基礎知識。最終完成“平頂山韓創(chuàng)教育咨詢有限公司”網站規(guī)劃書的撰寫；完成PHP網站開發(fā)環(huán)境的安裝與配置；使用HTML語言制作簡單的網頁。第1章教育網站規(guī)劃與設計PHP+CMS+Dreamweav1.1任務一

網站規(guī)劃書撰寫1.1.1任務描述1.1.2相關知識1.1.3任務實施1.1.4任務評價1.1.5任務小結1.1任務一網站規(guī)劃書撰寫1.1.1任務描述一個網站的成功與否與建站前的網站規(guī)劃有著極為重要的關系。建立網站前應明確網站建設目的，確定網站的功能、網站規(guī)模、投入費用等內容。只有詳細的規(guī)劃，才能避免在網站建設中出現(xiàn)的很多問題，使網站建設能順利進行。網站規(guī)劃是指在網站建設前對市場進行分析、確定網站的目的和功能，對網站建設中的技術、內容、費用、測試、維護等內容做出相應規(guī)劃。網站規(guī)劃對網站建設起到計劃和指導的作用。網站規(guī)劃書應盡可能涵蓋網站規(guī)劃中的各個方面，網站規(guī)劃書的寫作要科學、認真、實事求是。1.1.1任務描述一個網站的成功與否與建站前的網站規(guī)劃有著極為重要的關系。建立

建設一個網站之前，首先要了解網站開發(fā)的工作流程，根據網站開發(fā)工作流程來策劃、設計、制作和發(fā)布網站。好的網站開發(fā)流程能幫助設計者精簡開發(fā)網站的繁瑣步驟，減小項目失敗的風險。常用的PHP網站開發(fā)流程如圖1-1所示。一、PHP網站開發(fā)流程1.1.2相關知識建設一個網站之前，首先要了解網站開發(fā)的工作流程一、PHP網站開發(fā)流程1.1.2相關知識一、PHP網站開發(fā)流程1.1.2相關知識二、常用前臺技術網站開發(fā)技術1.1.2相關知識（1）HTMLHTML(HyperTextMarkupLanguage，超文本標記語言)是利用標記(Tag)來描述網頁的字體、大小、顏色及頁面布局的語言，使用任何文本編輯器都可以對它進行編輯。HTML與VB、C++等編程語言有著本質的區(qū)別，使用一些網頁編輯軟件(如Dreamweaver)可以快速地生成HTML代碼。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（1）HTM二、常用前臺技術網站開發(fā)技術1.1.2相關知識（2）ECMAScriptECMAScript技術是由ECMA（EuropeanComputerManufacturesAssociationInternation）,歐洲計算機制作商協(xié)會)制定的標準化腳本語言，它往往被稱為JavaScript或Jscript，但實際上后兩者是ECMA-262標準的擴展。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（2）ECM二、常用前臺技術網站開發(fā)技術1.1.2相關知識（3）XHMLXHTML(ExtensibleHyperTextMarkupLanguage,可擴展的超文本標記語言)是由HTML語言發(fā)展起來的一種標記語言。XHTML實際上是HTML4的后續(xù)版本，在W3C網頁標準化體系中，XHTML屬于網頁的結構技術。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（3）XHM二、常用前臺技術網站開發(fā)技術1.1.2相關知識（4）CSSCSS(CascadingStyleSheets,層疊樣式表)是一種數據表文件，在該數據表中存儲了網頁結構語言的各種樣式，以及顯示方式等內容，并通過表的ID、標簽以及類等選擇器供XHTML調用。利用CSS技術，可以有效地對頁面的布局、字體、顏色、背景和其他效果實現(xiàn)更加精密的控制。對相應的代碼做一些簡單的修改，就可以改變統(tǒng)一頁面的不同部分，或者改變不同頁數頁面的外觀和格式。在W3C網頁標準中，CSS屬于網頁的表現(xiàn)技術。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（4）CSS二、常用前臺技術網站開發(fā)技術1.1.2相關知識（5）切片技術切片技術是應用于網頁圖形處理的一種技術，可將整張圖片切割為幾張小圖片，并輸出一個網頁，圖片會作為網頁表格或層中的內容。切片技術的出現(xiàn)，提高了平面轉換為網頁設計的效率。目前，可以使用切片技術的圖像處理軟件有Photoshop、Fireworks、Lllustrator和Coreldraw等。二、常用前臺技術網站開發(fā)技術1.1.2相關知識（5）切片技三、常用后臺網站開發(fā)技術1.1.2相關知識后臺技術是面向網站數據管理的技術，主要用于開發(fā)動態(tài)網頁。動態(tài)網頁與靜態(tài)網頁之間區(qū)別在于：動態(tài)網頁中的動態(tài)內容通常存放在網站后臺的數據庫里，通過運行ASP等語言編寫的服務器端程序，自動生成網頁再送往瀏覽器。三、常用后臺網站開發(fā)技術1.1.2相關知識后臺技術是面向網三、常用后臺網站開發(fā)技術1.1.2相關知識（1）PHPPHP(PersonalHomePage)是一種跨平臺服務器解釋執(zhí)行的腳本語言，與ASP類似，它也是基于服務器端用于產生動態(tài)網頁而且可嵌入HTML中的腳本程序語言。ASP雖然功能強大，但是只能在微軟的服務器軟件平臺上運行，而大量使用UNIX/Linux的用戶要制作動態(tài)網站則首選PHP技術。PHP用C語言編寫，可運行于UNIX/Linux和Windows9x/NT/2000/2003下。三、常用后臺網站開發(fā)技術1.1.2相關知識（1）PHP三、常用后臺網站開發(fā)技術1.1.2相關知識(2)ASPASP（ActiveServerPage，動態(tài)服務器頁面）是Microsoft開發(fā)的動態(tài)網頁技術標準，它類似于HTML、Script與CGl的結合體，但是其運行效率卻比CGl更高，程序編制比HTML更方便、靈活，程序安全及保密性也比Script好。三、常用后臺網站開發(fā)技術1.1.2相關知識(2)ASP三、常用后臺網站開發(fā)技術1.1.2相關知識(3)JSPJSP是JavaServerPages技術的縮寫，是由Java語言的創(chuàng)造者Sun公司提出，多家公司參與制訂的動態(tài)網頁技術標準，它通過在傳統(tǒng)的HTML網頁“.htm”、“.html”中加入Java代碼和JSP標記，最后生成后綴名為“.jsp”的JSP網頁文件。三、常用后臺網站開發(fā)技術1.1.2相關知識(3)JSP三、常用后臺網站開發(fā)技術1.1.2相關知識(4)ASP.NETASP.NET是建立在微軟新一代.NET平臺架構上，利用普通語言運行時（CommonLanguageRuntime）在服務器后端為用戶提供建立強大的企業(yè)級Web應用服務的編程框架。ASP.NET擁有更好的語言支持，一整套新的控件，基于XML的組件以及更好的用戶身份驗證。ASP.NET代碼不完全向后兼容ASP。目前ASP.NET的開發(fā)語言有C#、VisualBasic.NET等。三、常用后臺網站開發(fā)技術1.1.2相關知識(4)ASP.N四、網站的邏輯結構1.1.2相關知識網站邏輯結構是指頁面之間相互鏈接的拓撲結構。一般的鏈接結構有以下幾種方式。（1）樹型鏈接結構樹狀鏈接結構是一種一對一的形式，類似物理目錄結構。首頁鏈接指向向一級頁面，一級頁面鏈接指向二級頁面。瀏覽這樣的鏈接結構時，一級級進入，一級級退出。其優(yōu)點是條理清晰，訪問者明確知道自己在什么位置，不會迷路；其缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經首頁。四、網站的邏輯結構1.1.2相關知識網站邏輯結構是指頁面之四、網站的邏輯結構1.1.2相關知識（1）樹型鏈接結構四、網站的邏輯結構1.1.2相關知識（1）樹型鏈接結構四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構星狀鏈接結構是一種一對多的形式。每個頁面相互之間都建立有鏈接。這種鏈接結構的優(yōu)點是瀏覽方便，隨時可以到達自己喜歡的頁面。其缺點是鏈接太多，頁面之間的層次結構不清晰，容易使瀏覽者迷路，搞不清自己在什么位置。四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構四、網站的邏輯結構1.1.2相關知識（2）星狀鏈接結構四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構混合鏈接結構是將以上兩種結構混合起來。為了瀏覽者既可以快速方便的到達目標頁面，又可以清楚的知道自己的位置，可在首頁和一級頁面之間采用星狀鏈接結構，在一級和二級頁面之間可以采用樹狀鏈接結構。四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構四、網站的邏輯結構1.1.2相關知識（3）混合鏈接結構1、前言1.1.3任務實施平頂山韓創(chuàng)教育咨詢有限公司是為在職考生提供最佳內容和服務的在職教育類門戶網站。旨在為全國各類求學者搭建的教育資源平臺，方便快捷找到最優(yōu)秀的并適合自己的理想學校、培訓機構；為求學者們提供一個互動交流、互相幫助和學習、交友的網上平臺。使教育網站成為展示自己學校、機構品牌、形象、實力的網絡窗口。也是學校與社會各界人士密切聯(lián)系的橋梁。1、前言1.1.3任務實施平頂山韓創(chuàng)教育咨詢有限公司是為在2、市場分析1.1.3任務實施（1）現(xiàn)今教育網站數量及比例根據中國互聯(lián)網絡信息中心（CNNIC）的“第十二次中國互聯(lián)網絡發(fā)展狀況調查報告”表明：截至2003年7月，我國共有473900個網站；而在2001年和2002年的報告中，我國的網站數量分別為242739個和293213個，到2004年初，這一數字更是上升到了59萬個。從統(tǒng)計數據中我們可以看出，在經歷了2000年網絡泡沫經濟的洗禮后，教育網站的數量正在穩(wěn)步、快速的增長中，特別是最近一年的增長幅度高達60％。由此可見，網站建設業(yè)務在不斷發(fā)展，行業(yè)市場規(guī)模巨大，同時也有越來越多的網絡公司參與到市場競爭中來。2、市場分析1.1.3任務實施（1）現(xiàn)今教育網站數量及比例2、市場分析1.1.3任務實施（2）平頂山韓創(chuàng)教育咨詢有限公司網站建設必要性網站建設是學校教育信息化建設的重要方面，是適應現(xiàn)代教育技術和信息技術的發(fā)展，加大學校對外交流與宣傳力度，提高教學、科研、管理效率的重要途徑。教育網站是公司對外宣傳的窗口，也是展示公司師資培訓內容，加強對校外聯(lián)系，互相學習，共同發(fā)展的陣地。2、市場分析1.1.3任務實施（2）平頂山韓創(chuàng)教育咨詢有限2、網站目的及功能定位1.1.3任務實施（1）建站目的“平頂山韓創(chuàng)教育咨詢有限公司網站”致力于以先進的互聯(lián)網絡為載體，搭建一個以宣傳推廣平頂山韓創(chuàng)教育咨詢有限公司教育的形象，提高平頂山韓創(chuàng)教育咨詢有限公司在業(yè)界的知名度，讓廣大消費群體更容易、更方便、更便捷的找到平頂山韓創(chuàng)教育咨詢有限公司為他們服務。網絡信息化的平頂山韓創(chuàng)教育咨詢有限公司，將有利于業(yè)務拓展、提高品牌形象、和開展網上辦公。2、網站目的及功能定位1.1.3任務實施（1）建站目的2、網站目的及功能定位1.1.3任務實施（2）網站功能定位為宣傳“平頂山韓創(chuàng)教育咨詢有限公司”，樹立良好的網絡形象，并更好的讓廣大社會人士和學子了解“平頂山韓創(chuàng)教育咨詢有限公司”。提供最新的“平頂山韓創(chuàng)教育咨詢有限公司”重要業(yè)務通知和新聞公告，并通過本網站公布公司各個方面的相關信息。2、網站目的及功能定位1.1.3任務實施（2）網站功能定位3、網站內容規(guī)劃1.1.3任務實施根據網站目的和功能定位，結合多年以來從事網站建設的經驗，策劃“平頂山韓創(chuàng)教育咨詢有限公司”網站整體基本欄目和內容。“平頂山韓創(chuàng)教育咨詢有限公司”網站是一個動態(tài)網站，網站中各欄目信息發(fā)布通過網站后臺管理系統(tǒng)編輯管理。（1）網站名稱：平頂山韓創(chuàng)教育咨詢有限公司（2）網站主題：通過網站宣傳，樹立企業(yè)形象，提高企業(yè)知名度（3）網站語言：簡體中文（4）網站風格：以藍色調為主，給人以簡潔大方正式為主，主題鮮明突出（公司宣傳，業(yè)務推廣），要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題，表現(xiàn)網站的個性和情趣，辦出網站的特點。3、網站內容規(guī)劃1.1.3任務實施根據網站目的和功能定位，3、網站內容規(guī)劃1.1.3任務實施（4）網站風格：以藍色調為主，給人以簡潔大方正式為主，主題鮮明突出（公司宣傳，業(yè)務推廣），要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題，表現(xiàn)網站的個性和情趣，辦出網站的特點。