導航:首頁 > 萬維百科 > 靜態網站設計與製作

靜態網站設計與製作

發布時間:2020-07-30 23:57:55

1、設計和編制靜態網頁是什麼意思啊?

編制其實很簡單就是編寫和製作的結合。 靜態和動態的區別在於: 跟你解釋 很復雜 我舉個例子好了 www.163.com 網易的網站上面每天都有新聞跟新吧。 如果是靜態網頁的話,這么大的網站每添加一條新聞就要更改一次網頁。那樣不是是麻煩死了? 所以靜態網站適合小型網站。 動態網頁一般都有後台 可以通過修改資料庫添加刪除或修改新聞記錄 就不用去修改網頁了。 還有編寫動態網頁是需要網頁語言的。 如ASP PHP ASP.NET JS 等。而且得熟悉資料庫 如ACCESS SQLserver等 靜態網頁只要一點美術基礎 網頁基本語言 外加耐心就可以完成了。

2、網頁設計與製作要學些什麼?

php 跟mysql 和apache 加linux 系統是大多數企業的最佳選擇,這門這些代碼 都是開源免費的,而且不會涉及到任何版權

2net 大家懂得,MSsql 是要花錢買的,還有就是微軟的系統,代碼不公開,缺少自由,你想想就知道,微軟漏洞那個是經常傷害我們腦經的事,伺服器經常被掛馬都不是新聞了。

3jsp安全性最好,性能也好,但是開發周期比較長些,因為網上公開的代碼程序也少,用的人少就不多說了

3、靜態網頁製作

方法/步驟

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中,保存後打開看看效果!
小編在這里省略了表格和視頻的製作,小夥伴不知道的話,可以百度搜索一下。
整個簡單的靜態網頁製作完畢。

4、靜態網頁和動態網頁的區別

