① 怎樣製作簡單的靜態的網頁設計
你好。首先下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
打開頁面後,選著設計窗口,如圖所示。設計窗口可以快速布局網頁,不需要自己編輯代碼。
打開你要設計的網頁的設計圖,本經驗是網路經驗首頁為例,首先我們製作頂上的搜索條,點擊插入—表格(如圖所示)。打開表格屬性編輯表格屬性。插入1行和5列,表格寬度為1130,(即為網頁的寬度),邊距,間距分別為0,此表格只是為了定位,因此不設邊框。
設置好表格後,可在表格裡面插入你的內容,首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整,滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示
接下來我們來做搜索框,點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖,文本框上班還要添加內容,因此,可選擇單元格右擊選擇表格—拆分單元格,此處是需要添加一行的內容,因此拆分為兩行,如圖所示。
用同樣的辦法拆分上面的行,因為要添加10個選擇項,因此拆分為10列(右擊選中的行—拆分單元格—10列—確定)。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。
接下來我們做搜索按鈕,同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。
接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。
剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站
另外我們還可以採用front page。也可以很容易的實現。
望採納。
② 靜態網頁製作的具體過程
流程適合於
靜態網頁初
者
1
軟體介紹
建立管理站點
網頁網站介紹
網站取名
設計風格
色彩運用
定位
向(理論)
素材收集
軟體啟用
功能性菜單工具介紹
頁面屬性設定
預覽網頁
2
創建新文件
設定文本圖片
畫格式
文本屬性
涉及
HTML
式
圖片屬性
圖文超連接
圖文混排
段落
行
序
序列表
水平線
期
特殊字元
圖片輪顯
導航菜單
插入Flash(.swf)
字體
式
習
3
創建超級連接
a
文本連接:
網路
站內;b
圖片連接:整圖
熱點區域;
c
郵件
址連接;
d
載打
框連接解釋;
e
書簽錨點連接:
同頁
同頁
要求
絕
路徑
相
路徑
熟練掌握
/Article/wysj/jzll/200510/404.htm
4
建立表格
表格
建立
格式化表格(顏色採用規則)
表格數據
排序表格
行
列
選取
行
列
填加刪除
矩形
單元格塊
相關操作
標准視圖
布局視圖
自
伸展表格
表格
網頁
應用~
其
花
表格介紹
5
幀-框架頁面
框架
建立
保存
連接--
站點
起步
及iframe
運用
6
層
及
間線
運用
滑鼠移
圖片
顯示隱含圖層
&
拖
圖層
應用
http://www.pconline.com.cn/pce/sj/wz/Dreamweaver/10111/14968.html
點擊按鈕
現隱含圖層
&
拉菜單
實現
http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/14982.html
何賦予文字圖層特效
&
Timeline
基本應用
http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/14992.html
比較復雜
Timeline例
http://www.pconline.com.cn/pce/sj/wz/dreamweaver/10111/15019.html
7
FORM表單相關
8
CSS
式表
9
Head
部屬性
所
代碼全
...
間
具體內容
:
a
標題元素
幫助用戶更
識別文件
且
作
首頁或收藏
做文件名
b
…顯示本文檔
其
文檔
間
關系
c
文檔
包含風格頁
文檔本身
內部
式
d
…
相
路徑定義絕
路徑url
讀者
載
文檔
知道
哪
e
用於包含腳本(
系列腳本語言寫
命令)
JavaScript
或
VBScript
f
10
態HTML應用
行
式
11
模板
庫
12
發布設置
傳
求採納
③ 靜態網頁製作 求大神回答
D,沒有font-color這個樣式,設置字體顏色直接用color
④ html靜態網頁怎麼製作啊
<html><head><title>我的網頁</title></head><body>我的網頁</body></html>
最最基本的HTML,把他復制下來粘貼到記事本,然後把記事本的後綴改成html.
⑤ 靜態網頁製作
方法/步驟
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中,保存後打開看看效果!
小編在這里省略了表格和視頻的製作,小夥伴不知道的話,可以網路搜索一下。
整個簡單的靜態網頁製作完畢。
⑥ 靜態網頁製作作品
已發送查收
不行hi我
教你
記得給分啊
⑦ 求一個網頁製作的成品(HTML靜態網頁的)
還是要自己動手寫寫的呀~曾今我也為了交這個作業一籌莫展
⑧ 靜態網頁製作作業。要HTML的,簡單點,不要太復雜,初學那種的。
<html>
<head>
<style>
html,body{margin:0px;text-align:center;}
.main{width:1000px;margin:0pxauto;padding-top:30px;}
.title{font-size:18px;text-decoration:underline;font-weight:bold;}
.formtable{width:100%;font-size:12px;margin-top:20px;}
.lefttd{width:350px;text-align:right;}
.righttd{text-align:left;}
.etxt{width:300px;}
.etel{width:200px;}
.eta{width:320px;height:100px;}
.cinpt{text-align:center;padding-top:20px;}
</style>
</head>
<body>
<divclass="main">
<div><spanclass="title">請留下個人資料</span></div>
<div>
<tableclass="formtable">
<tr><tdclass="lefttd">姓名:</td><tdclass="righttd"><inputtype="text"/></td></tr>
<tr><tdclass="lefttd">E-mail:</td><tdclass="righttd"><inputtype="text"class="etxt"/></td></tr>
<tr><tdclass="lefttd">電話:</td><tdclass="righttd"><inputtype="text"class="etel"/></td></tr>
<tr><tdclass="lefttd">性別:</td><tdclass="righttd"><inputtype="radio"checked="checked"name="rd"/>女<inputtype="radio"checked="checked"name="rd"/>男</td></tr>
<tr><tdclass="lefttd">年齡:</td><tdclass="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
<tr><tdclass="lefttd">留言板:</td><tdclass="righttd"><textareaclass="eta"></textarea></td></tr>
<tr><tdclass="lefttd">您的愛好:</td><tdclass="righttd"><inputtype="checkbox"name="cb1"/>運動<inputtype="checkbox"name="cb2"/>閱讀<inputtype="checkbox"name="cb2"/>聽音樂<inputtype="checkbox"name="cb2"/>旅遊</td></tr>
<tr><tdcolspan="2"class="cinpt"><inputtype="button"value="提交"/></td></tr>
</table>
</div>
</div>
</body>
</html>
初學的,那上面這段代碼應該可以了
⑨ 靜態網頁製作(dw)最簡單的即可
什麼方面的內容啊
其實只要隨便放幾個圖片弄幾個超鏈接就可以了
⑩ 網頁設計和室內設計我該去選擇哪個工作好呢
兩個設計是完全不一樣的行業
一個是跟網路有關的 是平面的設計
一個內是跟裝修設計有關的 是三維立體容的設計
網頁設計需要你有耐心 有毅力 而且有一定的英語基礎的 網頁設計涉及的軟體比較多的(是指動態網站的 要是 靜態網頁 就好做的 也好學的)
室內設計需要你有耐心 有吃苦的毅力 而且室內設計不需有美術基礎的但是要是有美術基礎就更好了(有美術基礎的話 對室內設計的色彩搭配 有很大作用的)
網頁設計的學習和成為成手的設計 時間比較短的
而室內設計的學習是快的 但是 要成為成手的設計師的 話 要有1到2年的 實踐和學習的 時間較長的
最終選擇哪個行業 看看你對 哪個更喜歡的