導航:首頁 > 萬維百科 > 簡單靜態網頁的設計

簡單靜態網頁的設計

發布時間:2020-09-10 18:35:15

1、怎麼製作個簡單點的靜態網頁

用office自帶的做就好了。。。

2、怎樣製作簡單的靜態的網頁設計

你好。首先下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
打開頁面後,選著設計窗口,如圖所示。設計窗口可以快速布局網頁,不需要自己編輯代碼。

打開你要設計的網頁的設計圖,本經驗是百度經驗首頁為例,首先我們製作頂上的搜索條,點擊插入—表格(如圖所示)。打開表格屬性編輯表格屬性。插入1行和5列,表格寬度為1130,(即為網頁的寬度),邊距,間距分別為0,此表格只是為了定位,因此不設邊框。

設置好表格後,可在表格裡面插入你的內容,首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整,滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示

接下來我們來做搜索框,點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖,文本框上班還要添加內容,因此,可選擇單元格右擊選擇表格—拆分單元格,此處是需要添加一行的內容,因此拆分為兩行,如圖所示。

用同樣的辦法拆分上面的行,因為要添加10個選擇項,因此拆分為10列(右擊選中的行—拆分單元格—10列—確定)。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。

接下來我們做搜索按鈕,同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。

接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。

剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站

另外我們還可以採用front page。也可以很容易的實現。
望採納。

3、靜態網頁製作(dw)最簡單的即可

什麼方面的內容啊
其實只要隨便放幾個圖片弄幾個超鏈接就可以了

4、求一份網頁製作的作業,簡單的設計一個靜態網頁就行了。。拜託了

我有以前做的dreamweaver的網頁作業。
有20份作業的源文件。任你挑選。
郵箱我就不單獨發了,為了方便大家下載參考。
我把網頁作業源文件打包上傳到我的百度網盤。可以直接下載,不需要注冊,也不需要積分。
網頁作業的下載地址 公布於本人的百度空間的文章中。
找不到或者有什麼問題的可以私信我

5、靜態網頁製作作業。要HTML的,簡單點,不要太復雜,初學那種的。

