《網頁設計》作業(20170911)


作業1

項目2的效果檢查。

-------------------------------------------------------

作業2

制作一個Google Logo的效果。具體要求如下:

(1)使用內嵌式引入CSS樣式表。

(2)分別為頁面元素定義不同的類。

(3)通過控制不同的類,分別為

第一個字母“G”設置為藍色、加粗、60px字體;

第二個字母“o”設置為紅色、加粗、60px字體;

第三個字母“o”設置為黃色、加粗、60px字體;

第四個字母“g”設置為藍色、加粗、60px字體;

剩余字母“le”按默認樣式輸出。

----------------------------------------------------------------

作業3

運用文本外觀屬性制作一段《你若安好,便是晴天》的短文,具體要求如下:

(1) 綜合使用標記選擇器、id選擇器及類選擇器控制元素。

(2) 設置所有文本為宋體、14像素,行高為18像素。

(3) 設置標題“你若安好,便是晴天”為18像素、紫色、加粗、居中的效果。

(4) 設置第一段文本為紅色、居中對齊。

(5) 設置第二段文本為藍色、首行縮進2個字符、字間距為16像素。

(6) 設置第三段文本為綠色、加粗、斜體。

設置第四段文本為紫色、刪除線效果。

------------------------------------------------------------------------------------------------------------------------------------

作業4

運用CSS字體及文本樣式屬性,並結合CSS行內式制作一個新浪博客首頁的展示效果。具體要求如下:

---------------------------------------------------------------------------------------------------------------------------------------

作業5

制作《網頁設計》課程網站首頁,將文件夾打包發至ftp。

----------------------------------------------------------------------------------------------------------------------------------------

作業6

制作項目3的效果,將文件夾打包發至ftp。

----------------------------------------------------------------------------------------------------------------------------------------

作業8

制作項目4的效果,將文件夾打包發至ftp。

-------------------------------------------------------------------------------------------------------------------------------------------

作業9

已知每個小盒子總寬度80px,總高度30px,仔細觀察下圖,運用所學知識做一個與之類似的導航欄,並用火狐瀏覽器測試:

---------------------------------------------------------------------------------------------------------------------------------------------

作業10

制作項目5的效果,將文件夾打包發至ftp。

---------------------------------------------------------------------------------------------------------------------------------------------

作業11

設計類似下圖的列表,將文件夾打包發至ftp。

---------------------------------------------------------------------------------------------------------------------------------------------

作業12

      運用列表布局的方法,制作一個家居大視野的模塊,效果如下圖所示。

     具體要求如下:

(1) 創建無序列表<ul>。

(2) 在無序列表<ul>的子列表項<li>中插入圖片和段落文本。

(3) 為段落文本設置超鏈接,將超鏈接<a>標記轉換為行內塊元素,同時為其指定寬度和高度。

(4) 定義超鏈接的背景圖像,當鼠標經過時,更換背景圖像。

---------------------------------------------------------------------------------------------------------------------------------------------

作業13

      使用css樣式控制表格格式,設計表格效果如下。

---------------------------------------------------------------------------------------------------------------------------------------------

作業14

      使用css樣式控制表單格式,為登錄界面設計網頁。說明一個網頁只有登錄界面,其他都沒有。

      要求只有一個,盡可能美或者酷或者商業味足,符合一種口味即可。

---------------------------------------------------------------------------------------------------------------------------------------------

作業15

      請完成項目6千年之戀注冊頁面的制作。

----------------------------------------------------------------------------------------------------------------------------------------------

作業16

      請完成項目7中4個元素的設計。

(1)設計一個藍色按鈕,鼠標經過高亮顯示。

(2)設計回家網頁中的導航效果。

(3)用js設計一個下拉菜單效果。

(4)用js控制表格隔行顏色不同的設置。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM