我的母校zbvc試做

2022-08-05 11:57:12 字數 3515 閱讀 7400

一、觀察分析頁面佈局

可以從上至下分為6大部分

logo欄

menu選單欄

slide幻燈片

news新聞區域

other其他

bottom底部

二、logo

分為三部分

①左側logo

②中間logo

③右側小選單

右側小選單分三行,分別是:連結+連結+表單

<

style

>

*#bgcolor

/*頂部logo區域

*/#logo

#logo_menu

#logo_menu_one

#logo_menu_two

#logo_menu form

#btn_text

#btn_image

style

>

<

body

>

<

div

id="bgcolor"

>

div>

<

div

id="logo"

>

<

img

src="logo.gif"

/>

<

img

src="zbvc-banner.gif"

style

="position: absolute; top: 10px;"

/>

<

div

id="logo_menu"

>

<

div

id="logo_menu_one"

>

<

a>淄博文明網

a>

<

a>資訊公開

a>

div>

<

div

id="logo_menu_two"

>

<

a>招標採購

a>

<

a>圖書館

a>

<

a>english

a>

div>

<

form

>

<

input

type

="text"

name

="vlaue"

id="btn_text"

/>

<

input

type

="image"

id="btn_image"

src="search.gif"

/>

form

>

div>

div>

body

>

三、選單欄下拉選單

共一行十一塊

<

style

>

#menu

.menu_menu

.menu_list

.menu_list:hover

.menu_list_header div

.menu_list_header div:hover

.menu_list_header div

.menu_menu:hover .menu_list_header div

style

>

<

body

>

<

div

id="menu"

>

<

div

class

="menu_menu"

>

<

div

class

="menu_list"

>新聞中心

div>

<

div

class

="menu_list_header"

>

<

div>頻道

div>

<

div>學院新聞

div>

<

div>部門動態

div>

<

divdiv

>

<

div>**報道

div>

div>

div>

div>

body

>

四、第四部分slide幻燈片輪播區

六個幻燈片,每個幻燈片分為兩大部分割槽、序列區。區又分、標題。

<

style

>

#slide, .slide_header, #slide img

.slide_text

#slide_background

#slide_list

#slide_list span

style

>

<

body

>

<

div

id="slide"

>

<

div

class

="slide_header"

>

<

img

src="chuxin.jpg"

/>

<

div

class

="slide_text"

>不忘初心 牢記使命

div>

div>

<

div

id="slide_background"

>

div>

<

div

id="slide_list"

>

<

span

>1

span

>

<

span

>2

span

>

<

span

>3

span

>

<

span

>4

span

>

<

span

>5

span

>

<

span

>6

span

>

div>

div>

body

>

我的青春,我的夢

classical is not something not fade but grow more preciouswith time pass by so is dream 11度青春系列之老男孩 曾經年少,曾經輕狂,曾經的美好日子已經不再,曾經的豪言壯語在經過現實的衝擊下變為一步步邁向成功的沉重...

我的SharpArchitecture,我做主

對sharparchitecture有了解的朋友都知道,它可以說是開發asp net mvc nhibernate的快速模板。nhibern...

我的大學,我的青春

與北大清華同學的月下對話 緣起 胡江堂是北大軟體學院 09應屆碩士,他剛剛經歷了激烈的求職大戰,目前簽約某醫藥企業做 sas程式設計師。他一...