靜態網頁,動態網頁主要根據網頁製作的語言來區分:
靜態網頁使用語言:HTML(超文本標記語言)
動態網頁使用語言:HTML+ASP 或 HTML+PHP 或 HTML+JSP 等。
靜態網頁與動態的區別
程序是否在伺服器端運行,是重要標志。在伺服器端運行的程序、網頁、組件,屬於動態網頁,它們會隨不同客戶、不同時間,返回不同的網頁,例如ASP、PHP、JSP、ASP.net、CGI等。運行於客戶端的程序、網頁、插件、組件,屬於靜態網頁,例如html頁、Flash、JavaScript、VBScript等等,它們是永遠不變的。
靜態網頁和動態網頁各有特點,網站採用動態網頁還是靜態網頁主要取決於網站的功能需求和網站內容的多少,如果網站功能比較簡單,內容更新量不是很大,採用純靜態網頁的方式會更簡單,反之一般要採用動態網頁技術來實現。
靜態網頁是網站建設的基礎,靜態網頁和動態網頁之間也並不矛盾,為了網站適應搜索引擎檢索的需要,即使採用動態網站技術,也可以將網頁內容轉化為靜態網頁發布。
動態網站也可以採用靜動結合的原則,適合採用動態網頁的地方用動態網頁,如果必要使用靜態網頁,則可以考慮用靜態網頁的方法來實現,在同一個網站上,動態網頁內容和靜態網頁內容同時存在也是很常見的事情。
我們將動態網頁的一般特點簡要歸納如下:
(1)動態網頁以資料庫技術為基礎,可以大大降低網站維護的工作量;
(2)採用動態網頁技術的網站可以實現更多的功能,如用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理等等;
(3)動態網頁實際上並不是獨立存在於伺服器上的網頁文件,只有當用戶請求時伺服器才返回一個完整的網頁;
(4)動態網頁中的「?」對搜索引擎檢索存在一定的問題,搜索引擎一般不可能從一個網站的資料庫中訪問全部網頁,或者出於技術方面的考慮,搜索蜘蛛不去抓取網址中「?」後面的內容,因此採用動態網頁的網站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求
什麼是靜態網頁?靜態網頁有哪些特點?
網站設計中,純粹HTML格式的網頁通常被稱為「靜態網頁」,早期的網站一般都是由靜態網頁製作的。
靜態網頁的網址形式通常為:
也就是以.htm、.html、.shtml、.xml等為後後綴的。在HTML格式的網頁上,也可以出現各種動態的效果,如.GIF格式的動畫、FLASH、滾動字母等,這些「動態效果」只是視覺上的,與下面將要介紹的動態網頁是不同的概念。
我們將靜態網頁的特點簡要歸納如下:
(1)靜態網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為後綴,而不含有「?」;
(2)網頁內容一經發布到網站伺服器上,無論是否有用戶訪問,每個靜態網頁的內容都是保存在網站伺服器上的,也就是說,靜態網頁是實實在在保存在伺服器上的文件,每個網頁都是一個獨立的文件;
(3)靜態網頁的內容相對穩定,因此容易被搜索引擎檢索;
(4)靜態網頁沒有資料庫的支持,在網站製作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難;
(5)靜態網頁的交互性交叉,在功能方面有較大的限制
好像看懂了,第一看後綴名,第二看是否能與伺服器發生交互行為
靜態網頁是相對於動態網頁而言,是指沒有後台資料庫、不含程序和不可交互的網頁。你編的是什麼它顯示的就是什麼、不會有任何改變。靜態網頁相對更新起來比較麻煩,適用於一般更新較少的展示型網站。
靜態網頁與動態的區別
程序是否在伺服器端運行,是重要標志。在伺服器端運行的程序、網頁、組件,屬於動態網頁,它們會隨不同客戶、不同時間,返回不同的網頁,例如ASP、PHP、JSP、ASP.net、CGI等。運行於客戶端的程序、網頁、插件、組件,屬於靜態網頁,例如html頁、Flash、JavaScript、VBScript等等,它們是永遠不變的。
靜態網頁和動態網頁各有特點,網站採用動態網頁還是靜態網頁主要取決於網站的功能需求和網站內容的多少,如果網站功能比較簡單,內容更新量不是很大,採用純靜態網頁的方式會更簡單,反之一般要採用動態網頁技術來實現。
靜態網頁是網站建設的基礎,靜態網頁和動態網頁之間也並不矛盾,為了網站適應搜索引擎檢索的需要,即使採用動態網站技術,也可以將網頁內容轉化為靜態網頁發布。
動態網站也可以採用靜動結合的原則,適合採用動態網頁的地方用動態網頁,如果必要使用靜態網頁,則可以考慮用靜態網頁的方法來實現,在同一個網站上,動態網頁內容和靜態網頁內容同時存在也是很常見的事情。
我們將動態網頁的一般特點簡要歸納如下:
(1)動態網頁以資料庫技術為基礎,可以大大降低網站維護的工作量;
(2)採用動態網頁技術的網站可以實現更多的功能,如用戶注冊、用戶登錄、在線調查、用戶管理、訂單管理等等;
(3)動態網頁實際上並不是獨立存在於伺服器上的網頁文件,只有當用戶請求時伺服器才返回一個完整的網頁;
(4)動態網頁中的「?」對搜索引擎檢索存在一定的問題,搜索引擎一般不可能從一個網站的資料庫中訪問全部網頁,或者出於技術方面的考慮,搜索蜘蛛不去抓取網址中「?」後面的內容,因此採用動態網頁的網站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求
另外,如果擴展名為.asp但卻沒有連資料庫,完全是靜態的頁面,那也是靜態網站.只是.asp擴展名。

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

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

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

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

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

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

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

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

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

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

6、要求:設計與製作一個主題明確的靜態網站,需要使用的技術包括XHTML、CSS、JavaScript。包括一個主頁和三個

就像收集板說的
你出100分估計都沒人.
不是說你10分低了.
是這個東西太耗時間.

7、設計好的網頁製作成靜態網頁需要學習什麼?

有設計基礎之後很簡單的,只需要學習HTML和CSS基本可以滿足了,但想要效果更華麗一些的話,可以學習基礎的JS。我空間收集有一些資料,可以進去看看,點我名字就可以了

8、自學網頁設計與製作,動態和靜態都想學,需要看什麼書??

先學靜態,學習簡單的HTML語言後,學習web標准,在學習簡單的CSS,最後自己動手做幾個簡單的頁面,熟練後基本大功告成,
然後動態,動態的話,看你個人想學ASP,還是.NET,還是PHP,還是JSP等等,最好有C語言基礎,這樣會比較輕松.
希望對你有幫助.
另外你可以去w3cSchool看看,

9、靜態網頁設計

我把網上最主流的網頁/網站製作工具都列出來了
其中第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成為主流.
滿意請採納。

10、製作html靜態網頁

高中生的作業嗎?

與靜態網站設計與製作相關的知識