做網站編程的初期準備工作

2021-05-22 分類：做網站

做網頁的第一步就是從美工那邊獲取到網頁的模板（*.PSD文件），在網頁頁面的制作之前，我們需要對其進行切片處理。
為什么要切片？可能很多人一開始都會有這樣的疑問，網頁上的圖片最后要呈現給用戶的就是一個完整的樣子，為什么要浪費大量時間和精力，又承擔著排版布局極容易出錯的風險來做這項“無用功”？最主要的問題是效率。大家都知道，頁面的呈現過程是先有客戶端（用戶瀏覽器輸入URL）向服務器遞交瀏覽申請，然后服務器獲取URL相對應的資源在通過網絡返還給客戶端。這中間就存在了一個下載資源的過程。而整張圖片或者大塊圖片的下載很顯然可能導致下載過程中頁面出現難看的條痕等影響界面友好度的問題，而小圖片的下載效率在多年來的測試中已經被所有網頁設計者認可。除此之外，切片后的頁面能更好的對頁面元素進行定位，你能想象用類似坐標定位的方法在一整張圖片上面去定位每一個頁面元素的位置是一個什么樣的工程嗎？
切片時很重要的環節。切片的時候是一個意識上對整個頁面進行布局分析的過程，同樣的一張模板，不同的人會有不同的切法，理由很簡單，因為每個人都有自己的布局習慣，有些人習慣table布局，有些人則擅長div+css，也有人習慣介于兩者之間的布局方式（關于table和div+css的對比，暫且放下不談）。由于兩者對布局設計思想的要求完全不同，切片時就可能出現很多細節上的不同。由此也就能推斷，網頁的切片會影響整個頁面的排布，只有在切片階段仔細考慮到后期排布的問題，才能使后面的工作有條不紊的展開。
具體切片的方法，我在這里只是說一下我一直以來用的方法。
1.拿到一個模板，先盡可能用最簡單的一個table把它的各個板塊劃開，然后直接用PS生成一個頁面1。
2.用DW打開生成的HTML，把圖片全部轉為背景（有技巧可以偷懶的哦，別傻傻的一個一個去換?。?br />3.在用PS打開相應的一小塊一小塊的gif圖片進行最終的切片并生成一個個html，復制里面的table放置到頁面1相應的td中就能達到最終拼完頁面的效果了。

可能整個過程看來簡單，但具體的操作還是需要多聯系才能真正體會到拼圖的技巧。希望這篇文章能對大家學習切片拼頁面有所幫助。也希望有更有效直接的方法能說出來哦。

網站名稱：做網站編程的初期準備工作
網頁網址：http://m.kartarina.com/news/114659.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有做網站等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容