close

一.每個psd源圖都有三種配色方案,要求按照同樣規格分別切圖,且三種配色切出的同一區域圖片命名必需相同;
二.按照配色方案建立三個以顏色命名的文件夾,每個文件夾裡面放置“配色方案”製作成網頁所需的資料;
三.每種配色方案文件夾中包含的必需內容:images,css,headers,buttons文件夾和二個html文件以及兩張大小網頁效果圖;所有命名按照樣例進行,自定義內容可以自由命名。
四.網頁佈局,所有網頁都由以下幾部分組成:網頁設計網頁設計
頁頭(logo、headers)
1級導航條(buttons)
2級導航條(buttons)
頁面內容區( 內容區用于顯示英文網頁)
頁腳(底部菜單、copyright)
根據psd文件決定製作的區域,源圖中繪製出的網頁設計區域必需製作出來,沒有的區域(有些沒有2級導航條,有些沒有頁腳)不需要用製作。
五.第一個html文件製作要求:命名html.html
整個網頁設計在一個表格之內。
頁頭:
可以把header製作成背景,或者有些header圖片屬於不規則圖形也可以切成幾部分來處理,要儘量減少切割次數。
Logo區域單獨製作在一個表格內(可以限定表格寬度);logo分為三部分logo圖片、公司名稱、公司標語;頁面裡公司名稱需要輸入40個大寫W字符,公司標語也需要輸入40個大寫W字符;
一級導航
一級菜單(導航)中的內容必需製作在一個獨立的表格內;不得設置單元格的寬度和高度;頁面中必需製作六個一級網頁設計網頁設計菜單的項目,每個項目裡面輸入20個大寫W字符(可以採用6個W加一個空格的方式輸入);按鈕圖片需要製作出超連接的三種狀態變化(根據psd圖,有些可能只有兩種狀態);每一項裡的圖片和文字必需製作在一行裡面可以使用br使他們產生分行顯示效果。
二級導航(豎導航)
二級菜單(導航)中的內容必需製作在一個獨立的表格內;不得設置表格的高度;按照樣例製作;頁面中必需製作10個二級菜單的項目,每個項目裡面輸入20個大寫W字符(可以採用6個W加一個空格的方式輸入);文字連結最少需要製作出超連接的二種狀態變化。
頁面內容區
輸入足夠多的英文字符使頁面撐開達到(在1024×768的螢幕下使用的ie瀏覽器出現左右上下拉伸條)
頁腳
版權資訊區域輸入40個大寫W字符。為頁面美觀要於上下區域保留一定的距離。
底部菜單
二級菜單(導航)中的內容必需製作在一個獨立的表格內;不得設置表格的高度;按照樣例製作;頁面中必需製作六個二級菜單的項目,每個項目裡面輸入20個大寫 W字符(可以採用6個W加一個空格的方式輸入);文字連結最少需要製作出超連接的二種狀態變化;為頁面美觀要於上下區域保留一定的距離。
六.第二個html文件製作要求:命名html2.htnl
複製第一個html文件,刪除裡面的部分內容,保留三個一級導航、二個二級導航(豎導航)、三個底部菜單,每項裡面出現6個字符;頁面內容區保留兩行英文字符(不撐開頁面)

七.在上述情況下兩個頁面要保持統一效果,背景可以實現循環;Header圖片居中顯示或者可以擴展(有些header區域可以製作背景)

八.公司名稱,公司標語,內容區頁標題,與第一級和第二級的菜單字體如應該用標準的系統字體,例如:Tahoma或者 Arial,

九.建立模板目錄時,請在“工具”-〉“文件夾選項”-〉“察看” 裡勾選“不緩存縮略圖“的選項,這樣模板zip 包內才不會包含多餘的緩存文件.
十.style.css 文件不能包含任何圖片連接(實例: background-image: url(’../images/bg.gif’);),不能包含 html tags 的定義(例如css裡面不應該對 進行定義如果要應用在上, 可以直接寫在 html 的 標籤裡)
十一.html 的 charset 編碼必須為 utf-8
十二.所有的(包括樣式表和HTML)字體大小必須用Points(pt) 而不是像素(pixels), 最小大小為 8pt, 例如 font-size: 8pt.
十三.模板內的元素(div 等)不能使用絕對定位,也不能包含JavaScript。
十四.所有模板在瀏覽器IE, Mozilla, Opera效果相同
十五.模板文件內的所有圖片路徑必須為相對路徑。相對於”顏色“路徑, 例如: blue 下的 images 下的文件,應該寫為 < img src=images/xxxx.gif > 而不是 < img src=blue/images/xxxx.gif >
十六.在特殊psd裡有的無法容納 40 個大小W字母的時候公司名和口號字體可以縮小, 但不能小於 8pt.
十七.模板在高度上必須要填滿整屏,對於沒有內容的也一樣(使內容部分能夠垂直的延伸)
十八.所有區域必需添加背景顏色(按照psd圖進行)
十九.不能出現空格符
二十.所有屬性值必須加在 “ ”裡面。
二十一.凡不成對出現的標籤都要加 / 例如:
應該寫成< img src=****** >應該寫成< img src=******/ >

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 dettori 的頭像
    dettori

    Web Design

    dettori 發表在 痞客邦 留言(0) 人氣()