響應式Web設計
熱度 7 前往教育熱度風云榜>

7.6 分

2014 教育 IT/互聯(lián)網(wǎng)

響應式Web設計，將當前Web設計中熱門的響應式設計技術(shù)與HTML5和CSS3結(jié)合起來，為觀眾全面深入地講解了針對各種屏幕大小設計和開發(fā)現(xiàn)代網(wǎng)站的各種技術(shù)。

打包價格：元

立即播放收藏已收藏

發(fā)布動態(tài)

節(jié)目還沒有準備好，晚點回來再試試～

劇集列表

（更新至 31 集）

全部

由于版權(quán)原因，部分劇集暫時無法觀看，請持續(xù)關注更新~~感謝使用愛奇藝！

{{each data as item index}}
                                            <li
                                                class="album_item"
                                                data-order="{{item.album_order}}"
                                                data-order-name="{{item.short_display_name}}"
                                            >
                                                <a
                                                    data-pb="{{item.pd}}"
                                                    rseat="708222_sub1_shuziplay"
                                                    title="{{item.short_display_name || item.album_order}}"
                                                    href="{{item.page_url}}"
                                                    target="_blank"
                                                >
                                                    {{if item.content_type == 28}}
                                                        {{item.short_display_name}}
                                                    {{else}}
                                                        {{item.album_order}}
                                                    {{/if}}
                                                </a>
                                                                                                <div   id="ttpjnzb"   class="icon-tr">
                                                    {{if item.mark_type_show == 1}}
                                                        <img src="http://www.iqiyipic.com/common/fix/4096/mark/unlock1x.png" srcset="http://www.iqiyipic.com/common/fix/4096/mark/unlock2x.png 2x" />
                                                    {{else if item.mark_type_show == 2}}
                                                        <img src="http://www.iqiyipic.com/common/fix/4096/mark/lock1x.png" srcset="http://www.iqiyipic.com/common/fix/4096/mark/lock2x.png 2x" />
                                                    {{else if item.mark_type_show == 3}}
                                                        <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-IV.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-IV@2x.png 2x" />
                                                    {{else if item.mark_type_show == 4 && item.pay_mark == 1}}
                                                        <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-VIP.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-VIP@2x.png 2x" />
                                                    {{else if item.mark_type_show == 4 && item.pay_mark == 7}}
                                                        <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-vipfun.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-vipfun@2x.png 2x" />
                                                    {{else if item.mark_type_show == 4 && item.pay_mark == 2}}
                                                        <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-fufei.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-fufei@2x.png 2x" />
                                                    {{else if item.mark_type_show == 10}}
                                                        <img src="http://www.iqiyipic.com/common/fix/4096/mark/star1x.png" srcset="http://www.iqiyipic.com/common/fix/4096/mark/star2x.png 2x" />
                                                    {{else if item.mark_type_show == 17}}
                                                        <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-pre.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-pre@2x.png 2x" />
                                                    {{else if item.mark_type_show == 18}}
                                                        <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-new.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-new@2x.png 2x" />
                                                    {{else if item.mark_type_show == 20}}
                                                        <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-xianmian.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/s-xianmian@2x.png 2x" />
                                                    {{/if}} 
                                                </div>
                                            </li>
                                        {{/each}}

