中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
移動圖片(10)
第 二 章 標 簽 應 用
第十八節(jié) 移動圖片(10)

本節(jié)繼續(xù)學習移動圖片。下面講解整個文章頁面的移動代碼。

代碼:
<marquee direction="up" height="350" width="980"
scrollAmount="1">
<table id="table93407659" border="1" cellSpacing="20"
borderColor="#990000" borderColorDark="#ffff00"
cellPadding="0" width="665" background="http://userimage3.
360doc.com/12/1001/06/4127803_201210010652090930.jpg">
<tbody>
<tr>
<td width="98%">
<table id="table93407660" border="0" cellSpacing="1"
cellPadding="0" width="100" background="http://image38.
360doc.com/DownloadImg/2011/10/0517/18251042_13.jpg">
<tbody>
<tr>
<td width="89%">
<table id="table93407661" border="1" cellSpacing="1"
borderColor="#990000" borderColorDark="#ffff00"
cellPadding="0" width="289" background="http://image38.
360doc.com/DownloadImg/2011/10/0517/18251042_3.jpg">
<tbody>
<tr>
<td width="50%"><a href="
http://tongenguoji.blog.163.
com/edit/">
<table id="table93407662" border="1" cellSpacing="15"
borderColor="#039902" width="36%" background="http://ima
ge38.360doc.com/DownloadImg/2011/10/0517/18251042_12.jpg">
<tbody>
<tr>
<td vAlign="middle">
<table id="table93407663" border="1" cellSpacing="1"
borderColorLight="#202020" borderColorDark="#000000"
cellPadding="8" width="68" background="http://image38.
360doc.com/DownloadImg/2011/10/0517/18251042_10.jpg">
<tbody>
<tr>
<td>
<table id="table93407664" border="1" cellSpacing="1"
borderColor="#990000" borderColorDark="#ffff00"
cellPadding="0" width="567" background="http://image
38.360doc.com/DownloadImg/2011/10/0517/18251042_3.jpg">
<tbody>
<tr>
<td width="97%">
<div align="center">
<table style="width: 570px; height: 48px;" border="0"
cellSpacing="10" borderColorLight="#2954d6"
borderColorDark="#2954d6" cellPadding="0" width="570"
2011/12/0117/19707544_4.gif" align="center">
<tbody>
<tr>
<td>
<table style="width: 636px; height: 500px;" border="0"
cellSpacing="2" borderColor="#cccccc" cellPadding="2"
width="636" background="http://image50.360doc.com/
DownloadImg/2012/03/2001/22449761_9.jpg"
align="right">
<tbody>
<tr>
<td>
<table style="width: 629px; height: 500px; text-align: left;"
border="0" cellSpacing="2" borderColor="#cccccc"
cellPadding="2" width="629" background="http://image50.
360doc.com/DownloadImg/2012/03/2001/22449761_11.jpg"
align="right">
<tbody>
<tr>
<td><font style="font-size: 29px;" color="#00ffff">
<p align="center"><font style="font-size: 32px;"
color="#00ffff"><strong>代碼入門教程</strong>
</font></p>
<p align="center"><font style="font-size: 29px;"
color="#00ffff"><strong>前言</strong></font></p>
<div align="left">  我是一個年已花甲的退休教師,一不懂代碼,二不會英語。前年,兒子給我買了一個筆記本電腦,剛開始玩的時候,連“關機”也不會,看個電子書、玩?zhèn)€游戲,都十分困難。后來,又給我注冊了360doc個人圖書館,更找不著“北”了。進入網(wǎng)絡以后,頁面中的內(nèi)容五彩繽紛,這兒閃爍,那兒跳動,文字內(nèi)容,五顏六色,真不知該點擊什么地方了!然而,就是在這個圖書館中,我學到了不少的知識?,F(xiàn)在,我不但能夠瀏覽別人的文章、收藏別人的文章,而且還學會了自己撰寫文章,編輯圖片,使用邊框,在實踐操作的過程中,我知道了那些五彩繽紛的美麗網(wǎng)頁,都是用代碼制作的。于是,我對代碼產(chǎn)生了興趣,開始學習代碼、研究代碼。經(jīng)過一段時間的努力學習、刻苦鉆研,終于邁進了代碼的門檻。我已經(jīng)撰寫了幾十篇關于360doc圖書館的知識和操作方法的文章,制作了幾百個個人圖書館的頂圖,還有一些底圖、圖書館首頁的模塊等作品,初步地嘗到了學習代碼的甜頭。在實踐的過程中,我認識到,代碼并不是什么神秘的天書,也不是高不可攀的山峰,不懂英語,沒有學過系統(tǒng)的電腦知識,照樣可以學會代碼,用代碼制作自己喜歡的各種漂亮的網(wǎng)頁。<br>  在這里,我把自己學習代碼的體會撰寫成這些文章,編輯成小冊子,陸續(xù)發(fā)表,提供給大家,用以幫助愿意學習代碼而又不知從哪里入手的朋友們,希望我的這些文章能夠?qū)@些館友們有所幫助,引導你們步入代碼的門檻。<br>  我的這些文章,語言不一定十分規(guī)范,概念不一定非常準確。我本著這樣一條原則,力求通俗易懂,講解具體,能夠操作,使大家能夠看明白,會操作,真正起到引導入門的作用。<br>  由于本人的水平有限,文章中一定存在不少紕漏和錯誤之處,希望大家批評指正。在此我預先向給我提出寶貴意見的朋友們表示感謝。</div>
<div align="center"></div>
<div align="center"><nobr>
<marquee height="90" behavior="alternate" width="170">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src="
26671783_4.jpg" height="100"></marquee>
<marquee direction="up" height="120" behavior="alternate"
width="90"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"
26671783_10.jpg" height="90"></marquee>
<marquee height="90" behavior="alternate" width="170"><img
title="春天沒來歡迎您" alt="春天沒來歡迎您" src="http://image55.
360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg"
height="100"></marquee>
<marquee direction="up" height="120" behavior="alternate"
width="90"><img title="春天沒來歡迎您" alt="春天沒來歡迎您"
/26671783_10.jpg" height="90"></marquee>
<marquee height="90" behavior="alternate" width="170"><img
title="春天沒來歡迎您" alt="春天沒來歡迎您" src="http://image55.
360doc.com/DownloadImg/2012/09/0708/26671783_4.jpg"
height="100"></marquee></nobr><nobr></nobr></div><nobr>
<div align="center"></div></nobr>
<div align="center"></div>
<div align="right"> </div>
<div align="right">
/4127803_201207100648100037.jpg"></a></div>
<div align="right"><font style="font-size: 29px;" color="#00ffff">
<strong></strong></font> </div>
<div align="right"><font style="font-size: 29px;" color="#00ffff">
<strong>2012年10月2日于北京</strong></font></div>
<div align="center"><strong></strong> </div>
<div align="center"><strong><img border="0"
alt="精美的分割線——“春天沒來”歡迎您" src="http://image36.
360doc.com/DownloadImg/2011/09/0521/17098424_91.jpg" __
1315228007266__="ev_5058300886"><img border="0"
alt="精美的分割線——“春天沒來”歡迎您" src="http://image36.
360doc.com/DownloadImg/2011/09/0521/17098424_91.jpg" __
1315228007266__="ev_5058300886"></strong></div>
<div align="right"><strong></strong> </div>
<div align="left"> </div>
<div align="center"><font style="font-size: 34px;"
color="#00ffff"><strong>第一章 代碼基礎知識</strong>
</font></div>
<div align="center"><strong></strong> </div>
<div align="center"><font style="font-size: 29px;"
color="#00ffff">第一節(jié) 認識撰寫文章處的兩種頁面</font></div>
<div align="center"> </div>
<div align="left">  學習代碼,離不開實踐活動。而實踐活動,離不開編輯器。因此,我們有必要先來認識一下360doc個人圖書館中編輯器的頁面,也就是撰寫文章處的頁面。</div>
<div align="left">  “撰寫文章”處有兩種頁面,一種是“文字圖片”編輯頁面,另一種是“代碼編輯”頁面。</div>
<div align="left">  在你的圖書館首頁點擊“撰寫”按鈕,進入的頁面是“文字圖片”編輯頁面(見圖1);你再點擊一下此頁面下方的“代碼編輯”,進入的是“代碼”編輯頁面(見圖2)</div>
<div align="left"></div>
<div align="left"><font color="#00ffff">
<font style="font-size: 24px;"><strong>圖1:</strong>
“文字圖片”編輯頁面<font style="background-color: rgb
(51, 102, 255);"><font style="background-color: rgb(0, 255, 0);">
</font></font></font></font></div>
<div align="left"><font style="background-color:
rgb(51, 102, 255);"><font style="font-size: 24px;
background-color: rgb(0, 255, 0);" color="#00ffff">
</font></font></div><font style="background-color: rgb
(51, 102, 255);"><font style="background-color: rgb(0, 255, 0);">
<div align="left"><img style="border-width: 0px; margin: 0px;
width: 787px; height: 420px;" src="http://userimage3.360doc.
com/12/0928/09/4127803_201209280908330362.jpg"> 
<font style="font-size: 24px;" size="3">
<font style="background-color: rgb(255, 0, 0);">
<strong>圖2<font style="font-size: 24px;">:
</font></strong><font style="font-size: 24px;" size="3">
“代碼”編輯頁面</font></font></font></div></font>
<div align="left"></div></font>
<div align="left"> </div>
<div align="left"><img style="border-width: 0px; margin: 0px;
width: 798px; height: 425px;" src="http://userimage3.360doc.
com/12/0928/09/4127803_201209280908310065.jpg"></div>
<div align="left"></div>
<div align="left">  “文字圖片”編輯頁面是用來撰寫文章、編輯圖片使用的頁面;而“代碼編輯”頁面是用于編輯代碼、粘貼代碼使用的頁面。</div>
<div align="left"></div>
<div align="left">  “撰寫”文章頁面下方的“代碼編輯”按鈕,就是專門用于切換這兩種頁面的按鈕。在“文字圖片”編輯頁面點擊一下“代碼編輯”按鈕,就可以切換到“代碼編輯”頁面;在“代碼編輯”頁面點擊一下“代碼編輯”按鈕,就可以切換到“文字圖片”編輯頁面中。</div>
<div align="left"></div>
<div align="left">  在“代碼編輯”頁面,你可以使用代碼制作網(wǎng)頁,修改網(wǎng)頁代碼、粘貼網(wǎng)頁代碼。而這個“預覽”按鈕,就是讓你觀看網(wǎng)頁制作的實際效果的按鈕。你只要點擊一下這個按鈕,就可以看到實際效果了。在這里我要說明的是,點擊“預覽按鈕”以后看到的效果,與“發(fā)表”以后看到的效果有時是不一致的,不要過于依賴這個頁面,點擊“發(fā)表”按鈕觀看實際效果才是最可靠的方法。</div>
<div align="left"></div>
<div align="left">  我還要說明的一點是:你在“代碼編輯”頁面編輯了你要制作的網(wǎng)頁代碼以后,當你再一次點擊“代碼編輯”按鈕或者點擊“發(fā)表”按鈕以后,你原來編寫的代碼,可能有部分地方已經(jīng)有所改變。這是系統(tǒng)自動給你修改的。</div>
<div align="left"></div>
<div align="left">  要查看系統(tǒng)給你修改了哪些代碼,可以這樣查看:</div>
<div align="left"></div>
<div align="left">  </div>
<div align="left">  將你點擊“發(fā)表”按鈕以后發(fā)表的文章,點擊一下“修改”按鈕,然后在進入的“文章修改頁面”的下方,點擊一下“代碼編輯”按鈕,就可看到系統(tǒng)為你修改以后的代碼了。把這份代碼和你原來的代碼比較一下,就可以查出系統(tǒng)給你修改了哪些代碼了。</div>
<div align="left"></div>
<div align="left"> </div>
<div align="center">
<table style="border-color: rgb(87, 193, 0); width: 600px;
height: 100px; text-align: left; border-collapse: collapse;
background-color: rgb(204, 249, 249);" border="0"
cellSpacing="0" cellPadding="2" width="500">
<tbody>
<tr style="text-align: left;">
<td>
<marquee width="120" scrollAmount="2" scrollDelay="100">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src=
7861744_1.gif" width="100" height="100" real_src=
_201203171904280062.jpg"></marquee></td>
<td>
<marquee width="120" scrollAmount="2" scrollDelay="100">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src=
_5434897_108.gif" width="100" height="100" real_src="
24828273_3"></marquee></td>
<td>
<marquee width="120" scrollAmount="2" scrollDelay="100">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src=
_5434897_12.gif" width="100" height="100" real_src=
28273_4"></marquee></td>
<td>
<marquee width="120" scrollAmount="2" scrollDelay="100">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src=
5434897_5.gif" width="100" height="100" real_src=
28273_5"></marquee></td>
<td style="text-align: left;">
<div align="center">
<marquee width="120" scrollAmount="2" scrollDelay="100">
<img title="春天沒來歡迎您" alt="春天沒來歡迎您" src=
_5434897_34.gif" width="100" height="100" real_src=
24828273_6">
</marquee></div></td></tr></tbody></table></div>
<div align="center"></div>
<div align="left">  作業(yè):</div>
<div align="left"><strong><font color="#ff0000">  
</font></strong>1、認識一下<font style="font-size: 29px;"
color="#00ffff" size="3">“文字圖片”編輯頁面,試著撰寫一段文章或者粘貼幾個圖片。
</font></div>
<div align="left">  2、認識一下<font style="font-size: 29px;"
color="#00ffff" size="3">“代碼編輯”編輯頁面,看看與“文字圖片”編輯頁面有什么不同。</font></div>
<div align="left"> ?。?、自己任意尋找一篇文章,復制、粘貼到“文字圖片”編輯頁面,然后點擊一下頁面下方的“代碼編輯”按鈕,獲取其代碼,認識一下代碼。</div>
<div align="right">
<a href="http://www.360doc.com/userhome/4127803" target="_blank">
100648100037.jpg"></a></div>
<div align="right"><font style="font-size: 32px;" color="#00ffff">
<strong></strong></font> </div>
<div align="right"><font style="font-size: 32px;" color="#00ffff">
<strong>2012年10月2日于北京</strong></font></div></font>
</td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody>
<div></div></table></div></td></tr></tbody></table></td></tr></tbody>
</table>
< /td></tr></tbody></table></a></td></tr></tbody></table></a>
</td></tr></tbody></table>
</td></tr></tbody></table></marquee>
代碼解析:
1、上面的代碼可以修改為左右“來回走”的移動代碼, 或者修改為“向右”移動,還可以修改為“向左”移動的移動代碼。但是,效果都不如“向上”移動的好。
2、整個網(wǎng)頁的移動代碼比較簡單,只要把你的某篇文章的代碼粘貼到移動標簽與它的尾標簽之間就可以了。移動標簽中,移動方向最好是“向上”,移動速度的值最好是“1”。
作業(yè):
自己制作一篇整個網(wǎng)頁移動的文章。
注意事項:
1、所選文章的代碼不必修改;
2、移動速度最好選擇為“1”或者“2”,不要太大,移動速度太大了效果不好。(因為文章是供別人瀏覽的,移動速度大了別人無法瀏覽。)
3、“移動屏幕的寬度和高度”要根據(jù)自己選擇的文章顯示的頁面規(guī)格情況進行修改,以效果最佳為原則。所以必須認真觀察你制作的作品的顯示效果,反復修改,直至效果最佳狀態(tài)為止。
本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
字的代碼
代碼入門教程(16)
音畫制作代碼集(二)
代碼之二
游子教你做音畫貼
圖片+文字飄動+flah+滾動條+播放器+特效代碼
更多類似文章 >>
生活服務
熱點新聞
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服