【簡(jiǎn)介:】一、ps網(wǎng)頁(yè)設(shè)計(jì)教程?1、打開PS,新建空白文檔,名稱設(shè)置為“feifei工作室”,從預(yù)設(shè)大小下拉列表中選擇 “1024 x 768”,模式設(shè)計(jì)為“RGB顏色”,內(nèi)容設(shè)置為“白色”,點(diǎn)擊“好”按
一、ps網(wǎng)頁(yè)設(shè)計(jì)教程?
1、打開PS,新建空白文檔,名稱設(shè)置為“feifei工作室”,從預(yù)設(shè)大小下拉列表中選擇 “1024 x 768”,模式設(shè)計(jì)為“RGB顏色”,內(nèi)容設(shè)置為“白色”,點(diǎn)擊“好”按鈕完成文檔的創(chuàng)建工作。
2、新建一名稱為“框架”的圖層,利用該圖層實(shí)際整個(gè)網(wǎng)頁(yè)的整體布局。首先選擇“矩形選擇工具”,然后將矩形的寬度設(shè)置為1024,高度設(shè)置為80,在文檔的上下兩側(cè)各框選一部分內(nèi)容并填充為黑色,從而使整個(gè)網(wǎng)頁(yè)呈現(xiàn)“寬屏幕”效果。
3、在背景圖層的上方新建一新圖層,并命名為“背景顏色”。點(diǎn)擊“矩形選擇工具”,設(shè)置“寬度為400,高度為768。
4、然后在窗口的左側(cè)框選一部分內(nèi)容,填充一種深綠色。然后點(diǎn)擊“矩形選擇工具”,設(shè)置“寬度為624,高度為768,然后在窗口的右側(cè)框選一部分內(nèi)容,填充一種淺綠色。填充兩種顏色飽和度有一點(diǎn)差別的顏色,目地是產(chǎn)生較為明顯的對(duì)比。
5、在“框架”圖層之上再新建一圖層,名稱為“主體元素”。打開一張事先準(zhǔn)備好的百合花圖片,雙擊“背景”圖層將其轉(zhuǎn)換為“圖層0”,點(diǎn)擊“魔術(shù)棒”工具,在圖片白色區(qū)域內(nèi)點(diǎn)擊,選擇白色區(qū)域后,按下DEL鍵刪除白色區(qū)域。
6、然后拖放圖片到圖層“主體元素”上,位置如圖所示。
7、然后選擇“矩形選擇工具”,設(shè)置“寬度為624,高度為768,然后在窗口中選擇花朵右側(cè)的一部分內(nèi)容,并調(diào)整其亮度和對(duì)比度,使花朵的左右兩側(cè)呈現(xiàn)明顯的對(duì)比。
8、對(duì)該頁(yè)面進(jìn)行細(xì)節(jié)的調(diào)整,增加一些導(dǎo)航欄,信息提示內(nèi)容和版權(quán)信息等內(nèi)容,最終制作完成的頁(yè)面如圖所示。
9、選擇“切片”工具,然后對(duì)內(nèi)容進(jìn)行切分。切分的好處是有利于文件在網(wǎng)絡(luò)上傳輸,同時(shí)在用切片工具劃分內(nèi)容時(shí)最好將需要被文字內(nèi)容替換的部分進(jìn)行獨(dú)立分割。分割完成后的效果如圖所示。
二、c語(yǔ)言課程設(shè)計(jì)實(shí)踐教程哪家出版社?
C語(yǔ)言課程設(shè)計(jì)和C語(yǔ)言程序設(shè)計(jì)都是清華大學(xué)出版社。
三、制作網(wǎng)頁(yè)教程?
分析如下:
1、首先下載安裝Dreamweaver,打開后,新建一個(gè)網(wǎng)頁(yè),一般選擇“HTML”建立網(wǎng)頁(yè)。選擇“經(jīng)典”界面,有助于我們更便捷使用這個(gè)軟件。
2、下面選擇這三個(gè)界面,代碼、拆分、設(shè)計(jì),一般默認(rèn)設(shè)計(jì)界面,對(duì)于新手這個(gè)功能具有可視化,能更好的制作網(wǎng)頁(yè)。
3、下面我們來(lái)制作網(wǎng)站站點(diǎn),在電腦上建一個(gè)文件作為根目錄。我們所建網(wǎng)站的所有文件和網(wǎng)頁(yè)都保存在這個(gè)文件中。站點(diǎn)的作用就是使你的網(wǎng)站網(wǎng)頁(yè)之間框架清晰。同時(shí)給站點(diǎn)起個(gè)名字。
4、然后再在站點(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。保存。
5、下面我們來(lái)制作這個(gè)網(wǎng)站首頁(yè),先學(xué)習(xí)添加圖片。插入——圖像——選擇素材添加。點(diǎn)擊圖片,下面屬性可以編輯修改圖片大小,添加超鏈接等等。下面我修改圖片大小做示范。
6、下面學(xué)習(xí)添加文本。編輯“籃球資訊網(wǎng)”,下面屬性可以設(shè)置文本字體、添加超鏈接等等,點(diǎn)擊頁(yè)面屬性,可以詳細(xì)編輯文本屬性。
7、網(wǎng)頁(yè)基本就是文字和圖片的組合,添加視頻還需要學(xué)習(xí)者好好搜索Dreamweaver 的使用視頻加以學(xué)習(xí)。最后制作完一個(gè)網(wǎng)頁(yè)要記得保存。左上角文件——保存。
8、最后我們學(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://......就可以了。
9、最后我們?yōu)g覽網(wǎng)頁(yè)。左上角文件——在瀏覽器中瀏覽網(wǎng)頁(yè),點(diǎn)擊網(wǎng)頁(yè)中兩個(gè)鏈接都能到達(dá)指定網(wǎng)頁(yè)。
四、網(wǎng)頁(yè)設(shè)計(jì)考研?
還是有一些難度。最好報(bào)個(gè)培訓(xùn)班。
五、怎樣網(wǎng)頁(yè)設(shè)計(jì)?
1、在桌面上右鍵點(diǎn)擊鼠標(biāo),出現(xiàn)對(duì)話框之后,點(diǎn)擊新建。
2、新建一個(gè)文本問(wèn)檔,用于寫網(wǎng)頁(yè)代碼。
3、打開記事本,現(xiàn)在我們就可以編寫簡(jiǎn)單的HTML代碼了。
4、現(xiàn)在,我們把文本的命名改成1.html。
5、一個(gè)簡(jiǎn)單的HTML網(wǎng)頁(yè)就搭建完成了,可以通過(guò)瀏覽器打開試試看。
六、網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言?
網(wǎng)頁(yè)設(shè)計(jì)常用的編程語(yǔ)言主要是HTML5、CSS3、JavaScript三大工具。
HTML5是所有前端語(yǔ)言里最簡(jiǎn)單的,毫無(wú)基礎(chǔ)的小白也可以上手。就像一個(gè)個(gè)的標(biāo)簽和對(duì)電腦輸入的命令,告訴電腦標(biāo)題是什么,圖片是什么,段落是什么;
HTML是一個(gè)網(wǎng)站的基本結(jié)構(gòu),CSS語(yǔ)言就是一個(gè)渲染這個(gè)結(jié)構(gòu)的工具。和HTML一樣,CSS不需要任何的數(shù)學(xué)基礎(chǔ),只要認(rèn)識(shí)HTML就可以開寫。能做出簡(jiǎn)單的動(dòng)畫效果,比如當(dāng)鼠標(biāo)滑過(guò)的時(shí)候加大或者改變顏色;
JavaScript是一種介于前端和后端的語(yǔ)言,在這里邏輯思維和數(shù)學(xué)能力會(huì)有一些挑戰(zhàn)。不過(guò)作為設(shè)計(jì)師,其實(shí)只需要掌握或認(rèn)識(shí)一些關(guān)于表格的填寫,和頁(yè)面簡(jiǎn)單的互動(dòng)的知識(shí)就足夠在工作中受益。
七、網(wǎng)頁(yè)設(shè)計(jì)代碼?
從美工圖到網(wǎng)頁(yè)的呈現(xiàn),是需要代碼去實(shí)現(xiàn)的。HTML、CSS以及JavaScript是網(wǎng)頁(yè)實(shí)現(xiàn)的基本組成部分,可以認(rèn)為是三種語(yǔ)言。HTML管的是網(wǎng)頁(yè)的基本結(jié)構(gòu)(比如不同模塊如何放置,這種布局操作),CSS處理網(wǎng)頁(yè)中的樣式(如文字的顏色、段落的首行縮進(jìn)等等),JavaScript管的是網(wǎng)頁(yè)中的行為,比如你點(diǎn)擊了向左向右的按鈕,圖片發(fā)生了滾動(dòng)等。HTML和CSS不屬于網(wǎng)頁(yè)設(shè)計(jì),更確切的說(shuō)是網(wǎng)頁(yè)制作。如果結(jié)合JavaScript,會(huì)被稱為前端開發(fā)。另外,HTML5和CSS3的發(fā)展,為網(wǎng)頁(yè)添加了很多新特性新功能,涉及這方面的被稱為HTML5開發(fā)
八、網(wǎng)頁(yè)按鈕設(shè)計(jì)?
Web頁(yè)面可用預(yù)定義模板來(lái)創(chuàng)建,也可不采用模板而在空白頁(yè)上自己進(jìn)行設(shè)計(jì)。創(chuàng)建新頁(yè)面的步驟如下:
在網(wǎng)頁(yè)視圖下,選擇“文件”菜單中的“新建”命令,再?gòu)钠渥硬藛沃羞x擇“網(wǎng)頁(yè)”命令,將彈出“新建”對(duì)話框,若用戶要新建的網(wǎng)頁(yè)是框架,則從“框架網(wǎng)頁(yè)”選項(xiàng)卡中選擇某種框架樣式;否則,從“常規(guī)”選項(xiàng)卡中選擇一種所需樣式,然后單擊“確定”按鈕。若想建立一空白網(wǎng)頁(yè),可在對(duì)話框的“常規(guī)”選項(xiàng)卡中選擇NormalPage項(xiàng),或直接單擊常用工具欄的“新建網(wǎng)頁(yè)”按鈕。
建議逐一試用FrontPage提供的各種模板以便熟悉它們,日后你就可以自如地利用模板創(chuàng)建常規(guī)Web頁(yè)面,能夠節(jié)省許多時(shí)間。
1.在網(wǎng)頁(yè)中插入圖形
圖片往往比大量的文字講述更具吸引力和說(shuō)服力,在web頁(yè)面中適當(dāng)?shù)靥砑訄D片會(huì)使網(wǎng)頁(yè)豐富多彩,但過(guò)多地加入圖片將降低頁(yè)面的下載速度,特別是對(duì)通過(guò)調(diào)制解調(diào)器訪問(wèn)web頁(yè)的用戶。大多數(shù)圖形都是采用壓縮格式,有的調(diào)制解調(diào)器不具有壓縮功能,這種調(diào)制解調(diào)器速度更慢。因此用戶在加入圖片時(shí),應(yīng)認(rèn)真選擇和進(jìn)行規(guī)劃。雖然圖形可使web頁(yè)更有趣味,但應(yīng)適度使用(使用較少顏色,縮小高度和寬度或裁剪圖形、降低圖形的分辨率,盡可能地減少圖形文件大小,如用壓縮格式的文件類型)。
Web頁(yè)面所使用的兩種圖片格式分別為GIF和JPEG,用戶可選擇“插入”菜單中的“圖片”命令,再?gòu)钠渥硬藛沃羞x擇“來(lái)自文件”命令,打開“圖片”對(duì)話框,“圖片”對(duì)話框提供了“掃描”、“使用您的web例覽器來(lái)選擇網(wǎng)頁(yè)或文件”、“剪貼畫”和“在您的計(jì)算機(jī)上選擇一個(gè)文件”四種途徑插入圖片。
對(duì)于一些非GIF和JPEC格式的圖片,F(xiàn)rontPage可以自動(dòng)地將這些文件轉(zhuǎn)換成GIF或JPEG格式。
2.在網(wǎng)頁(yè)中插入水平線
水平線可以在網(wǎng)頁(yè)上清晰地劃分界限,而且對(duì)用戶網(wǎng)頁(yè)的布局起著重要的作用。添加一條水平線,可以通過(guò)“插入”菜單中選擇“水平線”命令添加。在默認(rèn)狀態(tài)下水平線是灰色的,用戶可以像改變文本顏色一樣改變水平線的顏色。改變水平線的顏色有兩種方法(必須在不加主題的情況下):
(1)雙擊該水平線,將顯示“水平線屬性”對(duì)話框。在對(duì)話框的“顏色”項(xiàng),選擇下拉列表,從中選擇合適的顏色,單擊“確定”按鈕。
(2)用鼠標(biāo)右鍵單擊這條水平線,從快捷菜單中選擇“水平線屬性”命令,再?gòu)膶?duì)話框中選擇一個(gè)合適的顏色。
使用框架
--------------------------------------------------------------------------------
框架是把Web瀏覽器的視窗分成幾個(gè)部分,每個(gè)部分都是獨(dú)立的Web頁(yè)面,這樣便可同時(shí)顯示多個(gè)頁(yè)面。
可以很容易地用FrontPage創(chuàng)建一個(gè)多框架的web頁(yè)面。為了創(chuàng)建具有框架的Web頁(yè)面,可從“文件”菜單的“新建”子菜單中選擇“網(wǎng)頁(yè)”命令,彈出“新建”對(duì)話框,選擇“框架網(wǎng)頁(yè)”選項(xiàng)卡。
在左邊的列表中可選擇不同類型的框架模板,選定模板后,按“確定”按鈕即可創(chuàng)建一個(gè)具有框架的網(wǎng)頁(yè)。
在創(chuàng)建有框架的Web頁(yè)面時(shí),應(yīng)注意有些web瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶已很少,為確保這些用戶仍然能夠?yàn)g覽到Web站點(diǎn)上的內(nèi)容,可以填上要告訴那些低版本瀏覽器的使用者的話,例如請(qǐng)對(duì)方更換瀏覽器等。
在新建的框架的窗口中,單擊“設(shè)置初始頁(yè)”按鈕將會(huì)彈出“創(chuàng)建超鏈接”對(duì)話框,可以鏈接到一個(gè)指定頁(yè)面;單擊“新建網(wǎng)頁(yè)”按鈕將創(chuàng)建一個(gè)新頁(yè)面,然后在該頁(yè)面內(nèi)對(duì)該頁(yè)進(jìn)行編輯。在編輯頁(yè)面時(shí),若感覺(jué)頁(yè)面被放在一個(gè)狹窄的框架中太擁擠,可選擇“框架”菜單中的“在新窗口中打開網(wǎng)頁(yè)”命令,這樣便打開一個(gè)新的滿屏窗口,可以自由地在頁(yè)面中增加內(nèi)容。
利用FrontPage的框架頁(yè)面模板在Web頁(yè)面上引入了框架布局,我們還可以在此基礎(chǔ)上,根據(jù)需要進(jìn)行進(jìn)一步的設(shè)計(jì)。
1、增加新框架
要給框架頁(yè)面增加新框架,就是像拆分表格的單元格一樣,把一個(gè)框架分為兩個(gè)框架。其操作如下:
(1)按住Ctrl鍵,將鼠標(biāo)放在框架邊框上,當(dāng)鼠標(biāo)變?yōu)樯舷录^時(shí),可把邊框拖到一個(gè)新位置,當(dāng)松開鼠標(biāo)按鈕時(shí),一個(gè)新的空白內(nèi)容的框架就形成了。
(2)也可以通過(guò)命令來(lái)操作:首先單擊要拆分的框架內(nèi)部,選“框架”菜單中的“拆分框架”命令,在彈出的“拆分框架”對(duì)話框中單擊“拆分成列”或“拆分成行”單選按鈕,單擊“確定”按鈕即可。
2.刪除框架
若框架頁(yè)面看起來(lái)太亂,可刪除某些框架。要?jiǎng)h除一個(gè)框架,可先單擊該框架選擇它,再選擇“框架”菜單中的“刪除框架”命令即可。
3.改變框架屬性
在設(shè)置好框架的整體布局后,我們還可以對(duì)每一框架的具體屬性進(jìn)行設(shè)置,操作如下:
(1)單擊需設(shè)置屬性的框架,選擇“框架”菜單中的“框架屬性”,則彈出“框架屬性”對(duì)活框。
(2)在對(duì)話框的“名稱”文本框中可輸入框架名,這樣便于識(shí)別不同的框架;在“選項(xiàng)”區(qū)域中,若選中“在例覽器中可以調(diào)大小”復(fù)選框,則客戶在瀏覽站點(diǎn)時(shí),可重新定義框架尺寸,通過(guò)在“顯示滾動(dòng)條”下拉列表框中選擇不同的描述項(xiàng),可設(shè)置讓滾動(dòng)條是否出現(xiàn)。
(3)在“框架大小”區(qū)域中,可設(shè)置框架大小,可以定義一個(gè)絕對(duì)像素值或相對(duì)于瀏覽器窗口的百分比,若要用瀏覽器來(lái)設(shè)置相對(duì)于該頁(yè)面中框架的尺寸,可選“相對(duì)”;在“邊距”區(qū)域中,可設(shè)置內(nèi)容頁(yè)面與框架邊框分隔的像素?cái)?shù)值。
(4)要改變開始頁(yè)面,可以在“初始網(wǎng)頁(yè)”文本框中輸入一個(gè)新的頁(yè)面名字或URL。
(5)單擊“框架網(wǎng)頁(yè)”按鈕,則彈出“網(wǎng)頁(yè)屬性”對(duì)話框。
(6)在該對(duì)話框的“框架”選項(xiàng)卡中,在“框架間距”文本框中,可輸入以像素為單位的邊框?qū)挾?;若要使框架邊框消失,則不要選中“顯示邊框”復(fù)選框。
(7)單擊“確定”按鈕,關(guān)閉“網(wǎng)頁(yè)屬性”對(duì)話框,再單擊“確定”按鈕,關(guān)閉“框架屬件”對(duì)話框,完成框架屬性設(shè)置。
動(dòng)態(tài)網(wǎng)頁(yè)
--------------------------------------------------------------------------------
DHTML是動(dòng)態(tài)網(wǎng)頁(yè)的意思,它其實(shí)并不是一個(gè)標(biāo)準(zhǔn)的術(shù)語(yǔ)。事實(shí)上沒(méi)有一種技術(shù)叫作DHTML。DHTML是利用CSS(層疊樣式表),JavaScript,HTML等技術(shù)而建立的能與訪問(wèn)者產(chǎn)生互動(dòng)的網(wǎng)頁(yè)。比如在動(dòng)態(tài)網(wǎng)頁(yè)里,當(dāng)訪問(wèn)者單擊了某一張圖片后,這張圖片會(huì)自動(dòng)的移動(dòng),這就是DHTML效果。也就是說(shuō),當(dāng)網(wǎng)頁(yè)下載完畢后,它無(wú)需再與服務(wù)器連接就能產(chǎn)生變化了。FrontPage2000提供了一套容易制作動(dòng)態(tài)網(wǎng)頁(yè)的方法,你可以建立起屬于自己特色的動(dòng)態(tài)網(wǎng)頁(yè)。
1、使用DHTML的基本步驟
1).在頁(yè)面點(diǎn)選需要使用DHTML的對(duì)象,比如文本,圖片。對(duì)于文本需要拖曳鼠標(biāo)選定;
2).在DHTML工具欄,選擇通過(guò)開啟的下拉列表選擇一種事件,文本和圖片所具有的事件是不同的;接下來(lái)再應(yīng)用下拉列表選擇一種效果;最后選擇該效果的的實(shí)現(xiàn)方法;
3).當(dāng)你為對(duì)象使用了DHTML后,保存該頁(yè)面并預(yù)覽,你會(huì)發(fā)現(xiàn)你選定的對(duì)象按照你設(shè)置的DHTML的效果出現(xiàn);
4).如果想刪除某一個(gè)對(duì)象的DHTML效果,先選定該對(duì)象,然后單擊DHTML工具欄上的刪除效果圖標(biāo)即可。
2、DHTML的事件
在DHTML制作中,我們聽(tīng)得最多的是“事件”這個(gè)術(shù)語(yǔ)。什么是“事件”呢,顧名思義,就是發(fā)生的一件事情,比如你用手打開門,那么這就是一個(gè)事件。換到網(wǎng)頁(yè)制作中,開門變成了單擊,也就是說(shuō),訪問(wèn)者單擊了一個(gè)鏈接,那么出現(xiàn)了事件的結(jié)果,門被打開了。
在FrontPage2000中,當(dāng)我們打開DHTML效果工具欄后,點(diǎn)選文本或者圖片會(huì)產(chǎn)生不同事件。但它們的施用方法是一樣的,下面我們以文本舉例:
我們先在編輯器里輸入一段文本,比如:網(wǎng)頁(yè)陶吧,然后繼續(xù)下面的三個(gè)步驟:
選定一段需要產(chǎn)生DHTML效果的文本,這里是:網(wǎng)頁(yè)陶吧。從DHTML效果工具欄的開啟下拉列表選擇一個(gè)事件。這里對(duì)于文本我們只有“網(wǎng)頁(yè)加載”這個(gè)事件?!熬W(wǎng)頁(yè)加載”就是當(dāng)網(wǎng)頁(yè)第一次裝入的時(shí)侯發(fā)生的事件,它不需要用戶利用鼠標(biāo)去觸發(fā)它,而只需要訪問(wèn)者利用瀏覽器打開它的時(shí)侯就會(huì)產(chǎn)生預(yù)設(shè)的動(dòng)態(tài)效果。
選擇好事件后,我們要在應(yīng)用下拉列表里選擇一個(gè)該事件的應(yīng)用效果。在該列表下有七種可以采用的效果,我們選擇飛入。
對(duì)于應(yīng)用效果會(huì)有不同的方法產(chǎn)生。比如當(dāng)你選擇的應(yīng)用效果是“飛入”的時(shí)侯,文本可以從底部飛入,可以從左邊飛入,也可以從右邊飛入,這些就是方法。在這個(gè)下拉列表里并沒(méi)有注明這個(gè)術(shù)語(yǔ)。有的應(yīng)用效果是沒(méi)有方法的,比如波動(dòng)。我們這里選擇從底部飛入。
最后保存該頁(yè)面并預(yù)覽,你會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)陶吧這個(gè)四個(gè)字在網(wǎng)頁(yè)第一次加載后從底部飛入。當(dāng)然,你也可以嘗試其它DHTML效果。對(duì)于選定圖片,你會(huì)在DHTML效果工具欄的開啟下拉列表看到新的事件,單擊和鼠標(biāo)懸停,它們會(huì)有各自的應(yīng)用效果和實(shí)現(xiàn)方法。你可以每一個(gè)嘗試一下,這樣你就能明白這些事件和應(yīng)用效果和方法之間的關(guān)系。
3、DHTML的小技巧
DHTML兼容性
利用FrontPage2000制作的DHTML網(wǎng)頁(yè)只能被InternetExplorer4.0或以上版本完全正常瀏覽。對(duì)于圖片的DHTML效果,NetscapeCommunicator4.0或以上版本也可以瀏覽。
禁止DHTML
如果想禁用DHTML效果,點(diǎn)選菜單工具/網(wǎng)頁(yè)選項(xiàng),在打開的對(duì)話框里選擇兼容性標(biāo)簽,取消動(dòng)態(tài)HTML前的復(fù)選框里勾,這樣DHTM效果被禁用。
快速使用DHTML
一般情況,在你沒(méi)有選定某一個(gè)對(duì)象的情況下,你只需要把鼠標(biāo)移動(dòng)到對(duì)象的左邊或者右邊單擊一下就可以使用DHTML效果了。
4、網(wǎng)頁(yè)過(guò)渡
網(wǎng)頁(yè)過(guò)渡是指當(dāng)你進(jìn)入或者離開一個(gè)網(wǎng)頁(yè)的時(shí)侯所產(chǎn)生的效果的這個(gè)過(guò)程。比如你從某一頁(yè)進(jìn)入另一頁(yè),你會(huì)發(fā)現(xiàn)當(dāng)前頁(yè)慢慢向中間合攏,同時(shí)出現(xiàn)了另一個(gè)新的頁(yè)面,直到當(dāng)前頁(yè)合攏消失而最后出現(xiàn)新的頁(yè)面。如果你想使用網(wǎng)頁(yè)過(guò)渡,可以按照以下步驟:
1).打開想使用過(guò)渡效果的頁(yè)面,或者新建立一個(gè)頁(yè)面。點(diǎn)選菜單格式/網(wǎng)頁(yè)過(guò)渡,打開網(wǎng)頁(yè)過(guò)渡對(duì)話框;
2).在事件下拉列表里選擇一個(gè)事件,我們選擇進(jìn)入網(wǎng)頁(yè)。大家要注意,當(dāng)你為某頁(yè)和站點(diǎn)都設(shè)置了過(guò)渡效果時(shí),網(wǎng)頁(yè)將比站點(diǎn)過(guò)渡效果優(yōu)先;
3).在周期文本框里輸入持續(xù)的時(shí)間,然后在過(guò)渡效果列表框里點(diǎn)選一個(gè)效果,單擊確定。利用瀏覽器打開該頁(yè)面,因?yàn)槲覀冞x擇的網(wǎng)頁(yè)過(guò)渡是進(jìn)入網(wǎng)頁(yè),所以當(dāng)你打開該頁(yè)時(shí)你就能看到過(guò)渡效果了。
利用DHTML效果的確是吸引訪問(wèn)者的有力利器,但如果你不愿意和復(fù)雜的代碼打交道,那么FrontPage2000為你預(yù)設(shè)了許多DHTML的效果。你要做的僅僅是選定需要?jiǎng)討B(tài)效果的對(duì)象,比如文字,圖片,然后利用“傻瓜”式的操作就可以讓你的網(wǎng)頁(yè)動(dòng)起來(lái)。
Web頁(yè)有自己的一組屬性,通過(guò)選擇“文件”菜單中的“屬性”或通過(guò)鼠標(biāo)右鍵單擊頁(yè)內(nèi)任何位置,選擇快捷菜單中的“網(wǎng)頁(yè)屬性”命令,可以打開“網(wǎng)頁(yè)屬性”對(duì)話框,在“常規(guī)”選項(xiàng)卡中,各項(xiàng)設(shè)置含義如下:
·位置:指出頁(yè)的完整URL。
·標(biāo)題:顯示的頁(yè)標(biāo)題,即在HIML中顯示在元素中的標(biāo)簽內(nèi)。
·基位置:在此位置可輸入一個(gè)URL,可將這頁(yè)中使用的相對(duì)URL的超鏈接總指向同一正確的目標(biāo),通過(guò)對(duì)一個(gè)URL的說(shuō)明,可以在不移動(dòng)相對(duì)URL中所有目標(biāo)的情況下,移動(dòng)這個(gè)頁(yè)。
·默認(rèn)的目標(biāo)框架:定義不規(guī)定框架的頁(yè)中所有超鏈接的默認(rèn)框架。
·背景音樂(lè):加入背景音樂(lè),當(dāng)瀏覽器打開該頁(yè)時(shí),會(huì)同時(shí)播放音樂(lè)。
在其它選項(xiàng)卡中還可對(duì)頁(yè)邊距、語(yǔ)言等系統(tǒng)參數(shù)進(jìn)行設(shè)置。
建立超鏈接
--------------------------------------------------------------------------------
超鏈接(HyperLink)的出現(xiàn)使網(wǎng)上瀏覽變得更加便捷,只須用鼠標(biāo)輕輕點(diǎn)擊,便能輕松地從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面,從一個(gè)Web站點(diǎn)跳到另一個(gè)Web站點(diǎn),從一個(gè)國(guó)家跳到另一個(gè)國(guó)家。超鏈接就是一些特殊的文本或圖像,是其它頁(yè)面的入口。
1.與當(dāng)前web站點(diǎn)的頁(yè)面建立超鏈接
(1)在FrontPage中打開要建立超鏈接的頁(yè)面(若是新建頁(yè)面,則要肯定該頁(yè)面己被保存),選中超鏈接源,超鏈接源可以是一個(gè)字符、一個(gè)單詞、一句話或一幅圖片等。
(2)選擇“插入”菜單中的“超鏈接”命令,或單擊“常用”工具欄的“超鏈接”按鈕,則彈出“創(chuàng)建超鏈接”對(duì)話框(如圖),在該對(duì)話框中列出了當(dāng)前FrontPage中打開的Web站點(diǎn)中的文件夾和文件。
(3)在該對(duì)話框的文件列表中,選擇要建立鏈接的目標(biāo)文件。
(4)單擊“確定”按鈕,超鏈接建成。
2.與本機(jī)中的其它文件建立超鍵接
(1)選擇超鏈接源,打開“創(chuàng)建超鏈接”對(duì)話框。
(2)在該對(duì)話框中單擊“制作一個(gè)鏈接到您計(jì)算機(jī)上文件的超鏈接”按鈕,然后從彈出的對(duì)話框中找到自己所要鏈接的文件,選中它。
(3)單擊“確定”按鈕,超鏈接建成。
3.與worldwideweb上某一站點(diǎn)建立超鏈接
(1)在FrontPage中打開欲建超鏈接的頁(yè)面,選定超鏈接源。
(2)選“插入”菜單中的“超鏈接”或單擊常用工具欄的“超鏈接”按鈕,彈出“創(chuàng)建超鏈接”對(duì)話框。
(3)在“URL”文本框中,輸入超鏈接目標(biāo)的URL。
(4)單擊“確定”按鈕。
格式化文本
--------------------------------------------------------------------------------
1.輸入文本
從總體而言,文本仍是網(wǎng)頁(yè)中的主體內(nèi)容,在FrontPage中輸入文本與在Word中輸入文本非常類似。
(1).需要加入空行或換段時(shí)才使用Enter鍵,當(dāng)輸入文本達(dá)到所定義的右邊界時(shí),將自動(dòng)換行。若錄入文字有錯(cuò)可按Backspace鍵清除錯(cuò)誤,重新錄入。
(2).可在文本中任意位置處插入新文本內(nèi)容,操作時(shí)把鼠標(biāo)指針定位到欲加文本處即可添加文本。
(3).可進(jìn)行覆蓋式錄入,即先用鼠標(biāo)選中要替換的文本,然后直接錄入文本。
(4).可通過(guò)單擊常用工具欄的“顯示所有”按鈕,讓段落標(biāo)記在屏幕上顯示或隱藏,借助段落標(biāo)記可清楚地看到段與段之間的空行。
2.文本的選擇
(1).選擇一個(gè)單詞或多個(gè)單詞:選擇一個(gè)單詞只需在該單詞上雙擊鼠標(biāo)即可,按住鼠標(biāo)左鍵在要選單詞上拖動(dòng)即可選擇多個(gè)單詞。選擇字與選擇多個(gè)單詞的方法相同。
(2).選擇一行文字:一行文字就是在屏幕上占據(jù)一行空間的文本。將鼠標(biāo)箭頭移到行的最左邊,當(dāng)光標(biāo)箭頭變?yōu)橹赶蜃筮厱r(shí),單擊鼠標(biāo)左鍵,便可選擇該行。
(3).選擇一個(gè)段落:將鼠標(biāo)箭頭移到該段落的最左邊,當(dāng)光標(biāo)箭頭變?yōu)橹赶蜃筮厱r(shí),雙擊鼠標(biāo)左鍵,或按下ALT鍵,再用鼠標(biāo)單擊想要選擇的段落,即可選擇該段落。
3.刪除、拷貝和移動(dòng)文本或圖片
(1).刪除:刪除插入點(diǎn)左側(cè)的一個(gè)字符,按Backspace鍵;刪除插入點(diǎn)右側(cè)的一個(gè)字符,按Delete鍵;刪除插入點(diǎn)右側(cè)的一個(gè)單詞,按Ctrl+De1ete鍵;剪切所選內(nèi)容并保行到“剪貼板”,按Ctrl+X鍵;刪除所選內(nèi)容按De1e1e鍵或選擇“編輯”菜單中的“刪除”命令。
(2).拷貝:拷貝所選文本或圖形到剪貼板,方法是:選中文本或圖形,然后按Ctrl+C鍵或從菜單上選擇“編輯”菜單中的“復(fù)制”菜單命令,也可直接單擊工具欄中的“復(fù)制”按鈕。
(3).移動(dòng)文本或圖片:選擇想要移動(dòng)的文本或圖片,再拖曳到要插入的位置,釋放鼠標(biāo),所選對(duì)象就移到目的地。如果先將選擇的文本或圖片“剪切”,然后再“粘貼”到指定區(qū)域,也可將其移動(dòng)。
(4).通過(guò)“撤銷”取消誤操作:如果用戶在不小心的情況下錯(cuò)誤地執(zhí)行操作,單擊工具欄上的“撤銷”命令按鈕,可以取消用戶執(zhí)行過(guò)的操作,或從菜單欄選擇“編輯”菜單中的“撤銷”菜單命令,或按Cir1+Z鍵。
4.加入標(biāo)題
出于頁(yè)面內(nèi)容層次的需要,有時(shí)在頁(yè)面中要加入一些小標(biāo)題。HTML語(yǔ)言規(guī)范采用6級(jí)標(biāo)題,各級(jí)標(biāo)題采用文字不同字號(hào)來(lái)區(qū)分,其中標(biāo)題1為大標(biāo)題,其它依次為中小標(biāo)題。要設(shè)定某一級(jí)標(biāo)題,可以在FrontPage格式工具欄中的“樣式”下拉列表中選中一個(gè)標(biāo)題等級(jí),然后在光標(biāo)處輸入標(biāo)題文字即可;或者先輸入文字,并選定該文字,然后在“樣式”下拉列表中選定某一級(jí)標(biāo)題。標(biāo)題結(jié)束后,將下拉列表中的格式改回原來(lái)的“普通”,再進(jìn)行其它內(nèi)容的輸入。
5.改變字體及設(shè)置字體效果
FrontPage在通常情況下,字體為“TimesNewRoman”。若用戶的操作系統(tǒng)是中文Windows95/98或WindowsNT,中文默認(rèn)字體為“宋體”,文字大小采用默認(rèn)的字號(hào)。若要設(shè)定不同的字體,可先選擇要改變的文字,然后在格式工具欄里的“字體”下拉菜單中選擇一種字體,或從菜單欄選擇“格式”菜單中的“字體”菜單命令,通過(guò)“字體”對(duì)話框來(lái)設(shè)置,并可設(shè)定字體樣式、大小等。當(dāng)字體改變后,形式將一直保持,直到用戶又重新設(shè)置新的字體為止。
(1).設(shè)置字體顏色:選中文字,單擊格式工具欄上的“文本顏色”按鈕的下拉箭頭,就會(huì)彈出其下拉列表,在“標(biāo)準(zhǔn)顏色”中選擇所需顏色;若沒(méi)有,可選擇“更多的顏色”命令,然后從彈出的對(duì)話框中選擇。
(2).設(shè)置字體樣式:要對(duì)需要的文字進(jìn)行粗體、斜體和下劃線處理,只要選擇要處理的文字,從格式工具欄上單擊“加粗”、“斜體”或“下劃線”按鈕即可。想解除此效果,可以選中文字,再次按相應(yīng)的按鈕就可以解除效果,恢復(fù)到正常字體。在制作網(wǎng)頁(yè)時(shí),一般不采用“下劃線”效果,因?yàn)橄聞澗€在一些網(wǎng)頁(yè)中都表示有超鏈接。
(3).字體加線效果:共有兩種:“下劃線”可以在選中的文字下面劃一條線;“刪除線”在文字中間貫穿劃一條線。
(4).特殊的文字風(fēng)格:當(dāng)選中的文字需要使用某些特殊風(fēng)格,如“閃爍”風(fēng)格,可通過(guò)選擇“字體”對(duì)話框中“字體”選項(xiàng)卡(如圖)的“效果”區(qū)域的所需選項(xiàng),但有的文字特殊效果只有在瀏覽器中才能體現(xiàn)出來(lái)。
6.文本的縮進(jìn)
文本的縮進(jìn)就是使文本左邊、右邊顯示空白,這種效果有利于對(duì)關(guān)鍵段落加強(qiáng)說(shuō)明。要對(duì)一個(gè)已有的段落運(yùn)用縮進(jìn)的方式,首先選中段落,然后在格式工具欄上單擊“增加縮進(jìn)”按鈕,段落左邊和右邊分別縮進(jìn)一段距離,連續(xù)按“增加縮進(jìn)”按鈕,縮進(jìn)將進(jìn)一步加大。這種在文字兩邊同時(shí)縮進(jìn)的方式也稱之為雙向縮進(jìn)。若縮進(jìn)的空間太大,可以通過(guò)單擊“減少縮進(jìn)”按鈕來(lái)減少縮進(jìn)的空間。
7.文本對(duì)齊方式
若輸入的文字是從該頁(yè)的左邊距開始,并逐漸向右延伸,且到了行滿以后又折回下行左邊(左邊距處)重新開始,這就是左對(duì)齊。有些文字需要居中方式,比如標(biāo)題之類的文字;而有些文字需要放到右邊,這些可通過(guò)格式工具欄上的“向左對(duì)齊”、“居中”和“向右對(duì)齊”按鈕來(lái)實(shí)現(xiàn):,不同的對(duì)齊方式可以使文本呈現(xiàn)不同的顯示樣式,而且可以清楚地表明用戶想要說(shuō)明的問(wèn)題,使網(wǎng)頁(yè)整體保持協(xié)調(diào)。要設(shè)定文本的居中、左齊或右齊方式,須先選擇好要設(shè)置的文本,再單擊相應(yīng)按鈕即可。如果用戶想回到原始狀態(tài)的對(duì)齊的方式,應(yīng)先選定該文本,再單擊格式工具欄上相應(yīng)的對(duì)齊按鈕。
8、加入項(xiàng)目符號(hào)或列表編號(hào)
有一些列表前面有加圓點(diǎn)的符號(hào),說(shuō)明一條條的列表內(nèi)容,這在專業(yè)排版中稱為項(xiàng)目符號(hào),在Web頁(yè)面中加入項(xiàng)目符號(hào)或列表編號(hào)可使內(nèi)容有條理、更清楚,可以通過(guò)列表把大量?jī)?nèi)容簡(jiǎn)要地描述出來(lái),便于讀者抓住重點(diǎn)。還有另外一種形式即列表編號(hào),可以用來(lái)描述一個(gè)問(wèn)題的處理步驟和順序,這兩種處理形式在FrontPage中運(yùn)用起來(lái)很方便。
加入項(xiàng)目符號(hào)或列表編號(hào)與在Word中的操作很類似。先選定文本,用戶可以在格式工具欄按相應(yīng)的按鈕,或選“格式”菜單中的“項(xiàng)目符號(hào)和編號(hào)方式”命令,打開項(xiàng)目符號(hào)和編號(hào)方式對(duì)話框(如圖),從中選定不同格式的列表項(xiàng)目。
在FrontPage中新建的兩個(gè)文本行之間都有一個(gè)空行,如果用戶在輸入或添加項(xiàng)目時(shí)不想每?jī)尚兄g都出現(xiàn)一個(gè)空行,可以在格式工具欄上單擊“項(xiàng)目符號(hào)”或“編號(hào)方式”按鈕。該按鈕為下凹狀后同時(shí)出現(xiàn)第一個(gè)項(xiàng)目符號(hào),輸入需要的文字后,按“回車”鍵,然后在自動(dòng)出現(xiàn)的下一個(gè)項(xiàng)目符號(hào)后繼續(xù)輸入。
FrontPage還可以通過(guò)提供列表編號(hào)或項(xiàng)目符號(hào)的方式對(duì)列表項(xiàng)進(jìn)行排列。操作方法與上一段所述相同。
如果在所有項(xiàng)目輸入完畢后,以下的內(nèi)容不再希望添加編號(hào)或項(xiàng)目符號(hào),可兩次回車,則停止編號(hào)或停止添加項(xiàng)目符號(hào)。若想改變編號(hào)的形式或不想從1開始,可通過(guò)在列表符號(hào)上單擊鼠標(biāo)右鍵,在彈出的快捷菜單上選擇“列表屬性”命令,在彈出的“列表屬性”對(duì)話框中選擇“號(hào)碼”選項(xiàng)卡,選擇所需的編號(hào)風(fēng)格,再在右邊的“初始號(hào)碼”微調(diào)器中調(diào)整起始編號(hào),在調(diào)好之后單擊“確定”按鈕即可。
制作網(wǎng)頁(yè)是一個(gè)非常復(fù)雜的過(guò)程,你不僅需要懂得美工,還需要多少知道點(diǎn)程序,還有網(wǎng)上的:
網(wǎng)頁(yè)制作和簡(jiǎn)單程序教程!
九、ppt制作案例教程?
一、新建PPT文件
安裝好Office PowERPoint軟件后,就可以打開程序創(chuàng)建PPT文件了。打開PPT方式有幾種,可以點(diǎn)擊“開始”-“所有程 序”-Microsoft Office-Microsoft PowERPoint 2010。在桌面上就會(huì)出現(xiàn)新建的文件了。
二、制作步驟
1.基礎(chǔ)文字篇(做出一個(gè)簡(jiǎn)單的PPT)
1)啟動(dòng)PowERPoint,打開一張空白幻燈片;
2)在左上測(cè)部分點(diǎn)擊版式選擇一個(gè)你喜歡的版式;
3)在空白幻燈片里輸入我們事先準(zhǔn)備好的內(nèi)容,一張幻燈片上可以插入多個(gè)對(duì)象,幻燈片就像一個(gè)舞臺(tái),而對(duì)象就像演員一樣。
4)在制作過(guò)程中感到幻燈片不夠用時(shí),就需要插入幻燈片。
十、網(wǎng)頁(yè)設(shè)計(jì)技巧:網(wǎng)頁(yè)設(shè)計(jì)中圖片該怎么排版?
一 個(gè)性的導(dǎo)航設(shè)計(jì),字母就是。
二 登錄頁(yè)面設(shè)計(jì)
三 頁(yè)面的分屏設(shè)計(jì)
四 古典風(fēng)格頁(yè)面設(shè)計(jì) ,照片質(zhì)量、攝影技術(shù)要求。
五 版式布局幾何形設(shè)計(jì)
再來(lái)一組網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意配圖:
這些都可以用在網(wǎng)頁(yè)設(shè)計(jì)的輪播圖中。