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

阿新 • • 發佈：2019-01-18

製作北大青鳥課程介紹頁面
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北大青鳥課程介紹</title>
    <style>
        div{
            background:-moz-linear-gradient(#ECECEC,#FFFFED);
            width: 598px;
            line-height: 30px;
        }
        .one{
            color: #5C9815;
        }
        .two{
            color: #F26522;
        }
        p span:nth-of-type(1){background: darkslategray;color: #FFFFFD}
        p span:nth-of-type(2){background: #5C9815;color: #FFFFFD}
        p span:nth-of-type(3){background: chartreuse;color: #FFFFFD}
        p span:nth-of-type(4){background: cyan;color: #FFFFFD}
        p span:nth-of-type(5){background: fuchsia;color: #FFFFFD}
        p span:nth-of-type(6){background: lightgreen;color: #FFFFFD}
    </style>
</head>
<body>
<div>
    <p><img src="圖片素材/title.gif"></p>

    <p><img src="圖片素材/img_01.png"></p>

        <p class="one"><span>逆向課程設計：</span> 以企業需求決定課程設計內容，確保訓練內容及深度和企業需求一致<br>
        <span>模擬學員學習路線：</span> 強調難點和複雜技能點的反覆訓練，力求學習效果和學習體驗<br>
        <span>網際網路作為教學環境：</span> 學員的日常教學和訓練均在網際網路線上進行<br>
        <span>學習擋板監控網上學習效果：</span> 每個學習階段設定線上線下測試，嚴密監控學習效果<br>
            <span>真實開發專案經驗積累：</span>採用專業網際網路企業提供的真實專案作為模擬開發</p>

    <p><img src="圖片素材/img_02.png"></p>
    <p class="two"><span>【實用性】—— </span>以就業崗位需求為導向，重點講解企業80％的時間在使用的20％的技術<br>
     <span>【權威性】—— </span> 與來自百度等知名企業的專家聯合開發<br>
    <span>【專業性】—— </span>引進業內資深人才和典型行業開發專案<br>
    <span>【真實性】——</span>在網際網路真實環境下進行教學和訓練<br>
    <span>【易學性】—— </span>線上培訓模式，24小時專家線上解答疑難問題<br>
    <span>【完整性】—— </span>利用SNS虛擬社群：學習、人脈雙豐收</p>
</div>


</body>
</html>

製作席慕容的詩《初相遇》
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初相遇</title>
    <style>
        div{
            background:-moz-linear-gradient(#CAEFFE,#FFFFED);
            width: 400px;
        }
        h1 .one{
          font-size: 30px;
            color: #1F87CC;
        }
        h1{font-size: 18px;
            text-align: center;
            text-shadow: black 2px 2px 2px;
        }
        p{
            font-size: 12px;
            text-indent: 2em;
            line-height: 22px;
        }
       p .two{
           color: darkorchid;
           font-size: 18px;
           font-weight: bold;
           text-shadow:  black 2px 2px 2px ;
       }
        p .thr{
            font-style: italic;
            color: blue;
            font-size: 16px;
        }
        div p:last-child{
            text-decoration: underline;
        }

    </style>
</head>
<body>
<div>
    <h1><span class="one">初相遇</span>      文/席慕容</h1>
    <p><span class="two">美</span>麗的夢和美麗的詩一樣，都是可遇而不可求的，常常在最沒能料到的時刻裡出現。</p>
    <p>我喜歡那樣的夢，在夢裡，一切都可以重新開始，一切都可以慢慢解釋，心裡甚至還能感覺到，所有被浪費的時光竟然都能重回
        時的狂喜與感激。<span class="thr" >胸懷中滿溢著幸福，只因你就在我眼前，對我微笑，</span>一如當年。</p>
    <p>我喜歡那樣的夢，明明知道你已為我跋涉千里，卻又覺得芳草鮮美，落落英繽紛，好像你我才初相遇。</p>
</div>
</body>
</html>

製作淘寶女裝分類
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>淘寶女裝分類頁面</title>
    <style>
        #a{

        background-image: url("圖片素材/dress01.png");
            background-repeat: no-repeat;

        }
        #b{
            background-image: url("圖片素材/dress02.png");
            background-repeat: no-repeat;
        }
        #c{
            background-image: url("圖片素材/dress03.png");
            background-repeat: no-repeat;
        }
        #d{
            background-image: url("圖片素材/dress04.png");
            background-repeat: no-repeat;
        }
        #e{
            background-image: url("圖片素材/dress05.png");
            background-repeat: no-repeat;
        }
        h1{text-indent: 2.3em;
            font-weight: bold;

        font-size: 18px}
        h1 a{
            color: black;
            text-decoration: none;
        }
        h1 a:hover{
            text-decoration: underline;
        }
       li a{
            font-size: 12px;
            color: black;
           text-decoration: none;

        }
        li{
            list-style: none;
            text-indent: -2.3em;

        }
        li a:hover{
            text-decoration: underline;
        }


    </style>
</head>
<body>
<div id="a"><h1><a href="#">夏季流行</a></h1></div>

<hr>
<ul>
    <li><a href="#">夏季新品</a>  <a href="#">雪紡裙</a><a href="#">短袖T</a>  <a href="#"鉛筆褲></a><a href="#">短褲</a>
        <a href="#">短袖襯衫</a> <a href="#">小腳牛仔褲</a> </li>
    <li><a href="#">開衫</a><a href="#">蕾絲/雪紡衫</a> <a href="#">韓版外套</a>  <a href="#">小西裝</a> <a href="#">中長款裙</a> </li>
</ul>
<h1 id="b"><a href="#">上裝</a></h1>
<hr>
<ul>
    <li><a href="#">T恤</a><a href="#">襯衫 </a> <a href="#">針織衫</a> <a href="#">長袖T</a> <a href="#">韓版T</a>
        <a href="#">情侶衫</a><a href="#">雪紡襯衫</a> </li>
    <li><a href="#">韓版襯衫</a><a href="#">防晒衣 </a> <a href="#">休閒套裝</a><a href="#">衛衣</a> <a href="#">背心/吊帶</a>  </li>
</ul>
<h1 id="c"><a href="#">裙子</a></h1>
<hr>
<ul>
    <li><a href="#">連衣裙</a> <a href="#">半身裙 </a><a href="#">長裙</a><a href="#">短袖裙</a>  <a href="#">蕾絲連衣裙</a><a href="#">長袖裙</a> </li>
    <li><a href="#">無袖/背心裙 </a><a href="#">A字裙 </a><a href="#">牛仔裙</a> <a href="#">半身中長裙</a> <a href="#">半身短裙</a> <a href="#">包臀裙 </a></li>
</ul>
<h1 id="d"><a href="#">褲子</a></h1>
<hr>
<ul>
    <li><a href="#">褲子</a><a href="#">休閒褲</a>  <a href="#">牛仔褲 </a><a href="#">打底褲</a><a href="#">長褲</a>
        <a href="#">哈倫褲</a><a href="#">闊腿褲</a> </li>
    <li><a href="#">短褲/熱褲</a><a href="#">連體褲</a> <a href="#">七/九分褲 </a> <a href="#">牛仔短褲</a> <a href="#">西裝褲</a></li>
</ul>
<h1 id="e"><a href="#">其他女裝</a></h1>
<hr>
<ul>
    <li><a href="#">胖M裝</a><a href="#">中老年</a> <a href="#">婚紗</a>  <a href="#">禮服</a><a href="#">旗袍</a>
        <a href="#">夜店</a><a href="#">舞臺裝</a> <a href="#">唐裝</a> </li>
    <li><a href="#">職業裝</a><a href="#">全球購</a>  <a href="#">羊絨衫</a> <a href="#">毛衣 </a><a href="#">呢大衣</a>
        <a href="#">羽絨服</a> <a href="#">真皮皮衣 </a> </li>
</ul>
</body>
</html>

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

製作北大青鳥課程介紹頁面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>北大青鳥課程介紹</titl

第五章 CSS3美化網頁元素

1，製作北大青鳥課程介紹頁面<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>北大青鳥</title&g

第五章 CSS美化網頁元素

一.span標籤：能讓某幾個文字或者某個詞語凸顯出來 <p> 今天是11月份的<span>第一天</span>，地鐵卡不打折了 </p> 二.字型風格 font-family：字型型別 font-size:字型大小

《機器學習》周志華學習筆記第五章神經網路（課後習題） python實現

1.神經元模型 2.感知機與多層網路 3.誤差逆傳播演算法 (A)BP演算法：最小化訓練集D上的累積誤差標準BP演算法：更新規則基於單個Ek推導而得兩種策略防止過擬合：（1）早停（通過驗證集來判斷，訓練集誤差降低，驗證集誤差升高）（2）正則化：在誤差目標函式中引入描述網

第九章CSS3製作網頁動畫知識點

變形函式translate()：平移函式，基於X、Y座標重新定位元素的位置scale()：縮放函式，可以使任意元素物件尺寸發生變化rotate()：旋轉函式，取值是一個度數值skew()：傾斜函式，取值是一個度數值transition呈現的是一種過渡，是一種動畫轉換的過程，如

第五章循環結構課後反思

font focus plain 是個麻煩 ccf width 無法 color 第五章循環結構課後反思 ------------周萌本次循環結

第五章循環結構課後反思

一行 size 部分協調換行 src 圖片行數 inf 首先先看圖案的行列，圖案為9行11列。然後圖案可分為三個部分。 1、 2、 3、第一部分的三角形較簡單，不過需要註意輸出的空格數量（為使圖案與書本一致，要通過增加空格使星號間距增大）。在增加星號間距的同時

第五章相關分析第二小組作業組長：乙佳榮

講解 img 制作相關 span ext 任務 enter com 第五章相關分析第二小組成員：組長：乙佳榮組員：王洋於媛齡李天嬋小組成員任務：乙佳榮：分配監督任務，進行ppt制作王洋：查詢資料並做總結李天嬋：回收資料，制作ppt 於媛齡：總結ppt並

第五章回溯法-批處理作業排程

http://blog.csdn.net/wzq153308/article/details/46365177 問題描述給定 n 個作業的集合 j = {j1, j2, ..., jn}。每一個作業 j[i] 都有兩項任務分別在兩臺機器上完成。每一個作業必須先由機器1&nbs

第1章：初識MySQL ——課後作業：

#圖書資訊表 DESC `book`; DROP TABLE IF EXISTS `book`; CREATE TABLE `book`( `bid`CHAR COMMENT'圖書編號'PRIMARY KEY, `bName`CHAR COMMENT'圖書書名', `aut

第六章jQuery選擇器課後作業

1，製作頁面，當頁面載入完畢識，列表隔行變色，背景顏色值為#ececec <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title

HTML第5章：CSS3美化網頁元素：課後作業

頁面總寬度為400px，整體背錄顏色線性漸變（#CAEFFE#FFFED)使用<h1>標籤排版文字標題，字型大小為18px，黑色文字陰影。使用<p>標籤排版文字正文，首行縮排為2em.行高為22px，首段第一個“美”字，字型大小為180x，加相顯示。黑色和白色文字陰影具體方向參考素材效

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

1.製作圖5.38所示的北大青鳥課程介紹頁面。頁面要求如下，>使用<div>.<p>.<span>等標籤編輯頁面，頁面整體背景顏色使用線性漸變（#ECECEC，#FFFFED）.課程特色字型顏色為綠色（#5C9815），設計理念字型顏

第五章課後題

用戶需要最有體制中學組裝本想思想手機 1.團隊模式和團隊的開發模式有什麽關系？答：　　首先來解釋一下這兩個名詞：　　我查資料了解了一下，團隊模式，更偏向於多人合作的那種，而且我理解的“團隊”會是一種多人合作的情況下，長期磨合後的一個組織，他們是相互了解的，是

【組合語言】——第五章課後總結

1.[BX] mov ax,[bx] 功能：bx中存放的資料作為一個偏移地址EA，段地址SA預設在ds中，將SA：EA處的資料送入ax中。即:(ax）=((ds)*16+(bx))。 mov [bx],ax 功能：bx中存放的資料作為一個偏移地址EA，段地址SA預設在ds中，將ax中的資料送入記憶體S

【匯編語言】——第五章課後總結

div 訪問內存段地址 [1] 方式賦值解決行程 bug 1.[BX] mov ax,[bx] 功能：bx中存放的數據作為一個偏移地址EA，段地址SA默認在ds中，將SA：EA處的數據送入ax中。即:(ax）=((ds)*16+(bx))。 mov [bx],ax

Python程式設計從入門到實踐課後答案:第五章

5-3 外星人顏色#1 ：假設在遊戲中剛射殺了一個外星人，請建立一個名為alien_color 的變數，並將其設定為’green’ 、‘yellow’ 或’red’ 。編寫一條if 語句，檢查外星人是否是綠色的；如果是，就列印一條訊息，指出玩家獲得了5個點。編寫這個程式的兩個版本，在一個

網路作業系統課後作業（第五章）

1.比較說明FAT檔案系統和NTFS檔案系統的特點。 FAT檔案系統檔案分配表(File Allocation Table，FAT)是用來記錄檔案所在位置的表格，它對於硬碟驅動器的使用非常重要，假若檔案分配表丟失，那麼硬碟

網路作業系統第五章課後習題解答

1.比較說明FAT檔案系統和NTFS檔案系統的特點。答：FAT檔案系統檔案分配表(File Allocation Table，FAT)是用來記錄檔案所在位置的表格，它對於硬碟驅動器的使用非常重要，假若檔案分配表丟失，那麼

《C Primer Plus》第六版第五章課後題

#include <stdio.h> /* 5-1 */ #define S_PER_M (60) void main(void) { int min, hour, mmin; printf("Please enter the m

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

相關推薦