標籤:

快速製作圖片網頁[隨緣]

發表日期:2010年11月5日出處:網路作者:隨緣本頁面已被訪問 15623 次

人生路上與你相伴我的溫柔是你的港灣我的臂膀是你倚靠的高山人生路上與你相伴當你憂鬱想哭的時候就讓我身上的衣衫浸透你的盈框熱淚人生的路上與你相伴幸福的路上有你攙扶讓我甜蜜溫馨的歡笑沁滿你寂廖心房人生路上與你相伴我有何所求如果你樂意我願潑涉千山萬水去尋找純潔的雪蓮花人生路上與你相伴清晨把輕吻送到你額前讓你醒來第一口呼吸就聞到那淡淡的清香我幸福的走過荊棘是你我之間的攜手你欣慰的邁過坎坷是你我相互的扶攙與我相伴的你會來陪我一起走過嗎......等你與我相伴文/編:隨緣HTML語言基礎快速製作圖片網頁編寫:隨緣很多朋友都覺得圖片製作的網頁讓人賞心悅目,但不知道怎麼去製作.其實這很簡單,哪怕你不會代碼也可以去製作.只要你懂複製和粘貼就可以做出你喜歡的圖片網頁.我們還是用"照貓畫虎"的方法來學習製作.準備好你所喜歡的圖片和音樂就可以了。現在我們就開始製作。首先,我們可以到網站找到你喜歡的製作模式.然後把它複製粘貼好就可以了.登陸到你的後台做好編輯的準備.準備的資料如下圖片地址:http://www.52hzy.com/cxg/圖片/tpwybj.jpg音樂地址:http://datamusic.ewuhai.com/music/chenghuiling/3/1.wmaFLASH地址:http://imgfree.21cn.com/free/flash/59.swfhttp://imgfree.21cn.com/free/flash/1.swf文章: 永遠的珍藏無論你身在何方我的祝福永遠的陪伴你無論我身在何處我的心永遠的牽掛著你這樣的人間美景永遠是那樣的妙不可言我會讓你在我的心中永遠的珍藏快速製作:一、將找到的編輯模式複製到你的後台。在 查看HTML源代碼里打上鉤,就可以看到在代碼編輯模式里了。把下面的這組代碼全部複製粘貼到你的後台里。注意:複製代碼一定要全部選中不能漏掉一點哦。製作代碼如下:<TABLE id=table1 style="LEFT: -120px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 align=center border=0><TBODY><TR><TD ><TABLE style="WIDTH: 1000px; BORDER-COLLAPSE: collapse; HEIGHT: 600px" borderColor=#111111 cellSpacing=8 cellPadding=0 width_=1000 background=http://image69.360doc.com/DownloadImg/2014/03/0123/39536320_1.jpg border=0><TBODY><TR><TD ><TABLE style="" cellSpacing=0 cellPadding=0 width_="98%" align=center border=0><TBODY><TR><TD style="WORD-WRAP: break-word"><DIV align=center></DIV><DIV align=center><TABLE id=table style="BORDER-RIGHT: #808080 10px ridge; BORDER-TOP: #808080 10px ridge; LEFT: 0px; BORDER-LEFT: #808080 10px ridge; WIDTH: 940px; BORDER-BOTTOM: #808080 10px ridge; POSITION: relative; TOP: 0px; HEIGHT: 540px" cellSpacing=0 cellPadding=0 align=center background=#0000ff border=0><TBODY><TR><TD><P><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 960px; POSITION: absolute; TOP: 0px; HEIGHT: 620px" align=center src=此處插入FLASH地址 6width_=960 height=620 type=application/x-shockwave- flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"><EMBED style="Z-INDEX: 3; LEFT: 0px; WIDTH: 960px; POSITION: absolute; TOP: 0px; HEIGHT: 600px" align=center src=此處插入FLASH地址 width_=960 height=550 type=application/x-shockwave- tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent" flash><DIV style="LEFT: 0px; WIDTH: 511px; POSITION: absolute; TOP: 40px; HEIGHT: 16px"><TABLE cellSpacing=0 cellPadding=0 width_=510 align=center border=0><TBODY><TR><TD style="FILTER: chroma(color=#ffff66)"><P><MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width_=900 height=320><P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: #faebd7; LINE-HEIGHT: 130%; FONT-FAMILY: 楷體_GB2312"><B>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>加入文字<BR>加入文字<BR><BR>加入文字<BR>加入文字<BR>......<BR><BR>&nbsp;<BR><BR></FONT></STRONG></P></FONT></MARQUEE><FONT size=4><STRONG><FONT face=楷體_GB2312 color=#da70d6><FONT color=#f0ffff><BR>&nbsp;</P></FONT><FONT style="FONT-SIZE: 50pt; FILTER: glow(color=gray,strength=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><P align=center><B><FONT color=#ff33ff>文章標題&nbsp;&nbsp;</FONT><FONT color=#ffff00 size=5>文/編:簽名</FONT></B></P></FONT><P>&nbsp;</P><FONT size=5></FONT><P></P><FONT color=#00ffff size=4><STRONG>&nbsp;&nbsp;<FONT face=楷體_GB2312 color=#da70d6> </FONT></STRONG></FONT></FONT></STRONG></FONT></TD></TR><TBODY><TR><TD><DIV></DIV></TD></TR></TBODY></TABLE><P></P></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></EMBED></FONT></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY><P></P></TR></TBODY></TABLE><P></P></TD></TR></TBODY></TABLE><EMBED src=http://data1.flash.qq.com/0/0/45/461-1167714888.swf hidden=true type=audio/x-ms-wma AUTOSTART="TRUE" loop="10"></EMBED></FONT></MARQUEE></TD></TR></TBODY></TABLE><P><BGSOUND balance=0 src="此處插入音樂地址" volume=-240 loop=infinite>二、現在我們要做的就是開始替換圖片和文字了。在這裡只有一張圖片的地址,我們找到自己需要替換的圖片地址把它複製好,然後在原來的圖片地址上進行替換。換好以後在 查看HTML源代碼的地方去掉鉤,回到展示區後就可以看見你的新圖片已經換好了。三、換好圖片以後根據圖片的顏色再來把邊框的顏色進行修改。找到你需要更換的顏色代碼,然後把它複製粘貼到原來的顏色地址上,這樣邊框就會就改變了以前的顏色。在根據你的喜歡調整邊框的寬和窄,直到你滿意就可以了。四、將準備好的flash地址替換掉原來的flash動畫地址。五、現在進行文章內容的替換。把你自己的文章內容依次替換到「加入文字」的地方。如果插入好文章還有多的,你可以把多餘的那些給刪掉。如果插入時不夠用你可以再複製增加。六、把已經準備好的音樂地址複製好粘貼在原來的音樂地址上。這樣你的圖片網頁作品就基本上做好了。七、 查看HTML源代碼的地方去掉鉤,在展示區你可以看到整個作品的製作情況和風格了。如果還有覺得不滿意的地方,你可以重新回到代碼編輯模式里進行修改。當你覺得滿意了就可以添加發表了。主要修改可供參數:BORDER-RIGHT: #a52a2a 6px 右邊框顏色及寬度BORDER-TOP: #a52a2a 6px 上邊框顏色及寬度BORDER-LEFT: #a52a2a 6px 左邊框顏色及寬度BORDER-BOTTOM:#a52a2a 6px 下邊框顏色及寬度WIDTH: 900px 邊框及圖片展示寬度height=600 邊框及圖片展示高度FONT-SIZE:50pt 字體的大小MARQUEE scrollAmount=1 字體移動的速度FONT face=楷體_GB2312 字體LEFT: -100px 邊框左右調整FONT color=#ffebcd 字體顏色注意事項:1、圖片的寬和高一定要和邊框展示的寬和高相吻合。2、圖片要選擇和文章內容比較適合的。這樣你做出的圖片網頁就可以讓人賞心悅目了。朋友們多動手、多動腦、相信自己你一定是最棒的。預祝你們一定可以成功的。
推薦閱讀:

金融網頁版直播間搭建
【問題解答】python解析網頁源代碼返回亂碼問題 | 在路上
HTML
今天教大家如何在網頁上添加表格
網站建設—1 從擁有一個域名開始

TAG:圖片 | 網頁 |