HTML5和CSS3開發第五章課後作業

2021-08-20 20:43:37 字數 1993 閱讀 4222

1.製作圖5.38所示的北大青鳥課程介紹頁面。頁面要求如下,

>使用..等標籤編輯頁面,頁面整體背景顏色使用線性漸變

(#ececec,#ffffed).

課程特色字型顏色為綠色(#5c9815),設計理念字型顏色為橙色(#f26522).

>課程特色和設計理念每行開頭帶背景顏色的字型為白色,背景顏色從提供作業素材的頁面

效果圖中獲取、使用結構偽類選擇器元素。

>使用外部樣式表建立頁面樣式。

body

body div div:first-of-type

body div div:last-of-type

span

body div div:first-of-type p:nth-of-type(1) span

body div div:first-of-type p:nth-of-type(2) span

body div div:first-of-type p:nth-of-type(3) span

body div div:first-of-type p:nth-of-type(4) span

body div div:first-of-type p:nth-of-type(5) span

body div div:nth-of-type(2) p:nth-of-type(1) span

body div div:nth-of-type(2) p:nth-of-type(2) span

body div div:nth-of-type(2) p:nth-of-type(3) span

body div div:nth-of-type(2) p:nth-of-type(4) span

body div div:nth-of-type(2) p:nth-of-type(5) span

body div div:nth-of-type(2) p:nth-of-type(6) span

模擬學員學習路線:強調難點和複雜技能點的反覆訓練,力求學習效果和學習體驗

網際網路作為教學環境:學員的日常教學和訓練均在網際網路線上進行

學習擋板監控網上學習效果:每個學習階段設定線上線下測試,嚴密監控學習效果

真實開發專案經驗積累:採用專業網際網路企業提供的真實專案作為模擬開發/p>

【實用性】—— 以就業崗位需求為導向,重點講解企業80%的時間在使用的20%的技術

【專業性】—— 引進業內資深人才和典型行業開發專案

【真實性】—— 在網際網路真實環境下進行教學和訓練

【完整性】—— 利用sns虛擬社群:學習、人脈雙豐收

2.製作席慕蓉的《初相遇》

頁面總寬度為400px,整體背錄顏色線性漸變(#caeffe#fffed)

使用美麗的夢和美麗的詩一樣,都是可遇而不可求的,常常在最沒能料到的時刻裡出現。

重回時的狂喜與感激。胸懷中滿溢著幸福,只因你就在我眼前,對我微笑,一如當年。

我喜歡那樣的夢,明明知道你已為我跋涉千里,卻又覺得芳草鮮美,落落英繽紛,好像你我才初相遇。

3.製作圖5.40所示的****分類頁面、頁面要求如下。

>使用無序列表等html標籤有語義化的編輯頁面。

>**各分類名稱前的使用背景的方式實現,標題字型大小為18px,加相顯示。

分類內容字型大小為12px,超連結文字字型顏色為黑色,無下劃線。當滑鼠移至超連結文

本上時字型顏色為橙色(#f60),並且顯示下劃線。

>使用外部樣式表建立頁面樣式。

>頁面中其他的效果樣式見提供的作業素材中的頁面效果圖。

div

h1ul li

aa:hover

ul li:first-of-type h1

ul li:nth-of-type(2) h1

ul li:nth-of-type(3) h1

ul li:nth-of-type(4) h1

ul li:nth-of-type(5) h1

HTML5 第五章CSS3美化網頁課後作業

製作北大青鳥課程介紹頁面 逆向課程設計 以企業需求決定課程設計內容,確保訓練內容及深度和企業需求一致 模擬學員學習路線 強調難點和複雜技能點的反覆訓練,力求學習效果和學習體驗 網際網路作為教學環境 學員的日常教學和訓練均在網際網路線上進行 學習擋板監控網上學習效果 每個學習階段設定線上線下測試,嚴密...

HTML5與CSS3基礎(五)

16表單 16.1輸入和元素 16.2建立表單 每個表單都已form開始標籤開始,以form結束標籤結束。兩個標籤之間是組成表單的說明標籤 控制項和按鈕,每乙個控制項都有乙個name屬性,用於在提交表單時對資料進行識別。form開始標籤可以有一些屬性,其中最重要的就是action和method ac...

HTML5第五章至第八章

第五章 1.編輯網頁文字 字型樣式 屬性名 含義 舉例 font family 設定字型型別 font family 隸書 font size 設定字型大小 font size 12px font style 設定字型風格 font style italic font weight 設定字型的粗細 ...