圖像的基礎及多媒體世界大學城概要_第1頁
圖像的基礎及多媒體世界大學城概要_第2頁
圖像的基礎及多媒體世界大學城概要_第3頁
圖像的基礎及多媒體世界大學城概要_第4頁
圖像的基礎及多媒體世界大學城概要_第5頁
已閱讀5頁，還剩33頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

圖像的基礎及多媒體世界大學城概要本章要點網(wǎng)站草圖的設計站點的建立添加網(wǎng)頁基本元素超級鏈接基礎2.1站點概述和網(wǎng)站的整體規(guī)劃站點概述設計草圖圖像的基礎及多媒體世界大學城概要2.1.1站點概述1．站點的定義2．本地站點和遠端站點3．站點根目錄4．Internet服務程序圖像的基礎及多媒體世界大學城概要1．站點的定義站點是存放網(wǎng)站上所有文檔和文件的地方，是一系列文檔的組合，將各種信息制作成網(wǎng)頁，以超級鏈接的形式組織起來，利用瀏覽器用戶可以從一個文檔跳轉到另一個文檔，并通過這樣的操作實現(xiàn)對整個網(wǎng)站的瀏覽。圖像的基礎及多媒體世界大學城概要2．本地站點和遠端站點本地站點對于瀏覽網(wǎng)頁的用戶來說，他們所使用的計算機被稱為本地計算機。我們把存放在本地計算機上的站點和相關文檔稱為本地站點。遠端站點在因特網(wǎng)上瀏覽的各種網(wǎng)站，實際上是用瀏覽器打開存放在遠程服務器上的相關站點和文檔，我們把這樣的站點和相關文檔稱為遠端站點。圖像的基礎及多媒體世界大學城概要3．站點根目錄若站點文件較多，通常在站點根目錄中創(chuàng)建幾個子文件夾，將所有相關文件分門別類存放在子文件夾中。若站點的文件較少，只用一個站點根目錄即可。網(wǎng)站上所有的資源都保存在站點內(nèi)。站點的文件夾通常包括：gif,images,sound,video,css,file.圖像的基礎及多媒體世界大學城概要4．Internet服務程序在本地機上安裝Internet服務程序，可以將本地計算機與Internet服務器合二為一，不需要連入Internet就能測試站點。對于ASP而言，微軟公司的IIS是必不可少的Internet服務程序。圖像的基礎及多媒體世界大學城概要2.1.2設計草圖制作主頁前需要總體規(guī)劃一下網(wǎng)站的結構。根據(jù)原始素材來確定網(wǎng)站需要制作的內(nèi)容。在網(wǎng)站草圖中的每一個模塊下還可以再擴充內(nèi)容。網(wǎng)站的首頁文件名通常是：index.html或default.html，通過設置也可以改為其它文件名。圖像的基礎及多媒體世界大學城概要例如：小慧的作品很多，需要分類。在制作網(wǎng)站前先畫出網(wǎng)站的草圖。圖像的基礎及多媒體世界大學城概要2.2站點的建立1．站點建立的步驟2．文件夾的建立3．網(wǎng)頁文件的創(chuàng)建圖像的基礎及多媒體世界大學城概要1．站點建立的步驟圖像的基礎及多媒體世界大學城概要2．文件夾的建立圖像的基礎及多媒體世界大學城概要3．網(wǎng)頁文件的創(chuàng)建圖像的基礎及多媒體世界大學城概要2.3頁面的架構2.3.1視圖概述2.3.2表格的簡介2.3.3圖像基本操作簡介2.3.4文本的概述2.3.5水平線和日期2.3.6背景圖片和背景音樂圖像的基礎及多媒體世界大學城概要2.3.1視圖概述【代碼】【顯示代碼視圖】可以直接編輯網(wǎng)頁源代碼；【設計】【顯示設計視圖】能方便我們美化網(wǎng)頁和合理地布局網(wǎng)頁；【拆分】【顯示代碼視圖和設計視圖】讓我們能夠更好地理解源代碼，提高編程能力。圖像的基礎及多媒體世界大學城概要2.3.2表格的簡介圖像的基礎及多媒體世界大學城概要表格的基本屬性如下：【行數(shù)】確定行數(shù)；【列數(shù)】確定列數(shù)；【表格寬度】設置表格的寬度，有“像素”和“百分比”兩個選項，一般選擇【像素】?！具吙虼旨殹恳浴跋袼亍睘閱挝辉O置表格邊框的寬度，輸入數(shù)字0就表示沒有邊框?！締卧襁吘唷恐竼卧駜?nèi)容和單元格邊框之間的距離，以“像素”為單位?！締卧耖g距】指單元格和單元格之間的距離，以“像素”為單位?！卷撁肌坑?種模式可以選擇。【輔助功能】可以輸入表格的標題、選擇標題的對齊模式、輸入摘要等信息。圖像的基礎及多媒體世界大學城概要例如：將行數(shù)和列數(shù)都設為2，表格寬度設為600，單元格邊距和單元格間距都設為30，其他不變，設置完后單擊【確定】按鈕。在第一個單元格內(nèi)輸入“文字”二字，就可以看到表格的效果。圖像的基礎及多媒體世界大學城概要2.3.3圖像基本操作簡介向表格中插入圖片的方法方法一：選擇“l(fā)ogo.gif”文件，按住鼠標左鍵不放，將其拖曳到單元格中。方法二：將光標移到要插入圖像的位置，在【常用】工具欄中，單擊【圖像】按鈕。方法三：執(zhí)行【插入】|【圖像】命令，在彈出【選擇圖像源文件】對話框中選擇

