㈠ 靜態網頁製作的具體過程
流程適合於
靜態網頁初
者
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
發布設置
傳
求採納
㈡ 如何製作靜態網站
製作靜態網站使用HTML5進行一個網頁的編寫就可以進行了
㈢ 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中,保存後打開看看效果!
小編在這里省略了表格和視頻的製作,小夥伴不知道的話,可以網路搜索一下。
整個簡單的靜態網頁製作完畢。
㈤ 靜態網頁怎麼製作
很簡單了,你把下面的代碼復制到一個記事本文件裡面,然後將記事本文件的擴展名txt改為htm或者html然後用瀏覽器打開就是了網頁了。
<html>
<title>
Example
</title>
<body>
<h1>標題</h1>
<p>正文</p>
</body>
</html>
當然你還必須到網上學習HTML語法。
㈥ 怎麼做一個靜態網站
下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
六、接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。
七、剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站。
㈦ 製作一個靜態網頁
靜態網頁很簡單的...動態的才麻煩,靜態網頁大概不算美化(這個需要看具體的要求,難以估計)就是一個框架搭建出來就是1~2天的樣子.