- 網站前臺設計綜合實訓
- 韓寶玉 劉改主編
- 566字
- 2018-12-28 18:23:49
步驟二 網站子頁“新聞中心”效果圖的制作
依據網站風格定位及客戶欄目設置要求,子頁“新聞中心”效果圖圖像文件規(guī)格設置為,寬度776像素,高度1019像素,分辨率72像素/英寸。
說明:網站子頁的大體框架與首頁是相同的,這里與首頁框架相同的部分不再重復,讀者自己去體驗制作,你一定會發(fā)現其實是很容易的!下面我們一起來學習子頁與首頁不同部分的制作方法。
一、關于新聞中心欄目的制作
(1)創(chuàng)建新圖層,用矩形選框工具繪制200×40 像素的矩形,填充漸變色,并利用套索工具選取所需小圖片,添加所需文字,效果如圖1-37所示。

圖1-37
(2)輸入標題文字,“新聞中心”字符格式設置如圖1-38所示,英文字符格式設置如圖1-39所示。

圖1-38

圖1-39
(3)背景虛線的制作。仿照主頁文字下灰色虛線的繪制方法,利用鉛筆工具繪制1像素、RGB(240,116,0)的虛線。
(4)填加文字內容,并給欄目填加背景顏色,最后欄目效果如圖1-40所示。

圖1-40
二、關于校園新聞欄目的制作
(1)創(chuàng)建新圖層,利用圓角矩形(半徑參數為5像素)工具繪制381×164像素的圓角矩形,填充顏色RGB(105,183,222)。
(2)圓角細線邊框的繪制:方法同前面,顏色RGB(199,197,196)。
(3)添加校園新聞圖片及文字內容,效果如圖1-41所示。

圖1-41
小體驗
最新公告、綜合新聞等欄目的制作方法與校園新聞欄目的制作方法相同,由讀者自己來完成。
(4)子頁“新聞中心”的效果圖如前面圖1-2所示。
推薦閱讀
- Instant Raspberry Pi Gaming
- Hands-On Deep Learning with Apache Spark
- Circos Data Visualization How-to
- 返璞歸真:UNIX技術內幕
- Expert AWS Development
- 21天學通C++
- VB語言程序設計
- 影視后期編輯與合成
- Practical Big Data Analytics
- Citrix? XenDesktop? 7 Cookbook
- R Data Analysis Projects
- Mastering Geospatial Analysis with Python
- 貫通Hibernate開發(fā)
- Java組件設計
- Cloudera Hadoop大數據平臺實戰(zhàn)指南