導航:首頁 > 萬維百科 > 靜態網頁設計怎麼弄

靜態網頁設計怎麼弄

發布時間:2020-10-16 13:06:33

1、怎麼製作 HTML靜態網頁?

教程:http://www.w3school.com.cn/index.html

2、靜態網頁製作的具體過程

最簡單的。
新建一個文本文檔(也就是記事本)
在裡面打上幾個字,保存。然後把後綴.txt改為.html 再用瀏覽器打開 這就是一個靜態網頁了。

Dreamweaver 是很專業的網頁設計軟體。你可以搜索一下教程。很簡單的。
可以在裡面插入圖片 聲音 視頻 flash等。

再就是現在最流行的 div+css 這個就相對難點了。需要有手寫代碼的能力。
製作過程在這里和你也說不明白 你還是從網上搜索一下Dreamweaver 視頻教程吧。

做網頁記住:所有文件夾和文件名都要用英文或者拼音。首頁命名為index.html

3、Dreamweaver設計靜態網頁怎麼搞

我這兒做了幾個簡單的靜態頁面,很簡單的那種,你要就發給你自己去琢磨琢磨,建議學網頁還是跟著老師後面比較好,老師講的系統、全面、基礎!

4、初學者怎樣快速製作靜態網頁

看書或者網上找資料,掌握好基本技能,然後就可以自己斷離製作靜態網頁了。

5、html靜態網頁怎麼製作啊

<html><head><title>我的網頁</title></head><body>我的網頁</body></html>

最最基本的HTML,把他復制下來粘貼到記事本,然後把記事本的後綴改成html.

6、靜態網頁製作

方法/步驟

1、新建一個txt文本文檔,先不要急著修改文件後綴名,有基礎的朋友手動輸入HTML代碼,不會也沒有關系,百度搜索「網頁HTML代碼」。
代碼:
<!Doctype html>
<html>
<head>
<title>靜態網頁製作教程</title>
<meta charset="gbk" />
<link href="css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
</body>
</html>

2、基礎的靜態網頁代碼寫出來了,下面在<body></body>中間添加網頁需要的數據內容(文字、圖片、表格、視頻等),然後將txt文本文檔的後綴名.txt修改為.html。現在點擊打開看看效果!小編在body中間加入的文字:靜態網頁製作教程。

3、這樣的文字太單調了,需要用CSS樣式定義,小編在桌面上新建一個文件夾「web」,把index.html文件放進去,然後在web文件件裡面新建一個txt文本文檔,修改為「css.css」。

4、使用滑鼠右鍵「打開方式」,選擇txt文本文檔編輯css.css文件。用CSS定義網頁字體大小12像素,網頁背景色為紅色,字體顏色為白色。
代碼:
body{font-size:12px;background:red;color:white}
保存,然後打開web文件夾中的index.html文件,查看效果。

5、下面在web文件下面新建一個images文件夾,然後打開軟體Fireworks,設計自己需要的圖片(沒有就去百度搜索自己需要的圖片,使用QQ截圖功能,截取自己需要的圖片),把設計好的圖片存入web文件夾下面的images文件夾裡面。現在我們在body中放入圖片,讓圖片在網頁裡面居中。
代碼:
<div align="center">
<img src="images/pic.png" alt="logo" title="靜態網頁製作教程" />
</div>
把上面的代碼放入index.html的body中,保存後打開看看效果!
小編在這里省略了表格和視頻的製作,小夥伴不知道的話,可以百度搜索一下。
整個簡單的靜態網頁製作完畢。

7、怎麼做一個靜態網站

首先准備工具:網站製作三劍客(網上可以授到的)一般使用 Microsoft FrontPage就可以做靜態網站了,資源就是,你自己的構思,條件允許的可以注冊一個域名,和一個空間,現在很多的,一般情況下可以打電話就可以完成

8、怎樣製作簡單的靜態的網頁設計

你好。首先下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
打開頁面後,選著設計窗口,如圖所示。設計窗口可以快速布局網頁,不需要自己編輯代碼。

打開你要設計的網頁的設計圖,本經驗是百度經驗首頁為例,首先我們製作頂上的搜索條,點擊插入—表格(如圖所示)。打開表格屬性編輯表格屬性。插入1行和5列,表格寬度為1130,(即為網頁的寬度),邊距,間距分別為0,此表格只是為了定位,因此不設邊框。

設置好表格後,可在表格裡面插入你的內容,首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整,滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示

接下來我們來做搜索框,點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖,文本框上班還要添加內容,因此,可選擇單元格右擊選擇表格—拆分單元格,此處是需要添加一行的內容,因此拆分為兩行,如圖所示。

用同樣的辦法拆分上面的行,因為要添加10個選擇項,因此拆分為10列(右擊選中的行—拆分單元格—10列—確定)。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。

接下來我們做搜索按鈕,同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。

接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。

剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站

另外我們還可以採用front page。也可以很容易的實現。
望採納。

9、怎麼通過Html和Javascript製作一個靜態的登錄頁面?

<body>
<form name="login" onsubmit="javascript:return chkfrm(this);">
用戶名:<input type="text" name="username" onpropertychange="javascript:if(this.value.length>=8)this.form.userpwd.focus();"><br>
密碼:<input type="password" name="userpwd"><br>
<input type="submit" value="登錄"> <input type="reset" value="重置">
</form>
<script language="javascript">
function chkfrm(o){
if(o.username.value==''){
alert('請輸入用戶名!');
return false;
}
if(o.userpwd.value==''){
alert('請輸入密碼!');
return false;
}
alert('登陸成功');
return false;
}
</script>
</body>

10、靜態網頁設計中,如何超級鏈接一個網站。

<a herf="http://www.youku.com" target="_blank">百度</a>
href後面跟的是要打開的網址,target後面跟的是打開方式,_blank指的是在新的窗口打開網站。

與靜態網頁設計怎麼弄相關的知識