<html>
<head>
    <style>
        html,body{margin:0px;text-align:center;}
        .main{width:1000px;margin:0px auto;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>
    <div class="main">
        <div><span class="title">請留下個人資料</span></div>
        <div>
            <table class="formtable">
                <tr><td class="lefttd">姓名:</td><td class="righttd"><input type="text" /></td></tr>
                <tr><td class="lefttd">E-mail:</td><td class="righttd"><input type="text" class="etxt" /></td></tr>
                <tr><td class="lefttd">電話:</td><td class="righttd"><input type="text" class="etel" /></td></tr>
                <tr><td class="lefttd">性別:</td><td class="righttd"><input type="radio" checked="checked" name="rd" />女 <input type="radio" checked="checked" name="rd" />男</td></tr>
                <tr><td class="lefttd">年齡:</td><td class="righttd"><select><option>20以下</option><option>20以上</option></select></td></tr>
                <tr><td class="lefttd">留言板:</td><td class="righttd"><textarea class="eta"></textarea></td></tr>
                <tr><td class="lefttd">您的愛好:</td><td class="righttd"><input type="checkbox" name="cb1" />運動 <input type="checkbox" name="cb2" />閱讀 <input type="checkbox" name="cb2" />聽音樂 <input type="checkbox" name="cb2" />旅遊</td></tr>
<tr><td colspan="2" class="cinpt"><input type="button" value="提交" /></td></tr>
</table>
        </div>
    </div>
</body>
</html>


初學的,那上面這段代碼應該可以了

6、求一個簡單的css+html的靜態網頁!

完全可以,HTML5網站設計的符合標準的話,更顯示的公司高端大氣上檔次!雖然靜態頁不利於內容後台更新,但下響應速度相對於動態編程網站來說是先天優勢!

7、簡單的靜態網頁設計

您好,說簡單也不簡單,如果你肯花時間的話,那總會學會,你可以去比較好的設計公司拿里看看他們的實例是怎麼做的,你就知道是什麼程度了,你可以去BBD公司看看,能幫到你的忙。
有種最簡單的方法,最多十分鍾就搞定一頁:一,用DW軟體,打開-插入-表格-(這里您已經有了要作一個什麼樣網頁的大致想法)幾行,幾列。寬度要在1000為好,這樣下面就會出現一個導航條,邊界設置為0。如:插入表格為1行3列-確定。在用滑鼠點擊第一空格,插入-圖片,尋找您要插入圖片的位置,確定(或保存),然後在用滑鼠點擊第二個空格,插入。。。。等。以此類推。然後再用滑鼠點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章,一定要把文章的格式轉換成純Word文檔,後綴為.doc。

8、學習製作簡單靜態頁面用什麼軟體

我把網上最主流的網頁/網站製作工具都列出來了
其中第1、2是主要製作工具,後面的多是輔助工具
3、6是比較容易上手的

另外最簡單的靜態頁面其實可以用word製作,保存成html就可以
你可以試試

1、FrontPage
FrontPage是一款優秀的網頁製作與開發工具之一,它本身也是Office2000中的一個重要組件,採用了與Office2000其他組件一致的界面和操作方式,只要您使用過Office軟體,就可以輕松掌握FrontPage的用法。
2、網頁製作三劍客
Flash、Dreamweaver、Fireworks合在一起被稱為網頁製作三劍客。這三個軟體相輔相承,是製作網頁的首選工具,其中Dreamweaver主要用來製作網頁文件,製作出來的網頁兼容性好、製作效率也很高,Flash用來製作精美的網頁動畫,Fireworks用來處理網頁中的圖形。
3、Photoshop
Photoshop是Adobe公司的王牌產品,無論是在平面廣告設計、室內裝潢,還是處理個人數碼照片方面,Photoshop都已經成為不可或缺的工具。在網頁製作方面,它多姿多彩的濾鏡和功能強大的選擇工具可以做出各種各樣的文字效果來。
4、Swishmax
Swish是一款非常方便的Flash文字特效製作工具,你只要點幾下滑鼠,就可以創造出形狀、文字、按鈕動畫,你也可以選擇內建的超過230種諸如爆炸、漩渦、3D旋轉以及波浪等預設的動畫效果。
5、PhotoImpact
PhotoImpact提供了多媒體時代專業影像設計者最直覺的創意空間、最方便的製作工具、及最寬廣的表達形式,整合了新時代的3D物件及文字特效與粒子效果、壓力筆支援、不同的自然筆觸、各式直覺操作的特效圖庫、以及網頁影像與辦公室文件的相容性,將構思到表達的過程完整組合,是專業網頁影像設計者不可或缺的利器。
6、Sound Forge
Sound Forge軟體是一款非常棒的音效編輯軟體,它除了音效編輯軟體的功能外,還可以讓你處理大量的音效轉換的工作,使你能夠輕松的完成各種看似復雜的音效編輯工作。如果下載的是英文版,可以用金山快譯永久漢化,但效果不是很盡人意。
7、碩思閃客精靈
碩思閃客精靈是一款用於瀏覽和解析Flash動畫的工具。它可以將.swf文件導出成.fla文件,還能將flash動畫中的圖片、矢量圖、聲音、視頻(*.flv)、文字、按鈕、影片片段、幀等基本元素完全分解,以及對動作腳本(ActionScript)進行解析,清楚的顯示其動作代碼,讓你對Flash動畫的構造一目瞭然。建議你趕快去下載吧!}
8、Clipyard
你只要導入不同的Flash動畫文件,將其放在不同的層上,經調試效果,導出後就成了一個單獨的flash了,操作簡單,特別適合於將自己喜歡的Flash動畫加入祝福、簽名後贈送友人。
9、FlashFXP
是一款優秀的FTP工具,特別適合Web站點管理員使用。支持文件夾(帶子文件夾)的文件傳送、刪除;支持上傳、下載及第三方文件續傳;可以跳過指定的文件類型,只傳送需要的文件;可以自定義不同文件類型的顯示顏色;可以緩存遠端文件夾列表,支持FTP代理;具有避免空閑功能,防止被站點踢出;可以顯示或隱藏「隱藏」屬性的文件、文件夾;支持每個站點使用被動模式等。
10、FlaX
FlaX是一款製作Flash文字特效的小巧軟體。在以前若要製作文字繞圓圈的動畫,在Flash里一個一個字的慢慢調整位置,頗費時間,如果使用FlaX很快就可以就搞定。 FlaX有四個窗口面板:預覽窗口、影片屬性面板、文字屬性面板、特效屬性面板。
11、Web Animator
Web Animator(網頁動畫設計)是HomePage Builder附帶的創建動畫GIF的程序。所謂動畫GIF是GIF格式圖像文件的一種,組合幾個圖像象漫畫一樣連續運動。動畫GIF與普通的GIF圖像一樣可以粘貼到頁面。使用Web Animator可以完成如下工作:組合現有的圖像,創建類似於漫畫的動畫;給一個圖像添加動畫效果,創建具有效果的動畫;給指定的字元串添加動畫效果,創建字元動畫。
12.golive
Adobe收購mm之後推出的網頁製作工具,將代替Dreamweaver成為主流.

與簡單靜態網頁的設計相關的知識