*****我的qq號：1539832180。歡迎一起討論學習。*****
第一步：拿到設計圖，先別急著切，先分析。
因為切圖不只是切圖，設計不只是設計。你得考慮四方面的因素：
1. 合理的切圖，語義準確，注釋明了。
**寫好注釋是關鍵。
2. 切圖的同時更要考慮程式巢狀問題。
因為你切完圖的頁面是交給程式設計師的，而程式設計師是看的不是設計檢視，而是乾乾淨淨的**。所以這時候考慮**的縮排，合理的結構巢狀迴圈，無論是div還是table。就程式來說，它處理的是頁面上有機的重複的html結構單元，而不只是為了得到瀏覽器裡邊最終效果。設計圖裡的內容是不可變的，而程式處理的內容是可變的。
**有時候要站在別人的角度來思考問題，你會有更意外的收穫。
3. 合理的把握時間。
整個專案有總體的時間，到你這兒有單獨的頁面開發時間。這個時間要掌握好，因為時間是質量的靈魂。
4. http請求，瀏覽器最簡單的執行原理，計算機最基礎原理。
這個是最主要的，好多開發者，都不知道什麼是http請求，瀏覽器執行原理是什麼東東。
xhtml + css 布局就我個人來看有三種：
1. 一種是自然布局。
所謂自然者，就是順其自然，不用其它布局元素的修飾。
class="classname_1
">
class="
classname_2
">
class="
classname_3
">
class="
classname_4
">
class="
classname_5
">
2.流動布局
3.絕對布局
一般用的就是把父元素定為：position:relative;子元素就會以這個父元素容器的左上角為布局參考點進行布局。形象的來說，父元素在金字塔底，子元素依次向塔尖走。這就不在乙個平面內了。
部分css初始化：
htmlbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
table
fieldset,img
address,caption,cite,code,dfn,em,strong,th,
var,optgroup
del,ins
licaption,th
h1,h2,h3,h4,h5,h6
q:before,q:after
abbr,acronym
sup
sub
legend
input,button,textarea,
select,optgroup,option
input,button,textarea,
select
頁面製作流程
1.看效果圖，首先要了解頁面，然後出現問題即時與設計人員溝通。2.做好html框架的規劃，搭建html框架 要求結構化和標籤語義化 新增語義化的命名。3.根據上一步的框架，寫html框架和css樣式的報告。以有利於加快專案進度和方便後期管理。4.編寫html框架 即為頁面中的文字內容和 需要考慮 結...
HTML PHP MySQL 製作登入頁面
登入頁面 登入驗證.php 頁面 name post username password post userpassword if name null password null require once 登入驗證資料庫連線.php db new connectdb db getconn db ne...
新聞登入頁面製作
一.作業要求 模仿swpu的登入網頁 使用的編譯軟體 vs code 二 模仿步驟 1.在vscode中新建乙個html,css檔案 2.開啟網頁 3.分析網頁布局 4.檢視網頁的源 5.新增 將原網頁中中的內容複製到css檔案裡 發現報錯 將值設定為0 將原網頁中的的 複製到html的對應的中 在...