1、製作一個簡單網頁的具體步驟(要求有圖片,文字,聲音)
新建一個文件夾,這個文件夾里放你所有的關於這個網頁的資料(照片,聲音等),點開「開始」在附件中找到「記事本」,打開將其「保存」 文件名:「你想要的名字.htm」 然後點擊保存(保存在你新建的文件中)
在記事本的開頭輸入
<html>
<head>
<title>你網頁的名字</title>
<body>
<body bgcolor="pink">這是加入背景顏色 想要別的顏色只要把pink改為別的顏色的英文就好
<p>句子</p> <p>與</p>之間加入你想要寫的話。
<p align="center">這個代碼可以使句子或圖片居中,在句子前面就行
<b>句子</b>是加粗
<u>句子</u>是下劃線
<font size="6" color="blue">句子</font> 這是改變字體大小與顏色 大小隻要在1到7之間輸入就行,再大就沒有區別了。
把前面的加在一起就是
<p><p align="center"><b><u><font size="6" color="blue">句子</p></font></u></b> 這樣子。
上邊這一行可以算作網頁內容的主題。
<img src="01.jpg"/>這是加入圖片 將01改為你想加入圖片的名字
<img src=」01.jpg」 width=」100」 Height=」200」/> 把100和200隨意改變就可以改變你圖片的大小了(注意你要加入的圖片要和你的網頁在同一個文件夾中)
在所有代碼最後加上
</body>
</head>
</html>
聲音嘛。。。你在百度上查一下就好了,我們老師沒有教。。。。
希望能幫得上你
2、網頁設計時如何將圖片和文字位於同一水平
第一種:不要給文字標簽加屬性。給img{vertical-align: middle;}一個屬性即可。
第二種:img標簽向左浮動,給文字加一個標簽(例如span),然後設置文字標簽為塊狀,並設置上(內/外)邊距。span{ display:inline-block; margin-top:4px; margin-top:4px;} 內邊距,外邊據均可,最好是內邊距。
第三種:給文字加個標簽(例如span),同時控制這兩個標簽浮動。並給文字加行高,其值為圖片高度值。如:img{float:left;} span{ float:left; line-height:40px;} (若圖片的高度為40px)
3、網頁設計中如何讓把文字放在圖片上顯示
把圖片設為背景即可,以下是修改後的代碼<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗條上</div>
</div>
</body>
</html>
4、網頁設計中怎麼在圖片上添加文字
1、這個在PS中還是很copy好實現的啊;
2、如果實在不會PS,用美圖秀秀也可以的啊;
3、當然,如果你問的是如何代碼實現這個效果,那也有很多方法,常見的就是圖片作為背景,然後框里寫文字,或者插入圖片,問題做定位就可以
5、製作網頁時怎樣在文字旁邊插入圖片
下載Dreamweaver CS3
雙擊Dreamweaver CS3,新建一個網頁
插入一個一行一列的表格,設置其寬80,高160,
點擊菜單欄上的「插入記錄-媒體-圖片查看器」
這時就會彈出一個「保存Flash元素」的對話框,命名後保存到相應的位置,文件格式一定是.swf格式的
點擊右邊的「Flash元素」,找到「imageURLs-編輯數組值",點擊「文件夾」
這時就會彈出 「編輯imageURLs數組」,點擊「+」,再點擊「文件夾」,選擇想要的圖片,
選擇好圖片之後,再返回到「Flash元素」標簽那裡,設置showControl為「是」,slideAutoplay為「是」,slideDelay為「2」
保存好網頁,按F12進行預覽,這樣就可以實現圖片自動的變換了。
6、html求製作一個簡單網頁代碼,只需要一些文字加張圖片
完整的代碼如下:
<html>
<head>
<title>簡單網頁製作練習</title>
</head>
<body>
<p>1.文字內容,直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽
<font size="18" color="red" >紅色18號文字</font> </p>
<p> 2.添加圖片 <img src="圖片名稱.屬性" id=「圖片簡介」>
<img src="1.jpg" id=" 加入圖片練習"> </p>
</body>
</html>
樓主,如果不明白可以HI聯系我。。。。
7、網頁設計中如何將文字和圖片一起排版
我做網頁5年了,到現在也沒找到最好的辦法。
變通的方式:
畫表格,border=0,適當拆分單元格,圖片和文字分別放入不同的單元格里,按照需要的方式左或右對齊。
祝你好運。