“l(fā)ogo.gif”文件。圖像的基礎及多媒體世界大學城概要例如：將logo.gif插入表格的第1行第1列的單元格中。圖像的基礎及多媒體世界大學城概要文本的概述1．輸入網(wǎng)頁的標題2．插入特殊文本字符3．文本簡單的排版4．設置字體、顏色、大小、對齊方式和樣式5．頁面屬性圖像的基礎及多媒體世界大學城概要1．輸入網(wǎng)頁的標題首先給網(wǎng)頁加上一個標題——“小慧的家。圖像的基礎及多媒體世界大學城概要2．插入特殊文本字符切換到【插入】工具欄的【文本】項：單擊【字符】按鈕右邊的下拉按鈕進行選擇。單擊“回車換行符”右側的下拉按鈕，在彈出的菜單中選擇【其他字符】命令，在彈出的【插入其他字符】對話框中選擇特殊字符。選擇一種中文輸入法，右擊小鍵盤圖標，選擇菜單中的【特殊符號】，在彈出的特殊符號鍵盤上單擊特殊符號即可實現(xiàn)插入。圖像的基礎及多媒體世界大學城概要3．文本簡單的排版（一）解決行間距過大的方法：單擊文本工具欄中【字符】按鈕右邊的小三角按鈕，在彈出的菜單中選擇的【換行符】命令。或者將光標移動到要換行的位置，執(zhí)行【插入】|【HTML】|【特殊字符】|【換行符】命令；可以使用Shift+Enter快捷鍵。圖像的基礎及多媒體世界大學城概要3．文本簡單的排版（二）解決文章開頭空兩格的方法：單擊【字符】按鈕右邊的小三角按鈕，在彈出的菜單中選擇【不換行空格】命令；或者執(zhí)行【插入】|【HTML】|【特殊字符】|【不換行空格】命令；也可以使用快捷鍵Ctrl+Shift+Space。說明：每執(zhí)行一次該命令，只空半個漢字的位置。還可以選擇一種中文輸入法，將半角狀態(tài)切換到全角狀態(tài)，按一下空格就可以空出一個漢字的位置。圖像的基礎及多媒體世界大學城概要4．設置字體、顏色、大小、對齊方式和樣式選中網(wǎng)頁文件中的文字，通過調(diào)整【屬性】面板中各個參數(shù)可以改變文字的字體、顏色、大小和對齊方式。圖像的基礎及多媒體世界大學城概要例如：設置“小小故事——給予”標題的樣式圖像的基礎及多媒體世界大學城概要5．頁面屬性正文的文字可以通過【頁面屬性】來完成設置。執(zhí)行主菜單下【修改】|【頁面屬性】命令，打開【頁面屬性】對話框進行設置?；蛘邌螕簟緦傩浴棵姘迳系摹卷撁鎸傩浴堪粹o，打開【頁面屬性】對話框進行設置。圖像的基礎及多媒體世界大學城概要例如：將【頁面字體】設定為宋體，【大小】設定為16像素，【文本顏色】設定為藍色，將【左邊距】和【右邊距】都設定為20像素，【上邊距】和【下邊距】都設定為0像素。圖像的基礎及多媒體世界大學城概要水平線和日期插入水平線執(zhí)行【插入】|【HTML】|【水平線】命令，可以在編輯頁面中插入一個水平線。插入日期執(zhí)行【插入】|【日期】命令；或者單擊【常用】工具欄上的日期按鈕，在彈出的【插入日期】對話框中進行設置。圖像的基礎及多媒體世界大學城概要背景圖片和背景音樂插入背景圖片在【頁面屬性】對話框的【外觀】分類中，單擊【背景圖像】后面的【瀏覽】按鈕，選擇“images”目錄下的“back.gif”文件，單擊【確定】按鈕即可插入插入背景圖片。插入背景音樂切換到代碼視圖，在<head>與</head>之間加入<bgsoundsrc=“sound.mid”loop=“-1”>即可。loop=“-1”表示無限循環(huán)圖像的基礎及多媒體世界大學城概要圖像的基礎及多媒體世界大學城概要2.4超級鏈接簡介2.4.1URL概述2.4.2超級鏈接2.4.3路徑圖像的基礎及多媒體世界大學城概要

URL概述URL是UniformResoureLocator的縮寫，中文意思是“統(tǒng)一資源定位器”，指WWW網(wǎng)頁的地址。一個完整的URL由以下幾個部分組成：資源類型+主機名+子目錄（可選）+文件名（可選）圖像的基礎及多媒體世界大學城概要超級鏈接超級鏈接是“超文本鏈接”的縮略語，它提供了通過單擊超級鏈接點將用戶從WWW文檔某一部分連接到不同文檔或同一文檔的其他部分，可以迅速從服務器的某一頁轉到另一頁，也可以轉到其他服務器頁。MicrosoftInternetExplorer是一個Web

溫馨提示

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

評論

0/150

提交評論