個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)_畢業(yè)設(shè)計(jì)論文-在線瀏覽
2024-10-23 10:11本頁面
【正文】 Intel Pentium II處理器或等效處理器，主頻 300MHz或更高。 分辨率可達(dá) 800 600像素的 256色顯示器（建議顏色為百萬顏色，分辨率達(dá)到 102 4 768像素）。 檢查一下您的計(jì)算機(jī)，看是否具備了以上條件。如果不能自動(dòng)運(yùn)行，可以找到光盤放入光驅(qū)，安裝程序會自 動(dòng)運(yùn)行。 Dreamweaver的安裝比較容易，幾乎可以自動(dòng)完成。 操作步驟： 將安裝光盤放入光驅(qū)，安裝程序自動(dòng)運(yùn)行，并出現(xiàn)安裝界面。所有的安裝 會自動(dòng)完成。單擊“下一步”按鈕，繼續(xù)安裝過程。也可以在下面的“目 錄”中選擇其它的文件夾，設(shè)置完后，單擊“確定”，回到“選擇目的地址”對話框， 單擊“下一步”繼續(xù)。如果希望讓 Dreamweaver M X成為下面所列文件類型的默認(rèn)編輯器，那么可以在這里做選擇。 出現(xiàn)“開始復(fù)制文件”對話框，單擊“下一步”安裝程序開始復(fù)制文件，過幾 分鐘后，安裝結(jié)束，單擊“結(jié)束”按鈕，結(jié)束安裝。安裝程序已經(jīng)自動(dòng)在“開始”菜單中加入 了快捷方式。 創(chuàng)建快捷方式 使用“開始”菜單啟動(dòng)程序的過程比較煩瑣。 具體實(shí)現(xiàn)方法是 ：在“開始”菜單中找到相應(yīng)程序的快捷方式，不過這是不要用 鼠標(biāo)左鍵單擊，而是用右鍵按住向桌面拖動(dòng)，然后松開右鍵，會出現(xiàn)一個(gè)快捷菜單，在 其中可以選擇不同的命令，比如選擇“在當(dāng)前位置創(chuàng)建快捷方式”或“復(fù)制到當(dāng)前位置”。 制作網(wǎng)頁前的準(zhǔn)備 電腦必備： 電腦速度夠快，最好能夠上網(wǎng)。 標(biāo)題欄 Dreamweaver MX的“標(biāo)題欄”中將顯示文字“ Macromedia Dreamweaver MX”如果 打開網(wǎng)頁的話，在后面還會顯示該網(wǎng)頁的一些信息，如網(wǎng)頁標(biāo)題、所在位置及網(wǎng)頁名稱， 右邊有三個(gè)鈕，分別對應(yīng) Dreamweaver MX的最大化最小化和關(guān)閉的操作。單擊其中任意 一項(xiàng)菜單，隨即就會出現(xiàn)一個(gè)下拉式指令菜單。有些指令的右邊會有一個(gè) 小黑三角的標(biāo)記，它代表該指令還包含下一級的指令，鼠標(biāo)停留片刻即可顯示。 屬性面板 在網(wǎng)頁編輯窗口的下面還有一個(gè)面板，它是有名的“屬性面板”，它在這個(gè)軟件中 起到舉足輕重的作用。 站點(diǎn) 創(chuàng)建站點(diǎn) 創(chuàng)建站點(diǎn) 要制作一個(gè)網(wǎng)站，第一 步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，這樣可以使 整個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。 填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟?！? 單擊“下一步”，進(jìn)入下一個(gè)步驟。底下的文本框允許在本地磁盤上指定一個(gè)文件夾， Dreamweaver將在其 中儲存站點(diǎn)文件的本地副本。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。 而后“下一步”再“完成”，即可。 在“右側(cè)浮動(dòng)面板組”中選擇 “文件 /文件”面板，此時(shí)整個(gè)網(wǎng)站中沒有任何內(nèi)容。 在彈出的菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“ (或i ),它就是未來的首頁。執(zhí)行五次操作，新建五個(gè)文件夾，并把它們重命 名為 graph、 anim、 books、 music、 letter，分別對應(yīng)上面的五個(gè)大欄目。之后再次新建 1個(gè)文件夾，命名為 images,用來存放“所有的圖象文件”的 內(nèi)容。 設(shè)置首頁布局 每個(gè)網(wǎng)站都會有一個(gè)首頁，就功能上而言，它代表著一個(gè)網(wǎng)站的風(fēng)格與特色，就網(wǎng)站 架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其他 Web頁，原則上都必須通過 首頁來連接散播出去，可見首頁是 多么的重要。它是起什么名字通常要視 Server端 的設(shè)置，一般的有 , ，目前主要以 居多。 具體設(shè)置方法是：右健單擊“文件”浮動(dòng)面板中的 ,在彈出的菜單中選擇“設(shè) 成首頁”。“布局”模式中的表格稱為布局表格，單元格稱為布局單元格。直接單擊“布局”按鈕即可。 將變成“ +”形狀的鼠標(biāo)光標(biāo)放到編輯中網(wǎng)頁上，在要繪制的地方進(jìn)行拖動(dòng) 就可以進(jìn)行創(chuàng)建了。 在這里要繪制多個(gè)表格，可以再次單擊“布局表格”按紐進(jìn)行繪制，也可 以按住 Ctrl鍵繪制多個(gè)表格。右健單擊空白 區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修 改 /頁面屬性”項(xiàng)，也可以把打開該對話框?！白穳羧恕笔醉撛O(shè)置的屬性如下圖所示： 一個(gè)網(wǎng)頁 文件結(jié)構(gòu)上實(shí)際是由兩部分組成，頭（ head）內(nèi)容和主體（ body）內(nèi)容 主體內(nèi)容（ body）是文檔的主要部分，也是包含文本和圖像等的可見部分。 下面就以首頁為例，說明怎樣插入較常用的頭（ head）內(nèi)容。 插入圖像 圖像是網(wǎng)頁中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力 與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。由于網(wǎng)絡(luò)在傳輸上 的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關(guān)鍵就在 于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟(jì)于 事了。下面就來詳細(xì)介紹對網(wǎng)頁圖像進(jìn)行處理的 操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更 小。 左起第 5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第 1項(xiàng)“圖像”。從計(jì)算機(jī)磁盤中選擇想要插入的圖像文件， 或在 URL編輯框中輸入圖像的路徑和名稱。在這里我要插入的是網(wǎng)站標(biāo)志 logo，插入 l ogo圖象，如圖所示： 最后單擊“確定”按鈕，即可完成插入圖像的操作。 在 Dreamweaver MX 2020文檔中，可以插入媒體文件包括 Flash Shockwave影片、 QuickTime 、 AVI java、 applet Active X控件以及各種格式的音頻文件。其中， Inter Explorer通過 ActiveX控制來實(shí)現(xiàn)， Netscape Navigator則 是通過相應(yīng)的插件來實(shí)現(xiàn)的。 操場作步驟： 步驟 1 將光標(biāo)停留在要插入 Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下 拉列表，選擇其中的“常用”分類，右側(cè)將會顯示該類中可以插入的對象快捷 按鈕。 步驟 2 在彈出的對話框中選擇擴(kuò)展名為 swf 的 Flash文件，即可將其插入到 Dreamwe aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個(gè)窗口中 Flash文件的大小。在這最關(guān)鍵的因素。 插入文本的兩種方式 網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。這可以算是最基本的輸入方式了， 和一些文本編輯軟件（如 Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就 可以運(yùn)指如飛了。有些讀者可能不喜歡使用 Dreamweaver MX2020來進(jìn)行 打字的工作，而更習(xí)慣在專門的文本編輯軟件中快速打字，如 Microsoft Word和 Wind ows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁的文本的電子版本，那么我 們就可以直接使用 Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯 窗口來進(jìn)行排版的工作，具體步驟如下。 這在我的“網(wǎng)文精品”中用到很多，全部是在 word軟件中排好 ctrl+c,然后點(diǎn)擊要 粘貼的位置， crtl+v到 Dreamweaver即可。 “平面設(shè)計(jì)”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。 3. 建立網(wǎng)頁鏈接 網(wǎng)站實(shí)際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講 的內(nèi)容 網(wǎng)頁的“鏈接”。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。其中部分內(nèi)容在之前的章節(jié)中可能接觸過，這里將對其進(jìn)行更深入的講解。 接下來結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來講解如何為文字建立“鏈接”。 操作步驟 步驟 1 準(zhǔn)備好已經(jīng)制作完成的首頁的各個(gè)欄目頁面（假設(shè) 除了“鏈接”，其他內(nèi)容都 已經(jīng)制作完成了），該網(wǎng)站包含 6個(gè)欄目，這里的 5個(gè)欄目 “平面設(shè)計(jì)”、“動(dòng)畫 制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個(gè)人說明”為例來進(jìn)行講解。
高考資料相關(guān)推薦
鄂ICP備17016276號-1