《《計算機(jī)文化基礎(chǔ)》PPT課件.ppt》由會員分享，可在線閱讀，更多相關(guān)《《計算機(jī)文化基礎(chǔ)》PPT課件.ppt（23頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、,,,計算機(jī)文化基礎(chǔ) 計算機(jī)與信息管理中心,,,,,,,網(wǎng)頁制作（二）,內(nèi)容提要,表格布局 框架組織頁面,網(wǎng)頁布局,網(wǎng)頁外觀的統(tǒng)一方法,主題、共享邊框、導(dǎo)航欄,發(fā)布網(wǎng)站,網(wǎng)頁特效制作,動態(tài)GIF素材的制作 JavaScript語言,網(wǎng)頁的布局,表格和框架是網(wǎng)頁布局的常用工具。 表格在網(wǎng)頁制作中的作用已經(jīng)超越了傳統(tǒng)意義上的存放數(shù)據(jù)，表格已成為組織數(shù)據(jù)、排列網(wǎng)頁元素空間位置最為靈活的方法。 框架也是一種常用的網(wǎng)頁布局方法，它將瀏覽器窗口劃分為功能獨(dú)立的多個區(qū)域，每個框架顯示一個網(wǎng)頁內(nèi)容，并且通過框架中的超鏈接可以更改顯示在另一個框架中的網(wǎng)頁文件。,表格的創(chuàng)建,菜單命令“表格”/“手繪表格”,使用“
2、插入表格”按鈕,菜單命令“表格”/“插入”/“表格”,先繪制出表格的輪廓，然后繪制表格的單元格, 由此可以創(chuàng)建一個不規(guī)則的表格。,用指定表格屬性的方式創(chuàng)建表格，這些屬性包括表格的行數(shù)和列數(shù)、表格寬度、對齊方式、邊框粗細(xì)，以及單元格邊距和間距。,通過指定列數(shù)和行數(shù)來快速創(chuàng)建一個規(guī)則的空表。,表格的編輯,單元格的合并與拆分,設(shè)置單元格屬性,設(shè)置表格屬性,表格在網(wǎng)頁中的編排方式,單元格內(nèi)文本的編排方式,創(chuàng)建不規(guī)則的表格,表格布局,要用表格來布局網(wǎng)頁，首先應(yīng)決定表格在水平方向和垂直方向上所需的單元格數(shù)量，然后為需要跨越多行或多列的對象合并單元格。 大多數(shù)網(wǎng)頁布局采用了帶有不可見邊框的表格。,框架布局,
3、框架是一種將瀏覽器窗口劃分為功能獨(dú)立的多個區(qū)域的常用方法?？蚣芗x每個框架的大小、位置、名稱和初始網(wǎng)頁，普通網(wǎng)頁提供每個框架的內(nèi)容。一個框架的超鏈接可以更改顯示在另一個框架中的網(wǎng)頁。,框架集是一種特殊的網(wǎng)頁，該網(wǎng)頁定義了整體的框架布局，但不提供實(shí)際內(nèi)容。,框架名稱 初始網(wǎng)頁 rtop com-t.html rbottom com-m.html Left com-1.htm,,,框架集,,框架的創(chuàng)建和保存,新建框架網(wǎng)頁,框架組成,在框架中加入網(wǎng)頁,,邊框、滾動條、網(wǎng)頁,1）建立新網(wǎng)頁 2）指定已經(jīng)存在的網(wǎng)頁,保存框架頁,“文件” /“另存為”,“文件” /“新建” /“網(wǎng)頁” ，選擇“框架網(wǎng)
4、頁”標(biāo)簽,框架屬性設(shè)置,框架/框架屬性,網(wǎng)頁名稱 初始網(wǎng)頁 框架大小,邊距 滾動條 框架的可調(diào)整性 間距,相對大?。?和7,框架之間的超鏈接,在框架網(wǎng)頁中，單擊某框架內(nèi)網(wǎng)頁上的超鏈接時，被超鏈接所指定的網(wǎng)頁通常在另一個框架中打開，這個框架稱為目標(biāo)框架。,插入/超鏈接,,給予網(wǎng)頁一致性外觀,主題 共享邊框 導(dǎo)航欄,主題,主題是一組可應(yīng)用在網(wǎng)頁上的設(shè)計元素和顏色方案，其中包括字體、圖形、背景、導(dǎo)航欄、水平線和其他網(wǎng)頁元素。 主題賦予網(wǎng)頁一致和引人注目的外觀。使用主題是快速、容易地加入精采的網(wǎng)頁內(nèi)容和賦予網(wǎng)頁專業(yè)外觀的方法。FrontPage 包含很多可以立即使用的主題，也可以修改這些主題以滿足個體
5、的需求。,“格式” /“主題”,加入主題 實(shí)現(xiàn)主題 修改主題,共享邊框,共享邊框是站點(diǎn)上一個或多個網(wǎng)頁共享的區(qū)域。 共享邊框可以出現(xiàn)在一個網(wǎng)頁的頂端（類似于網(wǎng)頁頁眉）、底端（類似于網(wǎng)頁頁腳）、左邊或右邊的區(qū)域。,“格式” /“共享邊框”,導(dǎo)航欄,導(dǎo)航欄是一組文本或按鈕超鏈接，通過它們?yōu)g覽者可以到達(dá)站點(diǎn)中的某一個網(wǎng)頁。 典型的導(dǎo)航欄具有指向站點(diǎn)主頁和主要上層網(wǎng)頁的按鈕。當(dāng)我們在網(wǎng)頁中添加一個導(dǎo)航欄時，F(xiàn)rontPage 將根據(jù)導(dǎo)航視圖下設(shè)置的導(dǎo)航結(jié)構(gòu)自動生成導(dǎo)航超鏈接。,創(chuàng)建和使用表單,表單能夠向網(wǎng)頁中添加文本框、 單選按鈕、復(fù)選框、按鈕等用 戶界面控件。 每個網(wǎng)頁可以包含一個或多個表單，每個表
6、單占據(jù)網(wǎng)頁中的一個特定區(qū)域。 表單中必須有一個元素作為 “提交”按鈕。,單擊“提交”按鈕后，瀏覽器將數(shù)據(jù)傳送給服務(wù)器，站點(diǎn)服務(wù)器需要某種程序讀取這些數(shù)據(jù)并進(jìn)行處理。程序可能將數(shù)據(jù)保存在文件或數(shù)據(jù)庫中，也可能作為電子郵件發(fā)出等等。,使用網(wǎng)頁層次組件,組件是FrontPage提供的智能對象，制作人員使用它們來增加站點(diǎn)的功能。 大部分組件需要將網(wǎng)頁保存到FrontPage站點(diǎn)才會生效，或者需要站點(diǎn)服務(wù)器運(yùn)行特殊的軟件。,橫幅廣告管理器:自動產(chǎn)生動畫效果,類似街道上 的廣告牌 滾動字幕:在一個方框中,里面的文字不停地沿一個 方向滾動或來回滾動 懸停按鈕：一種可以變化的按鈕 網(wǎng)站計數(shù)器：顯
7、示站點(diǎn)被訪問的次數(shù),發(fā)布站點(diǎn),準(zhǔn)備工作：在瀏覽器上進(jìn)行預(yù)覽，在報表視圖下，檢查所有文件的狀態(tài)，選擇要發(fā)布的文件。 發(fā)布站點(diǎn)：使用菜單命令“文件” / “發(fā)布站點(diǎn)”。,,ftp://,免費(fèi)網(wǎng)頁存放空間,廣州網(wǎng)易： 東方網(wǎng)景: 網(wǎng)蟲之家: 首都在線: 中國人: ,國內(nèi)外有一些公司提供一種免費(fèi)服務(wù)，在他們的服務(wù)器上提供一定的硬盤空間，存放網(wǎng)頁。,動態(tài)gif圖片制作,動畫的形成是由連續(xù)顯示數(shù)張圖片所造的視覺效果，其原理與卡通影片是一樣的，我們可以設(shè)定每張圖片所停滯時間，從而造成不同的動畫顯示速度。 當(dāng)要制作一張動畫時，可使用有支持GIF格式的繪圖軟件來制作圖像(或掃描進(jìn)來的影像)，將這些構(gòu)成動畫的連續(xù)
8、數(shù)張圖像分別儲存成不同檔名的GIF檔，然後再使用動畫制作軟件，如GIF Construction Set或Ulead GIF Animator動畫制作軟件來整合這些圖像，針對每張圖像設(shè)定相關(guān)的屬性(如顯示的停滯時間)，以完成一幅動畫的制作，且在這些軟件中就可以直接觀看動畫的顯示，,動態(tài)gif圖片制作,1）使用向?qū)Э焖僦谱鲃赢嫞涸趩觰lead gifanimator 程序時，會顯示一個啟動向?qū)硪龑?dǎo)我們創(chuàng)建動畫。在制作GIF動畫前要找素材，同時也可以自己設(shè)計素材。我們可以通過一些圖像處理功能軟件來對動畫的每一幀進(jìn)行細(xì)致的刻畫，例如Photoshop、Firkworks和Freehand等，然后
9、通過ulead GIF Animator中的動畫向?qū)Чδ芫涂梢灾谱鞒鰧I(yè)級的動畫。 2）快速制作橫幅：先創(chuàng)建一個空白的動畫文檔，然后在圖層菜單中選擇添加橫幅文字，在子菜單中可以選擇五種橫幅效果：簡易、霓虹、漸變、邊框、自定義動畫。,網(wǎng)頁特效制作,許多主頁的特殊效果都是用Javascript來裝點(diǎn)的。不懂點(diǎn)編程知識人要想使用這些特效就有些困難了，因此國內(nèi)共享軟件作者便寫了許多便于使用的Javascript模式程序，呼吸小秘書就屬于這類軟件。呼吸小秘書包含了窗口、鼠標(biāo)、文字、菜單、其他等五類共27種特效。,為了便于用戶的使用您既可以先對已生成的代碼進(jìn)行效果預(yù)覽，也可以直接修改代碼。修改完成后復(fù)制到剪切板上，就可以插入到目標(biāo)頁面中了。,網(wǎng) 頁 特 效 制 作,,參考資料,參考教材,網(wǎng)站資源,教材第9章 上機(jī)指導(dǎo)手冊第7、8、9章,第八次大課電子講稿（網(wǎng)頁制作） 基本操作演示課件 常見問題列表（ FAQ分類） 優(yōu)秀作業(yè)賞析（樣例素材）,
《計算機(jī)文化基礎(chǔ)》PPT課件.ppt
