設(shè)計稿進(jìn)行頁面制作的流程和注意事項

2024-07-11 08:38:19

字體：大中小

供稿：網(wǎng)友

不過在這個還原的過程中應(yīng)該也是需要一些基本的流程和注意一些東西的。

　　1、我們在拿到設(shè)計圖后，通常會怎樣做呢？

　　或許我們會在拿到圖后二話不說，直接對著效果圖，將代碼從頭敲到腳？

　　請對這個做法say no！

　　建議大家在拿到設(shè)計圖后，不要急于開始制作，先仔細(xì)的看一次（不是看有多漂亮^_^）。如同庖丁解牛般，他看到的不是單純的一頭牛，而是看到了牛本體的機(jī)理結(jié)構(gòu)。而我們要看出來的也正是設(shè)計圖的骨架，只有順骨架，才能知道這個圖的結(jié)構(gòu)應(yīng)該怎么寫。在把握好總體結(jié)構(gòu)后才開始動手敲代碼，以此避免在敲代碼的時候，敲著敲著又要停下想想這塊區(qū)域該怎樣寫。

　　2、對結(jié)構(gòu)做到心中有數(shù)后，是否可以敲代碼了？

　　不，我們似乎還有一些事情忘了做。比如說，設(shè)計稿上的某些效果，需要使用什么技術(shù)來實現(xiàn)？又或者是某個部分，需要做成怎樣效果。我們只有對整個設(shè)計稿有了一個大致的了解，才會知道，要完成這個頁面，需要用到哪些東西，并且準(zhǔn)備哪些東西。

　　而在等我們將上述的一些事情都做好后，接下來敲代碼的工作將會順暢很多。因為你的思緒早已經(jīng)運作開了，對于設(shè)計稿的每個部位都已經(jīng)了然于胸，敲起代碼來，當(dāng)然就會如有神助。 ????

　　3、通常，我們都可以事先寫好一個固定的html框架，以備在以后的工作中高頻次的使用。

假設(shè)以下是你寫好的html固定框架：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title></title>
<meta http-equiv="imagetoolbar" content="no" />
<meta name="Robots" content="all" />
<meta name="Author" content="" />
<meta name="Copyright" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link type="text/css" rel="stylesheet" href="skin/layout.css" media="all" />
</head>
<body>
<!–從這里敲你的代碼–>
</body>
</html>