一個完整的Web應用需要通過前段開發技術和后端開發技術一起聯合實現
最重要的前段開發技術:HTML、CSS、JavaScript
后端開發技術:Python、Java、PHP、ASP.NET、Node.js
Web項目開發技術團隊構成:項目經理、產品經理(Product Manager,簡稱PM)、UI設計師或美工、前端工程師、后端工程師、測試工程師、運維工程師
前端開發技術
負責制作網頁
HTML:Hyper Text Markup Language,超文本標記語言,也是瀏覽器遵守的技術,定義了組織網頁內容的一系列元素及這些元素的含義
CSS:Cascading Style Sheet,層疊樣式表,通過樣式表格控制網頁呈現在用戶眼前的外貌
JavaScript:簡稱JS,運行在瀏覽器上的腳本編程語言,操作HTML元素,響應用戶的操作
HTML
標記語言,W3C負責制定的技術標准,HTML5是HTML技術標准的最新版本
W3C:World Wide Web Consortium,萬維網聯盟
HTML5是不僅僅是指HTML的5.0版本,更是一系列開發現代富內容網頁的技術的總稱
HTML是XML的子集,但其格式沒有XML嚴格
一個HTML文檔是由文檔聲明,若干個HTML元素構成
HTML文檔就是所謂的網頁,其文件后綴名為.html或.htm,可以使用瀏覽器打開
HTML文檔是文本文件,可以使用任何文本編譯器編寫
世界主流瀏覽器:
Google Chrome
Mozilla Firefox
Opera
Apple Safari
Microsoft Internet Explorer
常用HTML元素(標簽):
head元素的子元素定義的是網頁的元數據,即網頁的各種描述信息
body元素的內容會顯示在瀏覽器窗口客戶區中
p:paragraph,段落
img:image,表示圖像,常用屬性src,width,height,border(邊框)等
a:超級鏈接,常用屬性href,target等,即可以跳轉到另一個網頁,也可以跳轉到同一個網頁內部的不同位置(錨點鏈接)
hr:分隔線
h1-h6:不同級別的標題(注意:這是用來組織內容結構的,不是用來調整字的大小的)
pixel:像素點
擴展
-
前端編寫可以使用軟件HBuilder X
-
HTML5相對於HTML4,增加和修改了一些元素
-
富內容:即內容豐富,不僅僅是文本內容,還有視頻音頻等
-
JavaScript和Java沒有任何關系,之所以叫 JavaScript是因為當時 Java很火,想蹭下 Java的熱度
-
位圖在放大的時候會出現馬賽克,而矢量圖保持不變
-
a和img在網頁中顯示時一行可以有多個,而塊級元素會占一行
-
單標簽可以省略后面的斜線
-
target=“_blank” 可以讓超級鏈接的網頁新開一個窗口,而不是覆蓋
-
HTML只要負責網頁的內容,CSS負責樣式
-
pip install 模塊名 -i https://pypi.douban.com/sample