編寫頁面之前的準備

2022-08-28 23:15:18 字數 891 閱讀 8369

做為乙個前端開發人員,能獨立且快速的完成乙個靜態頁面是最基礎的。

配置好環境之後,就是專案資料夾的建立。對於那些我們平時拿來練習的簡單頁面來說,資料夾中應該包塊乙個首頁,css資料夾,images資料夾,js資料夾,當然,有時候還可以做一下**的圖示。專案資料夾建立好了之後,就可以開始構建我們的**了,首先就是css樣式的初始化。通常情況下,css初始化的**我們直接從之前的專案中拿來用就好了,如果沒有沒有的話也可以直接在網上搜尋,比如說雅虎,**之類的**的css樣式初始化**都很值得借鑑。當然,我們也不能一味的就直接拿別人的**,畢竟,每個專案都會有一些不同,所以所,在借鑑的同時,也要學會自己去修改,找到對自己頁面有意義的**,而刪除掉那些沒有用處的。

在做完css樣式初始化之後,就應該開始分析**的構成了,通過美工給我們的psd檔案,分析整個頁面的構成,包括那些部分是其他頁面也可以通用的,那些部分是該頁面獨立的。這樣分析最主要的目的還是為了**的seo,減少重複的**,提高網頁執行的速度。通常來說,乙個**都會有許多相同樣式的頭部和底部。這些樣式都可以寫在同乙個css資料夾中,在新建乙個頁面的時候可以在網頁頭部呼叫他。

最後,就可以開始寫**的主體部分了,在寫頁面的時候,一般考慮使用標準流的元素,在標準流元素不能實現效果的時候,才會再考慮使用浮動和定位。另外,在寫頁面的時候要注意標籤的語義化。說實在的,一開始我是對這些是不以為然的,覺得乙個頁面嗎,能給你實現出來不就好了,哪來這麼多的事情。直到後來我寫的頁面的多了,我漸漸開始發現這些事非常有用的,語義化標籤,能讓我們的頁面更加容易讀懂。其次,在編寫頁面的過程中,會經常遇到很多的標籤巢狀,經常寫著寫著就會發現整個頁面很混亂,都是div套著div,在寫樣式的時候標籤選擇器也是非常的長。所以,在寫頁面前一定要先有個大概的構思,哪些地方可能用到什麼標籤,哪些地方要怎麼布局,先有個大概的思路在自己的腦子裡。這樣,再編寫頁面的時候,就不會有一種混亂感了。

0 1 學習之前的準備

作業系統是系統軟體的核心,不僅管理著計算機系統的軟硬體資源 又是系統軟體和應用軟體的執行支撐。1 linux作業系統 linux是一套免費使用和自由傳播的類unix作業系統,是乙個基於posix和unix的多使用者 多工 支援多執行緒和多cpu的作業系統。它能執行主要的unix工具 軟體 應用程式和...

讀書之前的準備 1228

在打算去讀一本書的時候 應該先計畫一下 1 為什麼要讀這本書?2 讀了這本書,能讓自己學到什麼 能簡短的表達出來,學到了什麼 3 這本書打算用多久的時間讀完?精讀還是略讀?4 如果是技術性的書籍,是否是一本值得看的書?現在太多的技術性的書籍,不能說本本都是好書,但是也有很多是浪費時間的書 這是乙個資...

安裝Oracle之前的環境準備

安裝oracle環境準備 建立組和使用者 groupadd dba groupadd oinstall useradd g oinstall g dba oracle passwd oracle 修改linux系統核心引數 vi etc sysctl.conf fs.aio max nr 10485...