計算機個人網(wǎng)站設(shè)計論文_第1頁
計算機個人網(wǎng)站設(shè)計論文_第2頁
計算機個人網(wǎng)站設(shè)計論文_第3頁
計算機個人網(wǎng)站設(shè)計論文_第4頁
計算機個人網(wǎng)站設(shè)計論文_第5頁
已閱讀5頁,還剩10頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

計算機個人網(wǎng)站設(shè)計論文淺談計算機個人網(wǎng)站建設(shè)及運用13級計算機劉潤摘要:個人網(wǎng)站在現(xiàn)在的個人生活中可以起到非常重要的作用,本文主要介紹了個人網(wǎng)站設(shè)計規(guī)劃,庫文件和模板文件的制作,利用模板制作網(wǎng)頁,制作網(wǎng)頁特效的制作并使用ASP+IIS+Access技術(shù)實現(xiàn)了我的網(wǎng)站的各種功能,其中和數(shù)據(jù)庫的連接使用到了ODBC技術(shù)等。通過此次的學習能快速掌握個人網(wǎng)站設(shè)計制作的基本技巧和基本網(wǎng)站建設(shè)過程。關(guān)鍵詞:網(wǎng)站;網(wǎng)頁制作;模版引言在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們的政治、經(jīng)濟、生活等方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的,獲取信息也是要在Internet海洋中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)居Internet應(yīng)用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設(shè)、個人網(wǎng)站建設(shè)中的重要組成部分,從而倍受人們的重視。個人網(wǎng)站已成為同學們討論最熱門的話題,適用于想通過建立網(wǎng)站交友、突出自我個性的廣大網(wǎng)站制作愛好者。主要介紹了個人網(wǎng)站設(shè)計規(guī)劃,庫文件和模板文件的制作,利用模板制作網(wǎng)頁,制作網(wǎng)頁特效的制作等。通過此次的學習能快速掌握個人網(wǎng)站設(shè)計制作的基本技巧和基本網(wǎng)站建設(shè)過程。首頁中主要涉及了個人簡介,照片匣子,我的作品,友情鏈接等。一、個人網(wǎng)站設(shè)計規(guī)劃隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展,越來越多的個人擁有了自己的網(wǎng)站,為了設(shè)計一個有效的,引人注目的站點,應(yīng)該有計劃,有步驟地完成一系列操作。在動手建立網(wǎng)站以前,對網(wǎng)頁進行完整,詳盡的整體設(shè)計是至關(guān)重要的。個人網(wǎng)站設(shè)計制作主要包括以下幾個步驟。(一)確定網(wǎng)站的主題對于主題的選擇主要按下列三個條件去考慮,本例所講的是一個個人介紹性質(zhì)的網(wǎng)3.單擊【確定】按鈕,即可插入圖像。4.選擇【文件】|【另存為】命令,彈出【另存為】對話框,在【文件名】文本框中輸入文件名3.lbi,在【保存類型】中選擇【庫文件(*lbi)。5.單擊【保存】按鈕,至此庫文件制作完成。(二)制作模板使用模板創(chuàng)建文檔可使站點具有統(tǒng)一的結(jié)構(gòu)和外觀,。無論是新建站點還是更新已有站點,如果要使站點中的所有頁面都共有某種特色,則模板非常有用。使用模板可以個次修改若干頁面,而不用對新頁面逐個設(shè)置屬性。制作模板具體步驟如下。1.選擇【文件】|【新建】命令,彈出【新建文檔】對話框,在【常規(guī)】選項卡中選擇【模板頁】類別中的【HTML模板】選項。如圖4-1.圖4-1HTML模板2.單擊【創(chuàng)建】按鈕,創(chuàng)建一空白模板網(wǎng)頁。選擇【窗口】|【資源】命令,打開資源面板,在資源面板中選擇images/bj_01.jpg文件。如圖4-2圖4-2打開文件3.單擊【插入】按鈕,即可插入庫文件。4.將光標置于庫文件的下邊,選擇【插入】|【表格】命令,彈出【表格】對話框,并設(shè)置【行數(shù)】、【列數(shù)】,【表格寬度】設(shè)置為1005像素,單擊【確定】按鈕即可插入需要的表格。5.將光標置于第1行單元格中單擊鼠標面板中【背景圖像】文本框右邊的圖標,彈出【選擇圖像源文件】對話框,從中選擇圖像文件夾中的images/bj_01.jpg文件,如圖4-3所示.圖4-3選擇文件6.單擊【確定】按鈕,即可插入背景圖像7.用PHOTOSHOPCS2制作圖片Bj-04.jpg,如圖4-4圖4-4制作圖片8.按需要分別插入圖片,使其組合成一個完整的頁面背景.9.預(yù)覽,效果如圖4-5所示圖4-5效果圖(三)設(shè)置模板可編輯區(qū)1.接上一節(jié),將鼠標置于文檔想創(chuàng)建可編輯區(qū)域的位置。2.選擇【插入】|【模板對象】|【可編輯區(qū)域】命令,彈出【新建可編輯區(qū)域】對話框,在對話框中,將【名稱】設(shè)置為index_1,如圖4-6所示.圖4-6創(chuàng)建可編輯區(qū)域3.單擊【確定】按鈕,即可創(chuàng)建可編輯區(qū)域,如圖4-7所示.圖4-7可創(chuàng)建區(qū)域(四)用模板制作網(wǎng)頁說明可以利用模板快速的制作出大量的風格類似的網(wǎng)頁,當模板改變時,所有基于模板的網(wǎng)頁也隨之改變,這樣能有效的實現(xiàn)網(wǎng)站的更新。四、利用模板制作網(wǎng)頁(一)制作登錄主頁1.切換到【顯示代碼視窗】,在代碼視圖狀態(tài)下,在<body>和</body>之間輸入以下代碼:<bodybottommargin="0"leftmargin="0"rightmargin="0"topmargin="0"><tablewidth="1005"border="0"cellpadding="0"cellspacing="0"><!--DWLayoutTable--><tr><fontface="宋體"size="3"color="#33CC66">賬號:</font><inputtype="text"name="name"size="18"maxlength="20"/><fontface="宋體"color="#33CC66">密碼:</font><inputtype="password"name=""size="15"maxlength="20"/><inputtype="button"name=buttonvalue="登陸"/></form> </td></tr><tr><marqueedirection=leftbehavior=scrollscrollamount="3"scrolldelay=6bacolor=#aaeeaa><fontface=宋體color="#009933"size="2">歡迎大家光臨我的網(wǎng)站!</font></marquee> </td></tri><tr><tdheight="67"colspan="5"valign="top"background="images/images/bj_11.jpg"><!--DWLayoutEmptyCell--> </td></tr></table></body>2.按F12鍵,在彈出的對話框中點擊【確定】按鈕,在瀏覽器中預(yù)覽效果如圖5-1所示:圖5-1效果預(yù)覽圖(二)利用模板制作“照片匣子“頁面制作新頁面“照片匣子”,然后插入到可編輯區(qū)域中,預(yù)覽效果如圖5-2。圖5-2添加圖片后的效果預(yù)覽圖(三)利用模板制作“我的作品“頁面制作新頁面“我的作品”,然后插入到可編輯區(qū)域中,預(yù)覽效果如圖5-3.圖5-3效果預(yù)覽圖(四)利用模板制作“經(jīng)典搞笑“頁面制作新頁面“經(jīng)典搞笑”,然后插入到可編輯區(qū)域中,預(yù)覽效果如圖5-4.圖5-4效果預(yù)覽圖(五)利用模板制作“友情鏈接“頁面制作新頁面“友情鏈接”,然后插入到可編輯區(qū)域中,預(yù)覽效果如圖5-5.圖5-5效果預(yù)覽圖(六)利用模板制作“另類下載“頁面制作新頁面“另類下載”,然后插入到可編輯區(qū)域中,預(yù)覽效果如圖5-6。圖5-6效果預(yù)覽圖六、總結(jié)本文主要通過此次的學習能快速掌握個人網(wǎng)站設(shè)計制作的基本技巧和基本網(wǎng)站建設(shè)過程。個人網(wǎng)站設(shè)計規(guī)劃,庫文件和模板文件的制作,利用模板制作網(wǎng)頁,制作網(wǎng)頁特效的制作等參考文獻[1]網(wǎng)頁設(shè)計弘博軟件工程師研修計劃教材2011年[2]Photoshop圖形圖象處理弘博數(shù)碼設(shè)

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論