❶ 靜態網頁製作
方法/步驟
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改為.html 再用瀏覽器打開 這就是一個靜態網頁了。
Dreamweaver 是很專業的網頁設計軟體。你可以搜索一下教程。很簡單的。
可以在裡面插入圖片 聲音 視頻 flash等。
再就是現在最流行的 div+css 這個就相對難點了。需要有手寫代碼的能力。
製作過程在這里和你也說不明白 你還是從網上搜索一下Dreamweaver 視頻教程吧。
做網頁記住:所有文件夾和文件名都要用英文或者拼音。首頁命名為index.html
❸ 怎麼做一個靜態網站
下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
六、接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。
七、剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站。
❹ 做一個簡單的靜態網頁.
這個太簡單了
你把下面的代碼復制到記事本上
然後把記事本的名字改為
你想要的名字
加上
點
加上html舉例名字:
靜態頁面.html 注意:一定要讓記事本顯示擴展名
txt
然後再改
實在不會
加我QQ:1441773001<html><head><title>很簡單的一個靜態頁面</title></head><body>這就是一個簡單的靜態頁面<body></html>
❺ 如何製作好看的靜態網頁
如果想製作好看的靜態網頁的話,可以在網頁上選擇一個頁面插入你喜歡的圖片,然後去製作。
❻ 如何製作靜態網頁
有種最簡單的方法,最多十分鍾就搞定一頁:一,用DW軟體,打開-插入-表格-(這里您已經有了要作一個什麼樣網頁的大致想法)幾行,幾列。寬度要在1000為好,這樣下面就會出現一個導航條,邊界設置為0。如:插入表格為1行3列-確定。在用滑鼠點擊第一空格,插入-圖片,尋找您要插入圖片的位置,確定(或保存),然後在用滑鼠點擊第二個空格,插入。。。。等。以此類推。然後再用滑鼠點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章,一定要把文章的格式轉換成純Word文檔,後綴為.doc
❼ 怎樣製作簡單的靜態的網頁設計
你好。首先下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
打開頁面後,選著設計窗口,如圖所示。設計窗口可以快速布局網頁,不需要自己編輯代碼。
打開你要設計的網頁的設計圖,本經驗是網路經驗首頁為例,首先我們製作頂上的搜索條,點擊插入—表格(如圖所示)。打開表格屬性編輯表格屬性。插入1行和5列,表格寬度為1130,(即為網頁的寬度),邊距,間距分別為0,此表格只是為了定位,因此不設邊框。
設置好表格後,可在表格裡面插入你的內容,首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整,滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示
接下來我們來做搜索框,點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖,文本框上班還要添加內容,因此,可選擇單元格右擊選擇表格—拆分單元格,此處是需要添加一行的內容,因此拆分為兩行,如圖所示。
用同樣的辦法拆分上面的行,因為要添加10個選擇項,因此拆分為10列(右擊選中的行—拆分單元格—10列—確定)。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。
接下來我們做搜索按鈕,同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。
接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。
剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站
另外我們還可以採用front page。也可以很容易的實現。
望採納。
❽ 製作全靜態網站的詳細步驟
1、、首先說一下程序製作,由於是全靜態的網站,所以你用frontpage就可以了,只要會word的,基本上它也拿來就上手。網站製作出來以後,就是上傳的問題了;
2、域名申請,你做網站的目的是,要把你的信息發布出去讓大家看到,所以要申請一個簡短並有一定實際意義的域名,比如.com、sina.com等;
3、購買空間,用來放置你的網站內容;
4、上傳你的程序(網頁)到空間,一般採取ftp工具來上傳(斷點續傳),上傳上去以後你的網頁就可以展示給別人了。
❾ 如何製作靜態網站
製作靜態網站使用HTML5進行一個網頁的編寫就可以進行了
❿ 靜態網頁製作步驟
靜態網頁製作步驟:
第一步:製作一個靜態網頁之前,我們需要先製作一個網頁1:1的效果圖,又稱靜態網頁效果圖。製作靜態網頁效果圖可以使用Photoshop CS4破解中文版製作。
第二步:將製作好的靜態網頁效果圖進行PS切片。通過PS切片可將一張大的效果圖切成多張小圖片,以後可直接用在網頁上。
第三步:使用HTML5和CSS3進行網頁布局,網頁布局遵從「先大後小,先外後里」的原則,先將整個靜態網頁大結構寫出來,然後再按照效果圖寫各個部分的小版塊。(這個部分需要有代碼基礎,可先學習HTML入門教程)
第三:製作網頁上的特效,例如輪播圖,需要使用JS代碼製作。再將PS切片出來的小圖片通過代碼插入網頁中,並且使用測試數據填充各個小版塊,達到與效果圖一樣的效果。
第四:最後優化網頁代碼,刪除冗餘的文件,整理出一個簡潔的靜態網頁,這樣靜態網頁就製作好了。
(10)靜態網站怎麼製作擴展閱讀:
靜態網頁是標準的HTML文件,它的文件擴展名是。htm、.html,可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控制項及JAVA小程序等。我們就叫做靜態頁面。
靜態頁面一般都是html格式,滑鼠雙擊這個靜態頁面,就可以打開這張網頁,效果會跟圖片設計的效果一樣。那麼這個靜態頁面就是一個網站了嗎?這些靜態頁面其實只是做網站或者做模板的材料而已。
在網站設計中,靜態網頁是網站建設的基礎,早期的網站一般都是由靜態網頁製作的。靜態網頁是相對於動態網頁而言,是指沒有後台資料庫、不含建站程序和不可交互的網頁。靜態網頁相對更新起來比較麻煩,適用於一般更新較少的展示型網站。