2021-02-07 10:10:19
【靜態(tài)網(wǎng)頁設(shè)計(jì)】如何做一個(gè)靜態(tài)網(wǎng)站?靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站的區(qū)別,以及如何實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)站?下面就和小編一起來看看吧!
如何做一個(gè)靜態(tài)網(wǎng)站?
下載Dreamweaver.exe并打開它,然后選擇您使用的編輯語言。在這種情況下,使用html。打開頁面后,選擇設(shè)計(jì)窗口,如圖。設(shè)計(jì)窗口可以快速布局網(wǎng)頁,而無需編輯代碼。第二,打開你要設(shè)計(jì)的網(wǎng)頁的設(shè)計(jì)圖。這個(gè)體驗(yàn)是百度體驗(yàn)主頁的一個(gè)例子。首先,我們制作頂部的搜索欄,然后單擊插入-表格(如圖所示)。打開表屬性以編輯表屬性。插入1行5列,表格寬度為1130(即網(wǎng)頁寬度),邊距和間距分別為0。這張桌子只是用來定位的,所以沒有邊框。第三,設(shè)置好表單后,您可以將您的內(nèi)容插入表單。首先,我們插入徽標(biāo),然后單擊插入-圖像-選擇您想要插入的圖像。單擊“確定”完成徽標(biāo)插入。桌子的大小高度可以根據(jù)設(shè)計(jì)圖的要求進(jìn)行調(diào)整。您可以通過將鼠標(biāo)移動(dòng)到表格邊框的虛線來拖動(dòng)和調(diào)整高度或?qū)挾?。如圖,我們先做搜索框,點(diǎn)擊【插入】-【表單】-【插入文本字段】-【確定】。插入文本框后,單擊文本框以調(diào)整文本框的屬性。根據(jù)設(shè)計(jì)圖,工作時(shí)文本框中應(yīng)添加內(nèi)容,因此您可以選擇單元格并右鍵單擊以選擇表格-拆分單元格。在這里,你需要添加一行內(nèi)容,所以被拆分成兩行,如圖。第四,以同樣的方式拆分上面的行,因?yàn)橐砑?0個(gè)選項(xiàng),所以拆分成10列(右鍵單擊選中的行-拆分單元格-10列-確定)。拆分后,在單元格中添加文本內(nèi)容。桌子大小可以根據(jù)第4步進(jìn)行調(diào)整。5.接下來我們做搜索按鈕,根據(jù)設(shè)計(jì)圖把表格拆分成兩行。單擊插入插入按鈕圖片。6.接下來,向按鈕添加一個(gè)鏈接。這個(gè)體驗(yàn)是和靜態(tài)網(wǎng)頁分享的,所以我們先和大家分享一下如何直接添加按鈕鏈接。也可以點(diǎn)擊插入-添加超鏈接,填寫你事先做好的頁面鏈接,或者其他網(wǎng)站鏈接。七、剩下的內(nèi)容可以根據(jù)方法逐步添加,調(diào)整細(xì)節(jié)完成你想要設(shè)計(jì)的網(wǎng)頁。如圖,就是上一步做的靜態(tài)頁面,用超鏈接把所有完成的頁面鏈接起來就可以做一個(gè)簡(jiǎn)單的網(wǎng)站。
靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站的區(qū)別,以及如何實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)站?
動(dòng)態(tài)網(wǎng)頁的一般特點(diǎn)概括如下:(1)動(dòng)態(tài)網(wǎng)頁基于數(shù)據(jù)庫技術(shù),可以大大減少網(wǎng)站維護(hù)的工作量;(2)使用動(dòng)態(tài)web技術(shù)的網(wǎng)站可以實(shí)現(xiàn)的功能,如用戶注冊(cè)、用戶登錄、在線調(diào)查、用戶管理、訂單管理等;(3)動(dòng)態(tài)網(wǎng)頁實(shí)際上不是服務(wù)器上獨(dú)立存在的網(wǎng)頁文件,服務(wù)器只有在用戶請(qǐng)求時(shí)才返回完整的網(wǎng)頁;(4)"?"在動(dòng)態(tài)網(wǎng)頁中,搜索引擎檢索存在一些問題。搜索引擎通常不可能訪問網(wǎng)站數(shù)據(jù)庫中的所有網(wǎng)頁,或者由于技術(shù)原因,搜索蜘蛛不會(huì)爬行?因此,使用動(dòng)態(tài)網(wǎng)頁的網(wǎng)站在推廣搜索引擎以滿足搜索引擎的要求時(shí),需要做一些技術(shù)處理。什么是靜態(tài)網(wǎng)頁?靜態(tài)網(wǎng)頁有什么特點(diǎn)?在網(wǎng)站設(shè)計(jì)中,純HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”,早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁構(gòu)成的。也就是,。htm,。html,。shtml,。xml等。用作后綴。在HTML網(wǎng)頁上,也可以出現(xiàn)各種動(dòng)態(tài)效果,比如中的動(dòng)畫。GIF格式,F(xiàn)LASH,滾動(dòng)字母等。這些“動(dòng)態(tài)效果”只是視覺上的,不同于下面描述的動(dòng)態(tài)網(wǎng)頁。我們簡(jiǎn)單總結(jié)一下靜態(tài)網(wǎng)頁的特點(diǎn):(1)靜態(tài)網(wǎng)頁有固定的URL,網(wǎng)頁的URL以常見的形式后綴,如。htm,。html和。shtml,但不包含"?";(2)一旦網(wǎng)頁內(nèi)容在網(wǎng)站服務(wù)器上發(fā)布,無論用戶是否訪問,每個(gè)靜態(tài)網(wǎng)頁的內(nèi)容都保存在網(wǎng)站服務(wù)器上,也就是說,靜態(tài)網(wǎng)頁是實(shí)際保存在服務(wù)器上的文件,每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件;(3)靜態(tài)網(wǎng)頁內(nèi)容相對(duì)穩(wěn)定,容易被搜索引擎搜索到;(4)靜態(tài)網(wǎng)頁不受數(shù)據(jù)庫支持,網(wǎng)站制作維護(hù)工作量大,網(wǎng)站信息量大時(shí)很難完全依靠靜態(tài)網(wǎng)頁制作;(5)靜態(tài)網(wǎng)頁的交互是交叉的,在功能上有很大的局限性。當(dāng)我們提到動(dòng)態(tài)主頁的制作時(shí),我們不能不談到ASP動(dòng)態(tài)網(wǎng)頁技術(shù)。細(xì)心的讀者會(huì)發(fā)現(xiàn)很多網(wǎng)站文件都是以*結(jié)尾的。asp,那么什么是ASP,它與HTML的關(guān)系是什么,它是如何工作的?讓我們一起看看。1.詳細(xì)來說,ASPASP是ActiveServerPages的縮寫,是微軟開發(fā)的服務(wù)器端腳本環(huán)境。它嵌入在IIS或PWS中,為服務(wù)器端腳本執(zhí)行提供了一個(gè)環(huán)境,以達(dá)到動(dòng)態(tài)交互的目的,這也是很多動(dòng)態(tài)web技術(shù)的共同特征。這一章重點(diǎn)講的是IIS,PWS也差不多。ASP的崛起似乎是“一夜之間”。它的“神奇力量”是什么?1.不需要編譯和鏈接就可以執(zhí)行,可以集成到HTML代碼中。有了它,可以節(jié)省許多繁瑣和重復(fù)的勞動(dòng)。2.瀏覽器無關(guān):clIEnt可以瀏覽ASP設(shè)計(jì)的主頁內(nèi)容,只要使用任何可以執(zhí)行HTML代碼的瀏覽器(如ie、Netscape等)。).所有的代碼都是在服務(wù)器端執(zhí)行的,只要代碼寫的好,工作的服務(wù)器就能把一切都搞定。