[HTML]網頁開發學習筆記

爲了要開發一套教學使用的教師管理系統,(客戶需求使用網頁作教師控制端口)我便學習了一下HTML網頁開發.

很不錯的學習開發的網站:http://www.w3school.com.cn/index.html

首先了解,開發須要使用那些語言和工具.

開發簡單網頁只須要:HTML就夠了,這是一種很簡單的描述性語言.

由於HTML太簡單了,只能作一些靜態的網頁,因此咱們還須要其餘的輔助:

CSS(層疊樣式表 ):幫助網頁佈局,美化使用.

JavaScript:網頁的腳本,實現網頁的一些複雜邏輯操做.

 

須要掌握的知識

掌握HTML是網頁的核心，是一種製做萬維網頁面的標準語言，是萬維網瀏覽器使用的一種語言，它消除了不一樣計算機之間信息交流的障礙。所以，它是目前網絡上應用最爲普遍的語言，也是構成網頁文檔的主要語言，學好HTML是成爲Web開發人員的基本條件。

學好CSS學好CSS是網頁外觀的重要一點，CSS能夠幫助把網頁外觀作得更加美觀。

學好JavaScript學習JavaScript的基本語法，以及如何使用JavaScript編程將會提升開發人員的我的技能。

瞭解Unix和Linux的基本知識雖然這兩點很基礎，可是開發人員瞭解Unix和Linux的基本知識是有益無害的。

瞭解Web服務器當你對Apache的基本配置，htaccess配置技巧有一些掌握的話，未來一定受益，並且這方面的知識學起來也相對容易。

熟悉版本控制系統的用法熟悉使用一種優秀的版本控制系統，你在實際工做中就會發現精通一種版本控制系統是很幸福的事情。

學好Web框架當你掌握了HTML，服務器端腳本語言，CSS和JavaScript後，就應該找一個Web框架加快你的Web開發速度，使用框架能夠節約你不少時間，若是你使用PHP，可選的框架有CakePHP，CodeIgniter，Zend等，Python程序員喜歡使用Django和 webpy，Ruby程序員喜歡使用RoR。

對於初學開發人員來講，以上知識是否是看起來很複雜，其實，當你一步步學習併爲企業開發成功案例時，你會發現一切都是有意義的付出。

較強的視覺設計

前端技術包括4個部分：前端美工、瀏覽器兼容、CSS、HTML「傳統」技術與Adobe AIR、Google Gears,以及概念性較強的交互式設計,藝術性較強的視覺設計等等.

根據該詞能夠作這樣的理解,用互聯網來作比喻,凡是經過瀏覽器到用戶端計算機的統稱爲前端技術.相反存貯於服務器端的統稱爲後端技術.

Web前端優化

1. 儘可能減小 HTTP請求 (Make Fewer HTTP Requests)
2. 減小 DNS 查找 (Reduce DNS Lookups)
3. 避免重定向 (Avoid Redirects)
4. 使得 Ajax 可緩存 (Make Ajax Cacheable)
5. 延遲載入組件 (Post-load Components)
6. 預載入組件 (Preload Components)
7. 減小 DOM 元素數量 (Reduce the Number of DOM Elements)
8. 切分組件到多個域 (Split Components Across Domains)
9. 最小化 iframe 的數量 (Minimize the Number of iframes)
10. 杜絕 http 404 錯誤 (No 404s)

以上10條涵蓋了Web前端開發中遇到的各類頁面處理技術，讓前端開發人員可以準確和快速地把握整個網頁的架構，從而達到減小開發成本和頁面美化目的.

Web前端開發的職責是什麼

一、使用Div+css並結合Javascript負責產品的前端開發和頁面製做

二、熟悉W3C標準和各主流瀏覽器在前端開發中的差別，能熟練運用DIV+CSS，提供針對不一樣瀏覽器的前端頁面解決方案； 　　三、負責相關產品的需求以及前端程序的實現，提供合理的前端架構； 　　四、與產品、後臺開發人員保持良好溝通，能快速理解、消化各方需求，並落實爲具體的開發工做； 　　五、瞭解服務器端的相關工做，在交互體驗、產品設計等方面有本身的看法。