{{each data as item index}}
                                            <li
                                                data-albumlist-elem="playItem"
                                                data-list="圖文"
                                                data-order="{{item.album_order}}"
                                                data-order-name="{{item.short_display_name}}"
                                            >
                                                <div   id="3dzndj7"   class="site-piclist_pic">
                                                    <a
                                                        class="site-piclist_pic_link"
                                                        href="{{item.page_url}}"
                                                        title="{{item.subtitle}}"
                                                        target="_blank"
                                                        rseat="708222_sub1_tuwenplay"
                                                        data-pb="c1=12"
                                                    >
                                                        <img
                                                            width="100%"
                                                            height="100%"
                                                            rseat="703221_xuanji"
                                                            src="{{item.image_url}}"
                                                            alt="{{item.subtitle}}"
                                                        />
                                                                                                                <div   id="ppvdxph"   class="icon-tr">
                                                            {{if item.mark_type_show == 1}}
                                                                <img src="http://www.iqiyipic.com/common/fix/4096/mark/unlock1x.png" srcset="http://www.iqiyipic.com/common/fix/4096/mark/unlock2x.png 2x" />
                                                            {{else if item.mark_type_show == 2}}
                                                                <img src="http://www.iqiyipic.com/common/fix/4096/mark/lock1x.png" srcset="http://www.iqiyipic.com/common/fix/4096/mark/lock2x.png 2x" />
                                                            {{else if item.mark_type_show == 3}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/IV.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/IV@2x.png 2x" />
                                                            {{else if item.mark_type_show == 4 && item.pay_mark == 1}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP@2x.png 2x" />
                                                            {{else if item.mark_type_show == 4 && item.pay_mark == 7}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/vipfun.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/vipfun@2x.png 2x" />
                                                            {{else if item.mark_type_show == 4 && item.pay_mark == 2}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/fufei.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/fufei@2x.png 2x" />
                                                            {{else if item.mark_type_show == 10}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark/star-movie.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark/star-movie@2x.png 2x" />
                                                            {{else if item.mark_type_show == 17}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre@2x.png 2x" />
                                                            {{else if item.mark_type_show == 18}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/new.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/new@2x.png 2x" />
                                                            {{else if item.mark_type_show == 20}}
                                                                <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/xianmian.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/xianmian@2x.png 2x" />
                                                            {{/if}} 
                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div   id="xfjhhpf"   class="coverContainer">
                                                            <div   id="3tfhvr7"   class="coverLink" rseat="705233_play">
                                                                <i class="qy-album-svg icon-album-playBtn">
                                                                    <svg class="symbol-icon">
                                                                        <use xlink:href="#album-play"></use>
                                                                    </svg>
                                                                </i>
                                                                <span>播放</span>
                                                            </div>
                                                        </div>
                                                    </a>
                                                </div>
                                                <div   id="ftnvh9v"   class="site-piclist_info">
                                                    <p class="site-piclist_info_title">
                                                        <a
                                                            href="{{item.page_url}}"
                                                            title="{{item.short_display_name}}"
                                                            target="_blank"
                                                            rseat="708222_sub1_tuwentitle"
                                                            data-pb="c1=12"
                                                        >
                                                            {{if item.content_type == 28}}
                                                                {{item.short_display_name}}
                                                            {{else}}
                                                                {{'第' + item.album_order + '集'}}
                                                            {{/if}}
                                                                                                                        {{if item.mark_type_show == 17}}預告{{/if}}
                                                        </a>
                                                    </p>
                                                    <p class="site-piclist_info_describe">
                                                        <a
                                                            href="{{item.page_url}}"
                                                            title="{{item.subtitle}}"
                                                            target="_blank"
                                                            rseat="708222_sub1_tuwendesc"
                                                            data-pb="c1=12"
                                                        >{{if item.mark_type_show != 17}}{{item.subtitle}}{{/if}}</a>
                                                    </p>
                                                </div>
                                            </li>
                                        {{/each}}

教育榜

劇集列表

（更新至2014-01-01期）

年份

{{ each data as item index}} 
                                <li>
                                    <div   id="j3pnj1f"   class="stageTitle">
                                        <i class="album-icons album-icon_playGreen"></i>
                                        {{if item.playUrl}}
                                            <a
                                                class="stageNum"
                                                href="{{item.playUrl}}"
                                                title="{{item.shortTitle}}"
                                                data-pb="c1=12"
                                                rseat="708222_sub3_focustitle"
                                                target="_blank"
                                            >{{item.period}}期
                                                {{if item.shortTitle}}
                                                    {{item.shortTitle}}
                                                {{else}}
                                                    {{item.name}}
                                                {{/if}}
                                            </a>
                                        {{else}}
                                            {{item.shortTitle}}
                                        {{/if}}
                                    </div>
                                    <p class="stageBody">{{item.description}}</p>
                                    {{if item.videoFocuses && item.videoFocuses.length > 0}}
                                        <ul class="showClipList clearfix">
                                            {{ each item.videoFocuses as item0 index2 }}
                                            <li>
                                                <a
                                                    href="{{item0.vPointUrl}}"
                                                    data-pb="c1=12"
                                                    rseat="708222_sub3_focustime"
                                                    title="{{item0.description}}"
                                                    class="showClipLink"
                                                    target="_blank"
                                                >
                                                    <i class="ico-spare4"></i>
                                                    <span id="3tftvb9"    class="showClipTime">{{item0.timeV2}}</span>
                                                    <span id="rjt9tx9"    class="showClipTit">{{item0.description}}</span>
                                                </a>
                                            </li>
                                            {{/each}}
                                        </ul>
                                    {{/if}}
                                </li>
                                {{/each}}

教育榜

NO 1

父與子漫畫

1016
NO 2

小貓成長記

786
NO 3

755

NO 4

探索海洋中掠食者

734
NO 5

毛氈幫幫隊：緊急任務中！

637
NO 6

野生動物大決斗

613

相關推薦

{{ each data as item index}}
        <li>
            <div   id="v77fvld"   class="piclist-vertical-img">
                <a
                    target="_blank"
                    href="{{item.albumUrl || item.firstVideoUrl}}"
                    data-delegate="qiyurecd-album"
                    title="{{item.albumName}}"
                    rseat="vname_{{index}}"
                    data-widget-qidanadd="qidanadd"
                    data-qidanadd-exclusive="{{item.exclusive}}"
                    data-qidanadd-vip="{{item.isvip}}"
                    data-qidanadd-tvid="{{item.tvId}}"
                    data-qidanadd-albumid="{{item.albumId}}"
                    data-qidanadd-channelid="{{item.channelId}}"
                    data-qidanadd-hoverclass="show-favorites"
                    data-qidanadd-hovertext="collect"
                    data-rank="{{index}}"
                >
                    <img alt="{{item.albumName}}" src="{{item.imageUrl_480_270}}" rseat="703221_tuijian" data-pb="block=703221_tuijian">
                                        <div   id="tp7nvb7"   class="icon-tr">
                        {{if item._isAdvance}}
                            <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre-ODM.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/pre-ODM@2x.png 2x" />
                        {{else if item.payMark == 11}}
                            <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/star-vip.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/star-vip@2x.png 2x" />
                        {{else if item._iqiyiself}}
                            <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/self.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/self@2x.png 2x" />
                        {{else if item._only}}
                            <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/only.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/only@2x.png 2x" />
                        {{else if item._isvip}}
                            <img src="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP.png" srcset="http://www.iqiyipic.com/common/fix/site-v4/video-mark-aura3/VIP@2x.png 2x" />
                        {{/if}} 
                    </div>
                </a>
            </div>
            <div   id="lnhnlx7"   class="piclist-vertical-details">
                <h3>
                    <a
                        target="_blank"
                        href="{{item.albumUrl || item.firstVideoUrl}}"
                        data-delegate="qiyurecd-album"
                        data-rank="{{index}}"
                        data-aid="{{item.albumId}}"
                        data-cid="{{item.channelId}}"
                        title="{{item.albumName}}"
                        rseat="703221_tuijian"
                        data-pb="block=703221_tuijian"
                    >{{item.albumName}}</a>
                </h3>
                {{if !item.solo && item.latestOrder && item.sourceId==0 }}
                    <div   id="jntldfv"   class="vertical-details-txt">
                        {{if item.latestOrder == item.videoCount }}
                            {{item.videoCount}}集全
                        {{else if (item.videoCount === 0 && item.latestOrder > item.videoCount) }}
                            更新至{{item.latestOrder}}集
                        {{else if (item.videoCount && item.latestOrder < item.videoCount) }}
                            更新至{{item.latestOrder}}集 / 共{{item.videoCount}}集
                        {{/if}}
                    </div>
                {{/if}}
                                {{if item.playtimes }}
                    <div   id="tnxtfj7"   class="vertical-details-info"><i class="album-icons album-icons_playGray" rseat="playcont_{{index}}"></i>{{item.playtimes}}</div>
                {{/if}}
                {{if item.hot }}
                    <div   id="3b7zlpb"   class="vertical-details-info heat-num">
                        <i class="qy-album-svg icon-album-hot-999">
                            <svg class="symbol-icon" aria-hidden="true">
                                <use xlink:href="#album-hot" />
                            </svg>
                        </i>{{item.hot}}
                    </div>
                {{/if}}
            </div>
        </li>
        {{/each}}

簽到

登錄后才可以領取積分哦~

去積分主頁查看更多

<div id="bnrtb9r" class="ss-item"> <i class="ss-task-icon ss-watch"></i> <div id="h97jth7" class="fl"> <h3 class="ss-task-tit">每觀看視頻30分鐘 <span id="vzdz7hn" class="ss-task-tips"> <i class="bg-left"></i> <em>+{{data.viewScore}}分</em> <i class="bg-right"></i> </span> </h3> <p class="ss-task-done">完成 <span id="xpn7t7j" class="ss-task-done-num" j-role="viewCount">{{data.viewCount}}</span>/3</p> </div> {{if data.viewCount && data.viewCount != "0" && data.viewCount != "1" && data.viewCount != "2" }} <i class="ss-task-done-stamp"></i> {{else}} <div id="rvpbfzv" class="ss-task-btn" j-role="notView" data-task-viewScore="{{data.viewScore}}"> <a class="ss-task-btn-txt" href="http://www.hengfat.cn/u/record" target="_blank" rseat="803141_record">去觀看</a> </div> <i class="ss-task-done-stamp" j-role="viewDone" style="display:none;"></i> {{/if}} </div> <div id="prft9np" class="ss-item"> <i class="ss-task-icon ss-paopao"></i> <div id="ddnrpvz" class="fl"> <h3 class="ss-task-tit">訪問泡泡首頁 <span id="bblblpp" class="ss-task-tips"> <i class="bg-left"></i> <em>+{{data.rewardScore}}分</em> <i class="bg-right"></i> </span> </h3> <p class="ss-task-done">完成 <span id="ltx9hxd" class="ss-task-done-num" j-role="paopaoCount">{{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}}1{{else}}0{{/if}}</span>/1</p> </div> {{if data.rewardCount && data.rewardCount != 0 && data.getRewardDayCount != 0}} <i class="ss-task-done-stamp"></i> {{else}} <div id="7b377fn" class="ss-task-btn" j-role="notPaopao"> <a class="ss-task-btn-txt" href="http://www.hengfat.cn/paopao" j-role="paopaoBtn" data-task-paoScore="{{data.rewardScore}}" data-pao-rewardCount="{{data.rewardCount}}" target="_blank" rseat="803141_pao"> {{if data.rewardCount == 0}} 去逛逛 {{else}} 去領取 {{/if}} </a> </div> <i class="ss-task-done-stamp" j-role="paopaoDone" style="display:none;"></i> {{/if}} </div> <div id="bdjdp19" class="ss-item"> <i class="ss-task-icon ss-sign"></i> <div id="lh9l7j9" class="fl"> <h3 class="ss-task-tit">簽到 <span id="bv9tlr9" class="ss-task-tips"> <i class="bg-left"></i> <em>+{{data.signScore}}分</em> <i class="bg-right"></i> </span> </h3> <p class="ss-task-done">完成 <span id="l3bz77r" class="ss-task-done-num" j-role="signCount">{{data.signCount}}</span>/1</p> </div> {{if data.signCount && data.signCount != 0}} <i class="ss-task-done-stamp"></i> {{else}} <div id="bnldhbf" class="ss-task-btn" j-role="notSign"> <a href="javascript:void(0);" class="ss-task-btn-txt" j-role="signBtn" data-task-signScore="{{data.signScore}}" rseat="803141_signup1">簽到</a> <i class="ss-task-done-stamp" j-role="signDone" style="display: none;"></i> </div> {{/if}} </div> <div id="hbbtrfb" class="ss-item last"> <a href="http://www.hengfat.cn/u/point" class="goto-btn" rseat="803141_point_home" target="_blank">去積分主頁查看更多</a> </div>
回到頂部
意見反饋
軟件下載

教育

響應式Web設計
熱度 7 前往教育熱度風云榜>

劇集概覽

劇情討論

劇集列表

劇集列表

教育

響應式Web設計 熱度 7 前往教育熱度風云榜>

劇集概覽

劇情討論

劇集列表

劇集列表

響應式Web設計
熱度 7 前往教育熱度風云榜>