1、靜態網頁製作
方法/步驟
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中,保存後打開看看效果!
小編在這里省略了表格和視頻的製作,小夥伴不知道的話,可以百度搜索一下。
整個簡單的靜態網頁製作完畢。
2、求一份一頁的靜態DW網頁製作網頁包含代碼,急需要交作業,哪位好心人幫忙,可以聯系我
留個郵箱,啊或者私聊
3、網頁設計作業,求大嬸幫忙啊.....使用Dreamweaver製作一個靜態網站
暈倒·你學計算機沒有學 好啊··哈哈·
我們之前自己做過的·
老師經常要我們做類似的·網頁·
4、Dreamweaver靜態網頁製作步驟有哪些?
1、在Dreamveaver中「文件—新建—常規—基本頁—HTML」,這就建好了一個頁面,英文版的默認為文件名untitled.htm。中文版的默認為文件名「無標題文檔」。htm表示的是這個網頁文件是一個靜態的HTML文件。可以給它改名為index.htm。
2、在標題空格那裡輸入網頁的名稱,點擊—頁面屬性,打開這個窗口後在這里可以設置網站標題、背景顏色還有背景圖像,超級鏈接顏色,其他都保持默認值就可以了。
3.這個時候游標在左上角,你可以輸入一句話,如「歡迎大家來到我的主頁」,用文字,用菜單「窗口/屬性」打開屬性面板,取文字的大小,再把文字設置為居中,然後在文字的前面敲幾下回車就位於頁面中間了。
4.要選取字體,即選擇字體中的最後一項:即編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體,點擊中間的按鈕就可以加入了。
5、跪求 html靜態網頁個人網站設計源代碼 急用 交作業啊 只要css html 即可 有的請發到[email protected]
我網路空間里 有個下載地址~~主頁右邊欄~~~你自己去下載 免費給你這些交作業的
~~~不知道你們在學什麼啊~~哎
6、圖片中靜態網頁設計代碼怎麼寫,要詳細代碼
<div>
<ul>
<li><a href="#">欄目一</a></li>
<li><a href="#">欄目二</a></li>
<li><a href="#">欄目三</a></li>
<li><a href="#">欄目四</a></li>
<li><a href="#">欄目五</a></li>
</ul>
</div>
7、html網頁設計:一個簡單的登錄界面代碼!
是這樣的效果嗎?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>