簡(jiǎn)單網(wǎng)頁(yè),簡(jiǎn)單網(wǎng)頁(yè)設(shè)計(jì)模板html(簡(jiǎn)單網(wǎng)頁(yè)制作成品和代碼)
怎么制作簡(jiǎn)單的網(wǎng)頁(yè)
制作簡(jiǎn)單的網(wǎng)頁(yè)可能有很多方法,用不同的軟件。今天我來(lái)介紹一下用Dreamweaver CS5中文版來(lái)制作簡(jiǎn)單的網(wǎng)頁(yè)步驟。由于DW軟件具有可視化的特點(diǎn),所以學(xué)起來(lái)很簡(jiǎn)單,和office word一樣簡(jiǎn)單的工具。首先下載安裝Dreamweaver,打開(kāi)后,新建一個(gè)網(wǎng)頁(yè),一般選擇“HTML”建立網(wǎng)頁(yè)。選擇“經(jīng)典”界面,有助于我們更便捷使用這個(gè)軟件。下面選擇這三個(gè)界面,代碼、拆分、設(shè)計(jì),一般默認(rèn)設(shè)計(jì)界面,對(duì)于新手這個(gè)功能具有可視化,能更好的制作網(wǎng)頁(yè)。下面我們來(lái)制作網(wǎng)站站點(diǎn),在電腦上建一個(gè)文件作為根目錄。我們所建網(wǎng)站的所有文件和網(wǎng)頁(yè)都保存在這個(gè)文件中。站點(diǎn)的作用就是使你的網(wǎng)站網(wǎng)頁(yè)之間框架清晰。同時(shí)給站點(diǎn)起個(gè)名字。然后再在站點(diǎn)根目錄下建立一個(gè)專門儲(chǔ)存網(wǎng)站圖片的文件,并設(shè)置默認(rèn)。這樣你添加到這個(gè)網(wǎng)站的所有圖片都自動(dòng)保存到這個(gè)文件,不會(huì)丟失。注意文件命名要用英文。下面我用我建立的(籃球資訊網(wǎng))來(lái)介紹,點(diǎn)擊右下方籃球資訊網(wǎng)——下拉點(diǎn)擊管理站點(diǎn)——點(diǎn)擊高級(jí)設(shè)置——設(shè)置默認(rèn)圖像文件夾為剛建立的images。保存。下面我們來(lái)制作這個(gè)網(wǎng)站首頁(yè),先學(xué)習(xí)添加圖片。插入——圖像——選擇素材添加。點(diǎn)擊圖片,下面屬性可以編輯修改圖片大小,添加超鏈接等等。下面我修改圖片大小做示范。下面學(xué)習(xí)添加文本。編輯“籃球資訊網(wǎng)”,下面屬性可以設(shè)置文本字體、添加超鏈接等等,點(diǎn)擊頁(yè)面屬性,可以詳細(xì)編輯文本屬性。網(wǎng)頁(yè)基本就是文字和圖片的組合,添加視頻還需要學(xué)習(xí)者好好搜索Dreamweaver 的使用視頻加以學(xué)習(xí)。最后制作完一個(gè)網(wǎng)頁(yè)要記得保存。左上角文件——保存。最后我們學(xué)習(xí)添加超鏈接。我用建立的第二個(gè)網(wǎng)頁(yè)來(lái)做示范。選中籃球資訊網(wǎng)文本,點(diǎn)擊頁(yè)面下方屬性——鏈接——點(diǎn)文件小按鈕——選中第一個(gè)網(wǎng)頁(yè),這樣籃球資訊網(wǎng)文本變成藍(lán)色。這是網(wǎng)站內(nèi)部鏈接,相反就有外部鏈接。添加如圖,一定要寫http://......就可以了。最后我們?yōu)g覽網(wǎng)頁(yè)。左上角文件——在瀏覽器中瀏覽網(wǎng)頁(yè),點(diǎn)擊網(wǎng)頁(yè)中兩個(gè)鏈接都能到達(dá)指定網(wǎng)頁(yè)。
最簡(jiǎn)單的網(wǎng)頁(yè)怎么制作
在我們的網(wǎng)絡(luò)時(shí)代,網(wǎng)頁(yè)已經(jīng)很多了,那么,最簡(jiǎn)單的網(wǎng)頁(yè)怎么制作呢?小編這里提供個(gè)方法給大家,這也是最為簡(jiǎn)單的方法了,小編在這和大家說(shuō)下:最簡(jiǎn)單的網(wǎng)頁(yè)怎么制作?我們打開(kāi)電腦E盤(C盤除外),任意的一個(gè)盤里面,如圖所示。我們接著任意位置新建一個(gè)文本文檔,輸入任意內(nèi)容,如圖所示。我們接著點(diǎn)擊上方的“查看”,如圖所示。我們開(kāi)啟文件擴(kuò)展名,如圖所示。我們單擊下這個(gè)文件夾,接著選擇“重命名”,如圖所示。我們接著就將“.text”更改為“.html”,進(jìn)行確認(rèn)操作,如圖所示。我們就可以看到,它是一個(gè)網(wǎng)頁(yè)了,打開(kāi),在瀏覽器上就可以看到這個(gè)網(wǎng)頁(yè)內(nèi)容,如圖所示。
如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 求大神
打開(kāi)FrontPage 2003,打開(kāi)我們已經(jīng)建立好的只有一個(gè)網(wǎng)頁(yè)的站點(diǎn),在文件夾列表窗格中雙擊index.htm網(wǎng)頁(yè)文件,我們看到網(wǎng)頁(yè)編輯窗格中的標(biāo)簽選項(xiàng)卡發(fā)生了變化,說(shuō)明我們可以11/3頁(yè)對(duì)已經(jīng)打開(kāi)的網(wǎng)頁(yè)文件進(jìn)行編輯了。2、選擇我們已經(jīng)輸入的文字“我的個(gè)人主頁(yè)”,在“樣式”列表框中選擇“標(biāo)題1”,在【格式】工具欄中選擇“居中排列”,選擇字色為“藍(lán)色”。我們可以像修飾Word文字一樣修飾這些文字。3、選擇第二行文字,字號(hào)“3?12磅?”,顏色為綠色;選擇第三行文字,字號(hào)為“4?14磅?”,顏色為“紅色”。4、選定下兩行文字,單擊【格式】工具欄中的“居中”按鈕。5、單擊【常用】工具欄中的“保存”按鈕,完成主頁(yè)文字的編輯。到此為止,我們就編輯好了一個(gè)簡(jiǎn)單網(wǎng)頁(yè)了。三、技能練習(xí):1、單擊【常用】工具欄中的“新建普通網(wǎng)頁(yè)”按鈕,我們看到產(chǎn)生了一個(gè)新的網(wǎng)頁(yè)名標(biāo)簽選項(xiàng)卡。這個(gè)臨時(shí)網(wǎng)頁(yè)的文件名是new_page_1.htm.在其中輸入并修飾自我介紹的內(nèi)容。2、單擊【常用】工具欄中的“保存”按鈕,在打開(kāi)的【另存為】對(duì)話框中,修改文件名為my.htm。同時(shí)可點(diǎn)擊【更改標(biāo)題】,在彈出的【設(shè)置網(wǎng)頁(yè)標(biāo)題】對(duì)話框中修改網(wǎng)頁(yè)標(biāo)題為“自我介紹”。22/3頁(yè)然后點(diǎn)擊【保存】按鈕。這是我們看到了新建的網(wǎng)頁(yè)標(biāo)簽選項(xiàng)卡的名字由原來(lái)的臨時(shí)網(wǎng)頁(yè)文件名變成了my.htm,文件夾列表窗格中也產(chǎn)生了一個(gè)對(duì)應(yīng)的網(wǎng)頁(yè)文件。一個(gè)新的網(wǎng)頁(yè)文件就這樣創(chuàng)建好了。四、開(kāi)動(dòng)腦筋:1、在FrontPage 2003中輸入文字時(shí),要換行時(shí)應(yīng)該怎么做呢?2、文字的大小除了通過(guò)選擇字號(hào)進(jìn)行設(shè)置外,我們可不可以自己編輯字號(hào)的大小呢?1、 單擊“新建”2、 輸入文字3、 設(shè)置“字體”和“樣式”4、 新建普通網(wǎng)頁(yè)
怎樣做一個(gè)簡(jiǎn)易的網(wǎng)頁(yè)?
做一個(gè)簡(jiǎn)易的普通網(wǎng)頁(yè)比較容易。當(dāng)然,制作的方法有好幾種,有的是直接寫代碼、有的是用繪圖軟件繪制頁(yè)面再導(dǎo)出網(wǎng)頁(yè)、常用的是使用網(wǎng)頁(yè)制作軟件做網(wǎng)頁(yè)。下面以普通靜態(tài)網(wǎng)頁(yè)常規(guī)制作方法為例說(shuō)明制作步驟: 1、如果會(huì)寫代碼,直接用記事本就可以做出網(wǎng)頁(yè)。如果不會(huì)寫代碼,請(qǐng)?jiān)陔娔X里安裝網(wǎng)頁(yè)制作軟件,推薦安裝:Macromedia Dreamweaver,簡(jiǎn)稱DW,這是目前比較流行的網(wǎng)頁(yè)制作軟件,功能強(qiáng)大。也可以安裝Microsoft Office FrontPage,這個(gè)是Office辦公軟件中的一個(gè)組件,初學(xué)者很容易上手,就像使用word一樣方便。不過(guò)這款軟件比較古老,最新版本是Microsoft Office FrontPage2003,目前已被淘汰,不再升級(jí)。 2、在電腦中選擇一個(gè)盤(建議不要選擇c盤),新建一個(gè)存放網(wǎng)頁(yè)的文件夾,文件夾名字隨意取,然后在存放網(wǎng)頁(yè)的文件夾里面再建幾個(gè)子文件夾:包括圖片文件夾、聲音文件夾、視頻文件夾、LASH文件夾等(根據(jù)自己需要建立文件夾)。 3、打開(kāi)網(wǎng)頁(yè)制作軟件DW,新建一個(gè)站點(diǎn),新建站點(diǎn)步驟按系統(tǒng)提示操作。 4、新建主頁(yè)、布局主頁(yè)、制作導(dǎo)航欄、添加欄目,輸入想要的內(nèi)容。 5、制作子頁(yè),并與主頁(yè)導(dǎo)航欄欄目鏈接。制作完成后打開(kāi)主頁(yè)預(yù)覽,逐步修改完善。 6、如果要想網(wǎng)頁(yè)漂亮且有個(gè)性,就需要圖像、動(dòng)畫等元素來(lái)裝飾。 以上是制作普通靜態(tài)網(wǎng)頁(yè)的基本步驟。
簡(jiǎn)單網(wǎng)頁(yè)制作
一、FrontPage 2003簡(jiǎn)介FrontPage 2003是由Microsoft公司推出的Office 2003組件之一。FrontPage 2003的啟動(dòng)與退出、文件的打開(kāi)與保存與Office系列中其他軟件相同。FrontPage 2003啟動(dòng)后,主窗口如圖6-61所示,菜單部分外貌與Office中的其他軟件相似。與以往的版本相比,F(xiàn)rontPage 2003有以下幾個(gè)新功能:(1)自定義瀏覽器分辨率預(yù)覽檢查;(2)描摹圖像;(3)層功能;(4)插入交互式按鈕;(5)行為的應(yīng)用;(6)使用網(wǎng)頁(yè)重定向;圖6-61 FrontPage 2003啟動(dòng)界面圖6-62“新建”任務(wù)窗格(7)檢查網(wǎng)頁(yè)錯(cuò)誤;(8)優(yōu)化HTML代碼;(9)規(guī)劃頁(yè)面布局。二、制作簡(jiǎn)單網(wǎng)頁(yè)我們?cè)谇懊嬉呀?jīng)學(xué)會(huì)了用Word進(jìn)行排版,其實(shí)你已經(jīng)會(huì)制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)了,只需將原來(lái)排好的Word文檔,另存時(shí)選擇保存類型為“Web頁(yè)(*.htm;*.html)”就可保存為一個(gè)網(wǎng)頁(yè)文件。下面我們用FrontPage 2003制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)。步驟如下:1.啟動(dòng)FrontPage 2003選擇“開(kāi)始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令,打開(kāi)如圖6-61所示的界面。圖6-63 新的空白的網(wǎng)頁(yè)圖6-64“網(wǎng)頁(yè)模板”對(duì)話框2.建立新網(wǎng)頁(yè)選擇“文件”/“新建…”菜單命令,打開(kāi)“新建”任務(wù)窗格,如圖6-62所示。單擊“空白網(wǎng)頁(yè)”,也可以通過(guò)工具欄上的“新建”按鈕建立一個(gè)新的空白的網(wǎng)頁(yè)。如圖6-63所示。如果要根據(jù) Microsoft FrontPage 的模板創(chuàng)建網(wǎng)頁(yè),單擊“其他網(wǎng)頁(yè)模板”,打開(kāi)如圖6-64所示的“網(wǎng)頁(yè)模板”對(duì)話框,再單擊所需模板類型的選項(xiàng)卡,然后單擊某個(gè)模板。3.輸入如下內(nèi)容圖6-654.編輯操作網(wǎng)頁(yè)中的文本編輯操作與Word的編輯操作類似。本例中,將“我的第一個(gè)網(wǎng)頁(yè)”應(yīng)用“標(biāo)題一”樣式,并設(shè)為隸書,水平居中;將“你好!歡迎光臨”應(yīng)用“標(biāo)題二”樣式,將其余內(nèi)容應(yīng)用“普通”樣式,并將行距設(shè)為“1.5倍行距”,設(shè)置完成后效果如圖6-65所示。5.保存網(wǎng)頁(yè)文件選擇“文件”/“保存”命令,彈出“另存為”對(duì)話框,指定保存位置和文件名,然后單擊“保存”按鈕即可完成操作。三、制作多媒體個(gè)人主頁(yè)我們以制作一個(gè)簡(jiǎn)易的個(gè)人網(wǎng)站為例,進(jìn)一步學(xué)習(xí)使用FrontPage 2003。1.規(guī)劃網(wǎng)站規(guī)劃包括規(guī)劃網(wǎng)站的風(fēng)格、網(wǎng)站的結(jié)構(gòu)和網(wǎng)站的配色等,是對(duì)網(wǎng)站的整體定位。本例設(shè)置了6個(gè)欄目,包括首頁(yè)、自薦信、個(gè)人簡(jiǎn)歷、榮譽(yù)證書、才藝展示、聯(lián)系方式,鏈接的文件名分別為index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。當(dāng)然也可以結(jié)合自己情況進(jìn)行修改。頁(yè)面布局如圖6-66所示。2.建立網(wǎng)站在FrontPage 2003中,所謂網(wǎng)站,就是一些網(wǎng)頁(yè)和程序的集合,各個(gè)網(wǎng)頁(yè)之間通過(guò)超鏈接聯(lián)系在一起,所有的網(wǎng)頁(yè)和文件保存在一個(gè)文件夾中,通過(guò)網(wǎng)站把這些文件和網(wǎng)頁(yè)統(tǒng)一起來(lái)。本地網(wǎng)站是指本地硬盤上用來(lái)存放整個(gè)網(wǎng)站的所有文檔的文件夾。遠(yuǎn)程網(wǎng)站是指網(wǎng)絡(luò)服務(wù)器上的網(wǎng)站,供用戶瀏覽。建立一個(gè)新網(wǎng)站,事實(shí)上就是建立一個(gè)單獨(dú)的文件夾,然后在這個(gè)文件夾中建立各個(gè)網(wǎng)頁(yè)文件,并且把它們鏈接在一起。網(wǎng)頁(yè)制作可以在新建網(wǎng)站中完成,也可以像前面那樣單獨(dú)新建一個(gè)網(wǎng)頁(yè)。建議用新建網(wǎng)站的方法來(lái)制作網(wǎng)頁(yè)。下面我們首先創(chuàng)建新的FrontPage網(wǎng)站:(1)在“文件”菜單上,單擊“新建”,出現(xiàn)如圖 6-66 所示的“新建”任務(wù)窗格。圖6-66(2)在“新建”任務(wù)窗格中,單擊“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站”。(3)在“網(wǎng)站模板”對(duì)話框中,在“常規(guī)”選項(xiàng)卡下,單擊需要的網(wǎng)站模板,本例選擇“只有一個(gè)網(wǎng)頁(yè)的網(wǎng)站”,并在指定新網(wǎng)的位置欄中,鍵入或選擇新網(wǎng)的路徑及名稱,這里我們將默認(rèn)的mysite改為myhome,如圖6-67所示,然后單擊“確定”按鈕,出現(xiàn)創(chuàng)建新網(wǎng)站對(duì)話框,完成站點(diǎn)創(chuàng)建,完成后如圖6-68所示。左邊一列是文件夾列表,可以通過(guò)右鍵快捷菜單新建文件夾,對(duì)文件或文件夾進(jìn)行復(fù)制、刪除、重命名等操作。圖6-67“網(wǎng)站模板”對(duì)話框圖6-683.準(zhǔn)備素材將本例所需的圖片動(dòng)畫素材復(fù)制到網(wǎng)站內(nèi)的images文件夾下。4.制作主頁(yè)頁(yè)眉在“網(wǎng)頁(yè)”視圖中的文檔窗口底部,單擊“設(shè)計(jì)” 。在文件夾列表中雙擊index.htm,打開(kāi)該網(wǎng)頁(yè)并進(jìn)入編輯狀態(tài),開(kāi)始首頁(yè)制作。(1)設(shè)置網(wǎng)頁(yè)大小 在“視圖”菜單上,指向“網(wǎng)頁(yè)大小”,單擊 設(shè)置網(wǎng)頁(yè)大小。(2)設(shè)置網(wǎng)頁(yè)背景在“網(wǎng)頁(yè)”視圖中的文檔窗口底部,單擊“設(shè)計(jì)” ,右擊網(wǎng)頁(yè)編輯區(qū),在彈出菜單中單擊“網(wǎng)頁(yè)屬性”項(xiàng),彈出“網(wǎng)頁(yè)屬性”對(duì)話框,在標(biāo)題框內(nèi)輸入“歡迎訪問(wèn)小慧的個(gè)人電子簡(jiǎn)歷”;單擊“格式”選中格式選項(xiàng)卡,選中背景欄下的“背景圖片”,并單擊“瀏覽”按鈕選擇背景圖片。如圖6-69所示。單擊“確定”按鈕完成網(wǎng)頁(yè)背景設(shè)置。也可在“格式”菜單上單擊“背景”來(lái)設(shè)置。(3)插入一個(gè)一行兩列的表格 方法與在Word中插入表格相同。在顯示設(shè)計(jì)視圖模式下,通過(guò)常用工具欄的“插入表格”按鈕,或在“插入”菜單上,指向“插入”,在級(jí)聯(lián)菜單中單擊“表格”;右擊插入的表格,在彈出菜單中單擊“表格屬性”,并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0,如圖6-70所示,單擊“確定”按鈕。圖6-69 網(wǎng)頁(yè)屬性圖6-70 表格屬性(4)在第一個(gè)單元格內(nèi)插入圖片 將插入點(diǎn)放在第一個(gè)單元格,在“插入”菜單上,指向“圖片”,再單擊“來(lái)自文件”。找到要添加的文件(網(wǎng)站下images文件夾下的logo.gif),如圖6-71所示,然后單擊“插入”。更簡(jiǎn)單的方法是從文件夾列表拖動(dòng)圖片文件到編輯區(qū)指定的位置即可。(5)在第二個(gè)單元格內(nèi)插入Flash動(dòng)畫 單擊第二個(gè)單元格,在“插入”菜單上,指向“圖片”,再單擊“Flash影片”。彈出與圖6-71相似的“選擇文件”對(duì)話框,找到要添加的文件(網(wǎng)站下images文件夾下的banner_007.swf),然后單擊“插入”。(6)在第一個(gè)表格下插入一個(gè)1行1列的表格 同樣將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0,設(shè)置好背景顏色,本例是選的其他顏色,如圖6-72所示,在“值”文本框中輸入Hex={C1,E8,C9}。(7)制作滾動(dòng)字幕 在第二個(gè)表格的單元格內(nèi)單擊,在“插入”菜單上,單擊“Web組件”,彈出插入Web組件對(duì)話框,默認(rèn)選中的是字幕,因此單擊“完成”按鈕,彈出字幕屬性對(duì)話框,在“文本”框內(nèi)輸入:衷心感謝您垂閱我的簡(jiǎn)歷,單擊“確定”按鈕。如圖6-73所示。圖6-71 插入圖片對(duì)話框圖6-72“其他顏色”對(duì)話框5.制作正文和頁(yè)腳(1)在第二個(gè)表格下插入一個(gè)1行2列的表格,同樣將單元格襯距、單元格間距設(shè)為0,但粗細(xì)設(shè)為1,暗邊框設(shè)為白色,亮邊框則設(shè)為其他顏色,在如圖6-72所示的“值”文本框中輸入Hex={99,CC,F(xiàn)F}。(2)設(shè)置單元格背色。右擊此表格的第一個(gè)單元格,在彈出菜單中單擊“單元格屬性”,彈出如圖6-74所示的對(duì)話框,背景設(shè)為其他顏色,在如圖6-72所示的“值”文本框中輸入Hex={F1,F(xiàn)5,F(xiàn)C}。同樣方法將第二個(gè)單元格設(shè)為白色。圖6-73 字幕屬性對(duì)話框圖6-74 單元格屬性(3)調(diào)整單元格寬度,使之與第一個(gè)表格相同。(4)在第一個(gè)單元格內(nèi)插入一個(gè)8行1列的表格,并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0。在單元格屬性中將單元格對(duì)齊屬性設(shè)為水平居中,垂直居中,行高調(diào)整為40。在剛插入的表格第二行內(nèi)插入圖片homepage.gif,并在其后輸入“首 頁(yè)”;在第三行內(nèi)插入圖片sub_dot.gif,并在其后輸入“自 薦信”,后面四行插入的圖片均為sub_dot.gif,輸入的文字依次為“個(gè)人簡(jiǎn)歷”、“榮譽(yù)證書”、“才藝展示”、“聯(lián)系方式”。(5)在表格三的第二個(gè)單元格內(nèi)插入一個(gè)3行3列的表格,并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0。將中間一列調(diào)寬一些。在該表格第一行第二列中輸入“自薦信”,在第二行第二列輸入自薦信的內(nèi)容。設(shè)為1.5倍行距。(6)在表格三后面插入一個(gè)2行1列的表格,并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0;并且第一個(gè)單元格背景色設(shè)為與表格二背景色相同,在第二個(gè)單元格內(nèi)輸入“聯(lián)系電話:023-683568XX E-mail:xiaohui@163.com”并設(shè)為居中。6.鏈接網(wǎng)站文件選中要建立超鏈接的文字或圖像,單擊常用工具欄中的“插入超鏈接”按鈕或在“插入”菜單上單擊“超鏈接”,或者是右擊選中區(qū)域并單擊“超鏈接”,均可打開(kāi)“插入超鏈接”對(duì)話框。如圖6-75所示。圖6-75“插入超鏈接”對(duì)話框(1)選中“首頁(yè)”,單擊常用工具欄中的 按鈕,在打開(kāi)的如圖6-75所示的“插入超鏈接”對(duì)話框中,在“地址”框內(nèi)輸入index.htm,并單擊“確定”按鈕。(2)用同樣的方法將“自薦信”鏈接到zijian.htm、“個(gè)人簡(jiǎn)歷”鏈接到j(luò)ianli.htm、“榮譽(yù)證書”鏈接到zhengshu.htm、“才藝展示”鏈接到zhanshi.htm、“聯(lián)系方式”鏈接到lianxi.htm。7.保存文件,按F12鍵預(yù)覽網(wǎng)頁(yè)四、制作本網(wǎng)站內(nèi)其他頁(yè)面首先在文件夾列表中將 index.htm 復(fù)制 5個(gè),分別重命名為 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需將每個(gè)文件中自薦信部分修改為相應(yīng)內(nèi)容即可,頁(yè)眉、超鏈接欄和頁(yè)腳均不變。五、網(wǎng)站發(fā)布當(dāng)我們完成上述內(nèi)容后,需將制作的網(wǎng)頁(yè)發(fā)布到Internet上的Web服務(wù)器中,才能供網(wǎng)上的訪問(wèn)者瀏覽。首先要到Internet服務(wù)提供商(ISP)那里申請(qǐng)購(gòu)買存放網(wǎng)頁(yè)的空間和域名,以前有很多網(wǎng)站(如網(wǎng)易等)都提供免費(fèi)的個(gè)人主頁(yè)存放空間,現(xiàn)在相對(duì)較少了,中國(guó)學(xué)生網(wǎng)仍在提供50M免費(fèi)空間服務(wù),大家可到http://web.6to23.com/去申請(qǐng)一個(gè)免費(fèi)空間。發(fā)布網(wǎng)站可以使用專門的FTP工具。但為了給用戶提供方便,F(xiàn)rontPage 2003內(nèi)置了網(wǎng)頁(yè)發(fā)布功能,利用它,只需進(jìn)行簡(jiǎn)單的設(shè)置,就可以輕松地完成網(wǎng)站發(fā)布任務(wù)。FrontPage 2003中的遠(yuǎn)程網(wǎng)站視圖可以幫助我們將整個(gè)網(wǎng)站或單獨(dú)的文件和文件夾發(fā)布到任何位置:擴(kuò)展的 Web 服務(wù)器、支持文件傳輸協(xié)議(FTP)或基于 Web 的分布式創(chuàng)作和版本控制(WebDAV)的Web服務(wù)器或文件系統(tǒng)中的某個(gè)位置。下面我們利用FrontPage 2003及文件傳輸協(xié)議(FTP)發(fā)布網(wǎng)站,步驟如下:1.打開(kāi)FrontPage網(wǎng)站在“文件”菜單中單擊“打開(kāi)網(wǎng)站”或單擊工具欄上的“打開(kāi)”按鈕邊上的下拉標(biāo)志,從下拉菜單中選“打開(kāi)網(wǎng)站”,在彈出的“打開(kāi)網(wǎng)站”對(duì)話框中找到需要打開(kāi)的網(wǎng)站并單擊“打開(kāi)”按鈕。2.轉(zhuǎn)至“遠(yuǎn)程網(wǎng)站”視圖若要轉(zhuǎn)至該視圖,請(qǐng)單擊“網(wǎng)站”選項(xiàng)卡,然后單擊窗口底部的“遠(yuǎn)程網(wǎng)站”按鈕?;蛟凇耙晥D”菜單上,單擊“遠(yuǎn)程網(wǎng)站”。如圖6-76所示。3.設(shè)置“遠(yuǎn)程網(wǎng)站屬性”在文檔窗口頂部,單擊“遠(yuǎn)程網(wǎng)站屬性”。在彈出的對(duì)話框中,在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡上,在“遠(yuǎn)程 Web服務(wù)器類型”下,單擊“FTP”。在“遠(yuǎn)程網(wǎng)站位置”框中,鍵入自己所選定的遠(yuǎn)程網(wǎng)站的地址及 FTP 協(xié)議(本例中輸入“ftp://125.91.6.75”),如圖6-77所示。單擊“確定”按鈕,在打開(kāi)的“要求提供用戶名和密碼”對(duì)話框中輸入ISP提供的用戶名和密碼,單擊“確定”按鈕。如圖6-78所示。圖6-76圖6-774.發(fā)布網(wǎng)站通過(guò)單擊窗口右下角的“發(fā)布網(wǎng)站”按鈕即可發(fā)布所有文件。也可發(fā)布單個(gè)文件,在本地網(wǎng)站選擇一個(gè)文件,然后單擊“本地到遠(yuǎn)程”按鈕 。如圖6-79所示。圖6-78圖6-79
本文標(biāo)簽: 網(wǎng)頁(yè) 文件
蘇州建站公司 杭州網(wǎng)站建設(shè) 廣州建網(wǎng)站 唐山網(wǎng)站建設(shè) 鄂爾多斯企業(yè)建站 鄭州企業(yè)建站 長(zhǎng)沙網(wǎng)站建設(shè) 石家莊做網(wǎng)站 徐州建網(wǎng)站
天門網(wǎng)站制作 恩施網(wǎng)站制作 鐘祥網(wǎng)站設(shè)計(jì) 洪湖網(wǎng)站制作 當(dāng)陽(yáng)網(wǎng)站設(shè)計(jì) 武穴網(wǎng)站建設(shè) 襄陽(yáng)做網(wǎng)站 鄂州企業(yè)建站 枝江網(wǎng)頁(yè)制作