HTML5 CSS3 Bootstrap響應式Web前端設(shè)計（慕課版）（第2版）-項目評分標準 項目十一標準_第1頁
HTML5 CSS3 Bootstrap響應式Web前端設(shè)計（慕課版）（第2版）-項目評分標準 項目十一標準_第2頁
HTML5 CSS3 Bootstrap響應式Web前端設(shè)計（慕課版）（第2版）-項目評分標準 項目十一標準_第3頁
HTML5 CSS3 Bootstrap響應式Web前端設(shè)計（慕課版）（第2版）-項目評分標準 項目十一標準_第4頁
全文預覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

項目十一評分規(guī)則項目設(shè)置內(nèi)容較多，無法一一列出，大家在評閱的時候查看局部效果圖是否相同，主要樣式設(shè)置類似即可，如果有差異根據(jù)每一部分的總分酌情扣分。1．main主體部分（5分）設(shè)置其上邊距為60px2．content部分（1）id為“content”部分和id=“content”部分中的“pre”設(shè)置正確。效果圖如下所示。（5分）（2）“content”部分的“fommer”和“l(fā)atter”兩個文字段效果設(shè)置正確，效果如下圖所示。（5分）

（3）定義關(guān)鍵幀動畫“showContentImg”，將其透明度設(shè)置為從“0”到“1”。（5分）（4）id=“l(fā)atter”部分中的“h3”標簽效果設(shè)置正確，效果如下圖所示。（5分）

3．poets部分（1）id=“poets”部分，（2）class=“poet”部分，（3）class=“poet”部分中的“img”標簽。此上部分效果設(shè)置正確，效果圖如下所示。（15分）（4）class=“poem”部分，（5）class=poet部分的hover

與class=intro部分（.poet:hover.intro{}），（6）class=poet部分的hover

的“img”（.poet:hoverimg{}），（7）class=poet部分的hover

與class=poem部分（.poet:hover.poem{}）。此上部分效果設(shè)置正確，效果圖如下所示。（20分）

（8）class=“intro”，（9）class=“intro”部分中的“h2”標簽。此上部分效果設(shè)置正確，效果圖如下所示。（10分）

4．flower部分（1）class=“flowers”部分，（2）class=“flower”部分，（3）id=“flowerRight”部分，（4）id=“flowerLeft”部分。此上部分效果設(shè)置正確，效果圖如下所示。（20分）

設(shè)置落花的動畫效果：設(shè)置關(guān)鍵幀動畫“flowerMove1”，“flowerMove2”“flowerMove3”正確。（5分）第一朵落花（.flower:nth-of-type(1){}），第二朵落花（.flower:nth-of-type(2){}），第三朵落花（.flowe

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論