1、簡單的靜態網頁設計
您好,說簡單也不簡單,如果你肯花時間的話,那總會學會,你可以去比較好的設計公司拿里看看他們的實例是怎麼做的,你就知道是什麼程度了,你可以去BBD公司看看,能幫到你的忙。
有種最簡單的方法,最多十分鍾就搞定一頁:一,用DW軟體,打開-插入-表格-(這里您已經有了要作一個什麼樣網頁的大致想法)幾行,幾列。寬度要在1000為好,這樣下面就會出現一個導航條,邊界設置為0。如:插入表格為1行3列-確定。在用滑鼠點擊第一空格,插入-圖片,尋找您要插入圖片的位置,確定(或保存),然後在用滑鼠點擊第二個空格,插入。。。。等。以此類推。然後再用滑鼠點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章,一定要把文章的格式轉換成純Word文檔,後綴為.doc。
2、求做一個靜態網頁設計,不要太粗糙。
這個要求還是不難的,可以自己提供素材。支持在線預覽效果。
3、一個精美的靜態網頁是如何設計實現的
直接到網上下載建站系統來做:pageadmin cms、shopex cms這些都是非常簡單的建站,直接下載就可以使用。。
4、靜態網頁製作
方法/步驟
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中,保存後打開看看效果!
小編在這里省略了表格和視頻的製作,小夥伴不知道的話,可以百度搜索一下。
整個簡單的靜態網頁製作完畢。
5、怎樣製作簡單的靜態的網頁設計
你好。首先下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
打開頁面後,選著設計窗口,如圖所示。設計窗口可以快速布局網頁,不需要自己編輯代碼。
打開你要設計的網頁的設計圖,本經驗是百度經驗首頁為例,首先我們製作頂上的搜索條,點擊插入—表格(如圖所示)。打開表格屬性編輯表格屬性。插入1行和5列,表格寬度為1130,(即為網頁的寬度),邊距,間距分別為0,此表格只是為了定位,因此不設邊框。
設置好表格後,可在表格裡面插入你的內容,首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整,滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示
接下來我們來做搜索框,點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖,文本框上班還要添加內容,因此,可選擇單元格右擊選擇表格—拆分單元格,此處是需要添加一行的內容,因此拆分為兩行,如圖所示。
用同樣的辦法拆分上面的行,因為要添加10個選擇項,因此拆分為10列(右擊選中的行—拆分單元格—10列—確定)。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。
接下來我們做搜索按鈕,同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。
接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。
剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站
另外我們還可以採用front page。也可以很容易的實現。
望採納。