圖片記錄生活網頁設計_做一個簡單的圖片顯示網頁頁面

1、我有一張圖片，我想把圖片上的內容製作成一個html網頁顯示效果與圖片一樣

我可以做奧！請採納後私密我，

2、設計一個網頁圖片提交

<!DOCTYPE html>

</body>

<html>

3、網頁設計圖片輪顯的代碼

網頁設計圖片輪顯的代碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<SCRIPT src="js/article.js"></SCRIPT>
<link href="css/css.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="312" border="0" align="center" cellpadding="0" cellspacing="0" class="solidbox">
<tr>
<td width="312" height="312" align="center"><TABLE border=0 align="center" cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD><DIV id=oTransContainer
style="FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward'); WIDTH: 220px; HEIGHT: 194px"><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV1
style="DISPLAY: yes;"
height=300 src="images/01.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV2
style="DISPLAY: none;"
height=300 src="images/02.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV3
style="DISPLAY: none;"
height=300 src="images/03.jpg"
width=300 border=0></A><A
href="http://www.makewing.com/lanren/"
target=_blank><IMG id=oDIV4
style="DISPLAY: none;"
height=300 src="images/04.jpg"
width=300 border=0></A></DIV>
</TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
<tr>
<td height="22" align="right" valign="top"><script>var MaxImg = 4; fnToggle();</script>
<TABLE cellSpacing=1 cellPadding=0 width=110
border=0>
<TBODY>
<TR>
<TD width=26><A href="javascript:toggleTo(1)"><IMG height=15
src="images/s_1.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(2)"><IMG height=15
src="images/s_2.gif" width=17
border=0></A></TD>
<TD width=26><A href="javascript:toggleTo(3)"><IMG height=15
src="images/s_3.gif" width=17
border=0></A></TD>
<TD width=27><A href="javascript:toggleTo(4)"><IMG height=15
src="images/s_4.gif" width=17
border=0></A></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
</table>
</body>
</html>
CSS的代碼為：
td {font-size: 12px;}
.solidbox {
BORDER-TOP: #D7D7D7 1px solid;
BORDER-RIGHT: #D7D7D7 1px solid;
BORDER-BOTTOM: #D7D7D7 1px solid;
BORDER-LEFT: #D7D7D7 1px solid;
}

4、做一個簡單的圖片顯示網頁頁面

※ ☆ ※為您做答希望對你有幫助如果滿意請選擇我的答案您的支持是我最大的動力★★
★要想學做網頁，首先得了解製作網頁的工具。
製作網頁主要有以下一些工具
Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。
Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。
另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。
此外還有一些網路編程工具，javascript、java編輯器等。
網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。
大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。
總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！
祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。
從最基礎的HTML語言開始，學會了這就可以自己弄靜態的網頁了，學會了後就可以學動態的
網站設計八步驟
由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。
五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
軟體下載用訊雷搜索一下
建議使用網頁製作三劍客Dreamweawer+photoshop+Flash 或使用Frontpage
Dreamweaver v8.0 簡體注冊版
下載地址：
用網頁三劍客吧,教程可參照以下網站:
※ ☆ ※為您做答希望對你有幫助如果滿意請選擇我的答案您的支持是我最大的動力★★

5、想給自己兒子建個網站從出生起的生活記錄圖片及成長過程，可以有圖片有描述首頁大幅圖片目錄有這種程序嗎

最簡單的方法是給你兒子注冊一個QQ 和他一起成長 QQ空間就可以設置成你要的這種效果

6、如何將圖片放到網上供網頁設計用

前提是，你存放網頁的伺服器上有FTP軟體（例如：serv-u），如果沒有也安裝一個，網上破解版的很多，安裝好後，開通一個用戶，設置擁有相關許可權。
其次在你的電腦上利用flashFTP軟體（網上破解版的太多了，最好是綠色版的），然後利用在伺服器上的FTP軟體的用戶，從過flashFTP連上去，然後上傳至網頁伺服器對應的位置即可。
望採納，謝謝！

7、網頁設計插入圖片

1.網頁上圖片、HTML文件要用英文或拼音。
2.就是你的路徑問題
你可以試下建立個名為「images」的文件夾把華仔.gif改為「huazai.gif」然後把這個圖片放到「images」這個文件夾里

再修改你的html文件
<IMG SCR=images/huazai.gif HIGHT=100 WIDTH=65>
首頁的默認名字是index.html

例如文件目錄是：
-----+我的電腦 E盤
|
|
|
---images
|
|
--index.html

8、網頁設計背景圖片代碼。

比如

比如這樣的

想在1.html中使用1.jpg，<img src="../images/1.jpg" />

main.css中使用的話，可以background:url(../../images/1.jpg);

9、圖片設計分享網站

我推薦你可以去ikaca：
「在ikaca您可以:用鏡頭記錄此刻的生活，並能與世界各地的網友一同分享,通過ikaca感受周圍每分每秒的變化，您只需靜觀其變即可,不僅提供免費海量圖片存儲服務，還是攝影愛好者的網路社群平台,分享與展示的同時，您的隱私將得到周密保護!」以上是官方對ikaca的定義。
如今單反潮流已成時尚趨勢，而sns已為近幾年炒得比較火的一個話題，ikaca則是結合了這2者，並以攝影社群、生活方式為主題，匯聚了國內外攝影愛好者的一個網站。
ikaca在國內的優勢主要在於免費，海量，支持外鏈，無廣告，整站氣氛比較向上，是這國內幾家免費網路相冊中，用戶較專業的一個網站，覺得ikaca的用戶，攝影技術較成熟，還有一點就是網站管理的比較嚴格，廣告和非攝影圖片，貌似被刪的可能性比較大，個人覺得ikaca除了網路相冊外，其功能稍偏向於sns模式，強調用戶與用戶之間的「黏度」。
ikaca有強大硬體保障、技術支持，有良好的瀏覽體驗和用戶界面，其應用與維護對用戶而言幾乎沒有技術門檻，同ikaca強調分享和社區的概念，具備「以圖會友」或同好交流、拓展社會網路的功能。
ikaca屬於sns類網站，小試了下，覺得ikaca的優點是，跟其他攝影論壇不同，用戶黏度更高，更加能帶動攝友的積極性，另外照片不加水印，支持外鏈，缺點是看照片時，無上下翻頁功能，感覺設計的不太人性化，沒有像flickr那樣的圖片編輯功能，用戶可操作性太局限。

導航:首頁 > 萬維百科 > 圖片記錄生活網頁設計

圖片記錄生活網頁設計

與圖片記錄生活網頁設計相關的知識