[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，提供针对不一样浏览器的前端页面解决方案； 　　三、负责相关产品的需求以及前端程序的实现，提供合理的前端架构； 　　四、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工做； 　　五、了解服务器端的相关工做，在交互体验、产品设计等方面有本身的看法。