新聞中心
培訓(xùn)機(jī)構(gòu)HTML5課程都有哪些內(nèi)容?
一般會(huì)有CSS、js、web服務(wù)器的應(yīng)用等課程,一般HTML5設(shè)計(jì)的知識點(diǎn)比較廣,詳細(xì)的知識點(diǎn)課程一般會(huì)有:
成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括平遙網(wǎng)站建設(shè)、平遙網(wǎng)站制作、平遙網(wǎng)頁制作以及平遙網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,平遙網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到平遙省份的部分城市,未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
一、web頁面制作基礎(chǔ)
認(rèn)識web前端和Html
掌握HTML應(yīng)用
掌握CSS在開發(fā)中的使用
頁面標(biāo)準(zhǔn)化布局
二、UI網(wǎng)站設(shè)計(jì)
UI軟件基礎(chǔ)
Axure原型圖設(shè)計(jì)
UI頁面設(shè)計(jì)
網(wǎng)頁界面UI設(shè)計(jì)的配色
WEB界面設(shè)計(jì)
多風(fēng)格類型的WEB界面設(shè)
三、編程基礎(chǔ)技術(shù)
掌握js基本語法與流程控制相關(guān)操作
使用 JS 結(jié)合 HTML 實(shí)現(xiàn)代表性的 JS 特效制作
獨(dú)立完成網(wǎng)頁中常見特效的編寫
第三方特效插件的使用
四、后端開發(fā)技術(shù)
web服務(wù)器
掌握http協(xié)議
了解web服務(wù)器和APP的關(guān)系
NodeJS
使用NodeJS搭建web服務(wù)器
使用NodeJS搭建socket服務(wù)器
express框架快速構(gòu)建web應(yīng)用程序
MongoDB
MongoDB 基本使用
PHP語法
PHP常用操作
數(shù)據(jù)庫的基本操作
PHP 從數(shù)據(jù)庫獲取動(dòng)態(tài)數(shù)據(jù)
PHPCMS二次開發(fā)
PHPCMS模板開發(fā)
五、移動(dòng)互聯(lián)網(wǎng)應(yīng)用
Html5的應(yīng)用
Html5初級實(shí)戰(zhàn)靜態(tài)網(wǎng)頁綜合開發(fā)
Html5相關(guān)知識擴(kuò)展
CSS3應(yīng)用
LESS用法
SASS使用
響應(yīng)式頁面布局
微網(wǎng)站的制作
Cordova
移動(dòng)應(yīng)用的流行框架
移動(dòng)WEB開發(fā)
六、特效開發(fā)高級實(shí)戰(zhàn)
AJAX詳解
jQuery框架詳解
jQuery Mobile
Bootstrap
AngularJS
七、企業(yè)級應(yīng)用開發(fā)
Html5地理位置應(yīng)用
Html5離線應(yīng)用
Html5 webworker多線程實(shí)現(xiàn)
Html5 websocket(通信協(xié)議)
跨平臺開發(fā)技術(shù)
webAPP開發(fā)技術(shù)
webAPP的設(shè)計(jì)模式
Ionic
網(wǎng)站頁面布局的發(fā)展有什么新趨勢
(1)新技術(shù)出現(xiàn)使得布局和配色上更加自由
網(wǎng)站頁面從以往的純文字到圖片的應(yīng)用,再到多媒體技術(shù)的出現(xiàn),如今頁面內(nèi)容是越來越豐富的,雖然網(wǎng)頁的元素出現(xiàn)多元化的現(xiàn)象,但是在布局和配色上基本上都是一成不變的,然而隨著html5 以及是Flahs技術(shù)的廣泛應(yīng)用,如今動(dòng)態(tài)化的頁面布局和配色受到廣泛的歡迎,新技術(shù)的應(yīng)用使得頁面布局和配色呈現(xiàn)出不同的效果,用戶們看到的更多是不同的布局與配色網(wǎng)頁。
(2)網(wǎng)絡(luò)終端多元化給頁面布局帶來的新挑戰(zhàn)
伴隨移動(dòng)手機(jī)、平板電腦等移動(dòng)終端的廣泛應(yīng)用,人們接入網(wǎng)絡(luò)的方式也變得多元化起來,而多種多樣的移動(dòng)終端,給頁面布局帶來的新挑戰(zhàn)是,屏幕的分辨率發(fā)生很大的變化,從小屏幕手機(jī)到中尺寸的平板電腦,再到大屏幕的觸摸設(shè)備,各種不同分辨率的屏幕給網(wǎng)站建設(shè)者們帶來新的挑戰(zhàn),要如何將顯示效果呈現(xiàn)在不同的終端上,這就需要建站者們的精心布局與思量了。
HTML5+CSS3小實(shí)例:手風(fēng)琴式加載動(dòng)畫
HTML5+CSS3做一個(gè)手風(fēng)琴式的加載動(dòng)畫,這動(dòng)畫、這質(zhì)感、這配色,就問你喜不喜歡?!這個(gè)案例的知識點(diǎn)主要是:css的自定義屬性 + 動(dòng)畫延遲 + 顏色濾鏡(hue-rotate)。
效果:
源碼:
零基礎(chǔ)的人怎么用 HTML5 制作幻燈片
ppt基礎(chǔ)知識及使用技巧
PowerPoint軟件是教師制作課件的主要工具之一。下面介紹了ppt的一些基礎(chǔ)知識及使用技巧,僅供初學(xué)課件制作者參考 。
一、PPT的啟動(dòng)和退出
1、打開方法:
方法一 :單擊桌面“開始”按鈕,選擇“程序”→“Microsoft Office”→“Microsoft Office PowerPoint 2003”。這是一種標(biāo)準(zhǔn)的啟動(dòng)方法。
方法二: 雙擊桌面快捷方式圖標(biāo)“Microsoft Office PowerPoint ....”。這是一種快速的啟動(dòng)方法。
2、退出方法:
方法一:單擊窗口右上角的“× ”。
方法二: 關(guān)閉所有演示文稿并退出PPT
單擊菜單“文件”→“退出”。
二、幻燈片版式的選擇
在右側(cè)幻燈片版式中選擇并單擊需要的版式。教師在實(shí)際的課件制作過程中,希望能夠自己設(shè)計(jì)模板,這時(shí)可采用“內(nèi)容版式”中的“空白”版式,進(jìn)行自由的創(chuàng)作。
三、有關(guān)幻燈片的各種操作
應(yīng)用PPT進(jìn)行設(shè)計(jì)的簡單過程是:首先按照順序創(chuàng)建若干張幻燈片,然后在這些幻燈片上插入需要的對象,最后按照幻燈片順序從頭到尾進(jìn)行播放(可以為對象創(chuàng)建超級鏈接來改變幻燈片的播放順序)。
幻燈片在PPT設(shè)計(jì)中處于核心地位,有關(guān)幻燈片的操作包括幻燈片的選擇、插入、刪除、移動(dòng)和復(fù)制,這些操作既可以在“普通視圖”下進(jìn)行,也可以在“幻燈片瀏覽視圖”下進(jìn)行。下面以“普通視圖”為例,介紹有關(guān)幻燈片的各種操作。在“普通視圖”下,PPT主窗口的左側(cè)是“大綱編輯窗口”,其中包括“大綱”和“幻燈片”兩個(gè)標(biāo)簽,點(diǎn)擊“幻燈片”標(biāo)簽,這時(shí)將顯示當(dāng)前演示文稿內(nèi)所有幻燈片的縮略圖,每張幻燈片前的序號表示它在播放時(shí)所處的順序,通過拖動(dòng)滾動(dòng)條可顯示其余幻燈片,有關(guān)幻燈片的操作在該區(qū)域進(jìn)行。
1、幻燈片的選擇
有許多操作的前提都要求先選擇幻燈片,對幻燈片的選擇包括單選(選擇一張幻燈片)和多選(同時(shí)選擇多張幻燈片),其中多選又包括連續(xù)多選(相鄰的多張幻燈片)和非連續(xù)多選(不相鄰的多張幻燈片),操作方法如下:
(1) 單選:單擊需要選定的幻燈片縮略圖(如上圖:左側(cè)黃色方框里的幻燈片尾縮略圖),縮略圖出現(xiàn)藍(lán)色框線,該幻燈片被稱作“當(dāng)前幻燈片”。
(2)連續(xù)多選:先單擊相鄰多張幻燈片的第一張,然后按住Shift鍵,單擊最后一張。
(3) 非連續(xù)多選:先單擊某張幻燈片,然后按住Ctrl鍵,單擊需要選擇的幻燈片。
2、幻燈片的插入
在設(shè)計(jì)過程中感到幻燈片不夠用時(shí),就需要插入幻燈片。插入幻燈片有四種方法,分別是:
方法一: 先選擇某張幻燈片,然后單擊菜單“插入”→“新幻燈片”,當(dāng)前幻燈片之后被插入了一張新幻燈片。
方法二: 先選擇某張幻燈片,然后單擊格式工具欄的“新幻燈片”按鈕,當(dāng)前幻燈片之后被插入了一張新幻燈片。
方法三:右擊某張幻燈片,然后選擇彈出菜單中的“新幻燈片”項(xiàng),該張幻燈片之后被插入了一張新幻燈片。
方法四:先選擇某張幻燈片,然后按“回車”鍵,當(dāng)前幻燈片之后被插入了一張新幻燈片。
3 幻燈片的刪除
若某張(些)幻燈片不再有用,就需要?jiǎng)h除幻燈片。刪除幻燈片有三種方法,分別是:
方法一 :選擇欲刪除幻燈片(可以多選),然后按鍵盤上的“Delete”鍵,被選幻燈片被刪除,其余幻燈片將順序上移。
方法二:選擇欲刪除幻燈片(可以多選),然后選擇菜單“編輯”→“剪切”,被選幻燈片被刪除,其余幻燈片將順序上移。
方法三 : 右擊欲刪除幻燈片(可以多選),然后選擇彈出菜單中的“刪除幻燈片”項(xiàng),被選幻燈片被刪除,其余幻燈片將順序上移。
4、 幻燈片的移動(dòng)
有時(shí)幻燈片的播放順序不合要求,就需要移動(dòng)幻燈片的位置,調(diào)整幻燈片的順序。移動(dòng)幻燈片有兩種方法,分別是:
(1)拖動(dòng)的方法: 選擇欲移動(dòng)的幻燈片,用鼠標(biāo)左鍵將它拖動(dòng)到新的位置,在拖動(dòng)過程中,有一條黑色橫線隨之移動(dòng),黑色橫線的位置決定了幻燈片移動(dòng)到的位置,當(dāng)松開左鍵時(shí),幻燈片就被移動(dòng)到了黑色橫線所在的位置。
(2)剪切的方法: 選擇欲移動(dòng)的幻燈片,然后選擇菜單“編輯”→“剪切”,被選幻燈片消失,單擊想要移動(dòng)到的新位置,會(huì)有一條黑色橫線閃動(dòng)指示該位置,然后選擇菜單“編輯”→“粘貼”,幻燈片就移動(dòng)到了該位置。
5 幻燈片的復(fù)制
當(dāng)需要大量相同幻燈片時(shí),可以復(fù)制幻燈片。復(fù)制幻燈片的方法是:
1)選擇需要復(fù)制的幻燈片。
2)右擊選中的幻燈片,在彈出菜單中選擇“復(fù)制”項(xiàng)。
3)右擊復(fù)制的目標(biāo)位置,在彈出菜單中選擇“粘貼”項(xiàng)。
事實(shí)上,有關(guān)幻燈片的操作在“幻燈片瀏覽視圖”下進(jìn)行將更加方便和直觀,大家可以自己嘗試。
PPT主窗口左下角有三個(gè)視圖按鈕,分別為“普通視圖”、“幻燈片瀏覽視圖”和“幻燈片放映”,點(diǎn)擊它們可以在不同視圖之間切換。
6、改變幻燈片的背景
幻燈片的背景指的是幻燈片的底色,PPT默認(rèn)的幻燈片背景為白色。為了提高演示文稿的可視性,我們往往要改變幻燈片的背景,PPT提供了多種方法允許用戶自行設(shè)計(jì)豐富多彩的背景。背景的種類包括單色、漸變、紋理、圖案、圖片和設(shè)計(jì)模板,下面分別介紹它們的實(shí)現(xiàn)方法。
(1 )“背景”對話框
通過“背景”對話框,可以設(shè)置幻燈片的各種背景。調(diào)出背景對話框有兩種方法:
方法一 :選擇菜單“格式”→“背景”,彈出“背景”對話框。
方法二 :右擊幻燈片空白區(qū),彈出“背景”對話框。
在“背景”對話框中,左半部“背景填充”顯示了當(dāng)前背景,左下部下拉按鈕可以選擇“其他顏色”或“填充效果”,右半部“應(yīng)用”按鈕指將背景應(yīng)用到當(dāng)前幻燈片,“全部應(yīng)用”按鈕指將背景應(yīng)用到所有幻燈片。當(dāng)點(diǎn)擊“全部應(yīng)用”后,新建的幻燈片自動(dòng)應(yīng)用該背景。
(2 )單色背景的設(shè)置
單色背景指背景使用單一的顏色,也稱純色,默認(rèn)的白色背景就是一種單色背景。在“背景”對話框中,單擊背景填充下拉鍵頭,選擇“其他顏色”,彈出“顏色”對話框,該對話框有兩個(gè)標(biāo)簽:“標(biāo)準(zhǔn)”和“自定義”。
標(biāo)準(zhǔn):提供了256種標(biāo)準(zhǔn)色和16種由白到黑的灰度色,單擊想要的的顏色,確定。
自定義:可通過兩種方式選擇顏色:
1) 單擊中部的調(diào)色盤選擇一種基本色,通過上下拖動(dòng)右邊滑塊調(diào)整亮度,確定。
2) 直接在下方輸入紅綠藍(lán)的顏色值指定顏色。
(3 )漸變背景的設(shè)置
漸變指的是由一種顏色逐漸過渡到另一種顏色,漸變色會(huì)給人一種眩目的感覺。在“背景”對話框中,單擊背景填充下拉鍵頭,選擇“填充效果”,彈出“填充效果”對話框,該對話框有四個(gè)標(biāo)簽:“漸變”、“紋理”、“圖案”和“圖片”,選擇“漸變”標(biāo)簽。
在“漸變標(biāo)簽”的下部是“底紋樣式”和“變形”,“底紋樣式”決定了漸變的方向,共6類;“變形”決定了漸變顏色所處的位置,共4類,兩者配合,可產(chǎn)生24種漸變效果。
在“漸變標(biāo)簽”的上部是“顏色”,包括“單色”、“雙色”和“預(yù)設(shè)”,它們決定了參與漸變的兩種顏色分別是什么。
①單色:指某種顏色到黑色或白色的漸變,顏色1可為任意顏色(單擊下拉箭頭選擇顏色),顏色1下方的滑塊決定了另一種顏色是黑色還是白色,“深”指黑色,“淺”指白色,拖動(dòng)滑塊調(diào)整黑白。
② 雙色:通過選擇顏色1和顏色2指定參與漸變的兩種顏色。
③預(yù)設(shè):PPT預(yù)設(shè)了24種漸變配色方案,每種方案起了一個(gè)好聽的名字,可供用戶快速選擇。
(4) 紋理、圖案和圖片背景的設(shè)置
紋理指PPT預(yù)設(shè)了一些圖片作為用戶的背景選擇;圖案指以某種顏色為背景,以前景色作為線條色所構(gòu)成的圖案背景;圖片指可以采用外部圖像文件作為背景。
1) 紋理背景的設(shè)置:在“紋理”標(biāo)簽下,單擊某個(gè)紋理,確定。
2) 圖案背景的設(shè)置:在“圖案”標(biāo)簽下,單擊某個(gè)圖案,選擇前景色和背景色,確定。
3) 圖片背景的設(shè)置:在“圖片”標(biāo)簽下,單擊“選擇圖片”按鈕,在隨之出現(xiàn)的“選擇圖片”對話框中找到外存中的圖片文件,雙擊,確定。
(5) 應(yīng)用設(shè)計(jì)模板作背景
除了可以使用“背景”對話框設(shè)置背景外,PPT還提供了應(yīng)用設(shè)計(jì)模板作背景。設(shè)計(jì)模板是一種PPT文件,其中規(guī)定了背景圖像和各級標(biāo)題的字體字號,可供用戶直接使用。用戶既可以使用PPT內(nèi)置的設(shè)計(jì)模板,也可以自己制作設(shè)計(jì)模板供以后使用。使用PPT內(nèi)置的設(shè)計(jì)模板的方法是:
1) 在“任務(wù)窗格”菜單中選擇“幻燈片設(shè)計(jì)”,打開幻燈片設(shè)計(jì)任務(wù)窗格。
2) 單擊幻燈片設(shè)計(jì)任務(wù)窗格中的一個(gè)模板,這時(shí)所有的幻燈片都被應(yīng)用了這個(gè)模板。
3) 若只想讓某張幻燈片應(yīng)用模板,先選擇這張幻燈片,然后把鼠標(biāo)移到想要應(yīng)用的模板上,出現(xiàn)下拉鍵頭點(diǎn)擊,選擇“應(yīng)用于選定幻燈片”,這樣只有被選定的幻燈片才應(yīng)用了這個(gè)模板。
4) 如果希望讓某個(gè)模板作為PPT啟動(dòng)時(shí)的默認(rèn)模板,則選擇“用于所有新演示文稿”。
5) 如果想要使用自己制作的模板或下載的模板,點(diǎn)擊幻燈片設(shè)計(jì)任務(wù)窗格左下角的“瀏覽”,在彈出的對話框中找到模板文件,雙擊,該模板被應(yīng)用到所有幻燈片,且出現(xiàn)在模板列表中。
7、 在幻燈片中插入對象
一張幻燈片上可以插入多個(gè)對象,幻燈片就像一個(gè)舞臺,而對象就像演員一樣。PPT支持的對象種類非常多,包括文字、圖片、剪貼畫、自選圖形、藝術(shù)字、組織結(jié)構(gòu)圖、影片、聲音、圖表、表格等,正是由于種類豐富的對象,PPT才擁有了誘人的魅力。
(1)插入文本框:
插入文本框的方法是:
1) 點(diǎn)擊繪圖工具欄的文本框按鈕。
2) 在幻燈片上單擊(單行文本框)或拖動(dòng)(多行文本框)。
3)輸入文本框內(nèi)容。
單行文本框的文字只占一行,隨著輸入文字的增多,文本框會(huì)向右變長;多行文本框的寬度固定,當(dāng)文字輸入到文本框右端會(huì)自動(dòng)換行。文本框有兩種狀態(tài):編輯狀態(tài)和選定狀態(tài)。編輯狀態(tài)為斜線外框,框內(nèi)有光標(biāo)閃動(dòng),可以添加和刪除文字;選定狀態(tài)為點(diǎn)虛線外框,框內(nèi)無光標(biāo),可以對文本框的整體進(jìn)行操作,例如移動(dòng)或刪除整個(gè)文本框。在文本框內(nèi)部單擊可轉(zhuǎn)為編輯狀態(tài),在文本框的框線上單擊可轉(zhuǎn)為選定狀態(tài)。
“格式”工具欄為文字的修飾提供了幫助,從左至右分別為:字體、字號、加粗、傾斜、下劃線、陰影、左對齊、居中、右對齊、分散對齊、更改文字方向、編號、項(xiàng)目符號、增大字號、減小字號、減少縮進(jìn)量、增加縮進(jìn)量、字體顏色。
字體:提供了大量的中英文字體,通過下拉菜單進(jìn)行選擇。
字號:控制字的大小,字號越大字越大,可以通過下拉菜單進(jìn)行選擇,也可直接輸入字號。
加粗:使字體加粗,點(diǎn)擊一次起作用,再次點(diǎn)擊取消。
傾斜:使字體傾斜,點(diǎn)擊一次起作用,再次點(diǎn)擊取消。
下劃線:為文字加下劃線,點(diǎn)擊一次起作用,再次點(diǎn)擊取消。
陰影:為文字加陰影,點(diǎn)擊一次起作用,再次點(diǎn)擊取消。
左對齊:使行內(nèi)文字靠左對齊。
居中:使行內(nèi)文字居中對齊。
右對齊:使行內(nèi)文字靠右對齊。
分散對齊:使行內(nèi)文字分散排滿一行。
更改文字方向:使橫排文字變豎排或豎排文字變橫排。
編號:為行加數(shù)字編號。
項(xiàng)目符號:為行加項(xiàng)目符號。
增大字號:點(diǎn)擊后使被選文字字號增4。
減小字號:點(diǎn)擊后使被選文字字號減4。
減少縮進(jìn)量:點(diǎn)擊后使光標(biāo)所在行文字向左移3個(gè)英文字符位。
增加縮進(jìn)量:點(diǎn)擊后使光標(biāo)所在行文字向右移3個(gè)英文字符位。
字體顏色:設(shè)置被選字體的顏色,通過下拉菜單選擇,直接點(diǎn)擊應(yīng)用上次所選顏色。
使用“格式”工具欄按鈕一般要求選擇文字,文本框在編輯狀態(tài)下可以通過拖動(dòng)選擇部分文字,在選中狀態(tài)下相當(dāng)于選擇了所有文字。
(2)插入圖片
圖片指可被系統(tǒng)識別的外部位圖或矢量圖文件,PPT可識別的圖片文件非常多,包括emf、wmf、jpg、png、bmp、gif、tif等,圖片可以從網(wǎng)絡(luò)下載,也可以使用圖像處理軟件制作,或者通過數(shù)碼相機(jī)、掃描儀等圖像輸入設(shè)備獲取,在插入圖片前要保證該圖片已保存在外存中。
插入圖片的方法是:
1)單擊“繪圖”工具欄“插入圖片”按鈕。
2)在彈出的“插入圖片”對話框中找到需要插入的圖片,雙擊。
插入的圖片四周有8個(gè)白色小圓,上部有一個(gè)綠色小圓,這些小圓稱作“控點(diǎn)”。白色小圓稱縮放控點(diǎn),用鼠標(biāo)拖動(dòng)縮放控點(diǎn)可以調(diào)整圖片的大??;綠色小圓稱旋轉(zhuǎn)控點(diǎn),用鼠標(biāo)拖動(dòng)可以旋轉(zhuǎn)圖片。將鼠標(biāo)移到圖片上,鼠標(biāo)指針會(huì)變成十字箭頭形,拖動(dòng)鼠標(biāo)可移動(dòng)圖片,在拖動(dòng)過程中,有一個(gè)虛框會(huì)隨之移動(dòng),它表示圖片移動(dòng)的目的位置,當(dāng)虛框到達(dá)目的位置。松開鼠標(biāo)左鍵,圖片即可定位。
“圖片”工具欄是對圖片進(jìn)行簡單處理的有力工具,從左至右依次為:插入圖片、顏色、增加對比度、降低對比度、增加亮度、降低亮度、裁剪、向左旋轉(zhuǎn)90°、線型、壓縮圖片、圖片重新著色、設(shè)置圖片格式、設(shè)置透明色、重設(shè)圖片。
插入圖片:與“繪圖”工具欄“插入圖片”按鈕相同。
顏色:改變圖片的顏色效果,可設(shè)置圖片為灰度、黑白和沖蝕。
增加對比度:提高對比度,往往能使模糊的圖像變得清晰,每單擊一次,提高一點(diǎn)。
降低對比度:減小對比度,往往能使尖銳的圖像變得柔和,每單擊一次,減小一點(diǎn)。
增加亮度:使暗淡的圖像變得明亮。
降低亮度:使過亮的圖像變暗。
裁剪:剪掉無用的部分,保留有用的部分(只能保留矩形區(qū)域)。單擊后,圖片四周出現(xiàn)類似控點(diǎn)的短橫線,拖動(dòng)確定保留區(qū)域,再單擊圖片外空白區(qū)生效。
向左旋轉(zhuǎn)90°:單擊一次圖片向左旋轉(zhuǎn)90°。
線型:可設(shè)置圖片外框線的粗細(xì)。單擊,然后選擇相應(yīng)寬度的線條。
壓縮圖片:用于減小圖片在演示文稿中所占的容量。
圖片重新著色:可以改變矢量圖的顏色(對位圖不起作用)。
設(shè)置圖片格式:對圖片進(jìn)行綜合設(shè)置,可通過輸入精確的數(shù)值改變圖片格式。
設(shè)置透明色:用于去除圖片背景,也稱“摳圖”。單擊該按鈕,然后單擊圖片背景,圖片背景即被去除,當(dāng)圖片背景為純色時(shí)效果好,否則去不凈。
重設(shè)圖片:單擊后,圖片回到剛插入時(shí)的狀態(tài),對圖片做的一切修改都不起作用。
只有當(dāng)選中圖片后,“圖片”工具欄才會(huì)出現(xiàn),若選中圖片后“圖片”工具欄仍未出現(xiàn),可右擊圖片,選擇“顯示圖片工具欄”。
(3) 插入剪貼畫
剪貼畫是Office提供的一個(gè)素材集,內(nèi)含大量的矢量圖和位圖,可供用戶直接選用。插入剪貼畫的方法是:
1)單擊“繪圖”工具欄“插入剪貼畫”按鈕。
2)出現(xiàn)了“剪貼畫”任務(wù)窗格,點(diǎn)擊“搜索”按鈕,任務(wù)窗格中會(huì)出現(xiàn)所有的剪貼畫,單擊其中一個(gè),該剪貼畫被插入到幻燈片中。
3)Office默認(rèn)顯示所有剪貼畫,通過選擇“搜索范圍”和“結(jié)果類型”可以減少顯示的剪貼畫數(shù)量,方便篩選。
對剪貼畫的操作與圖片操作相類似,只不過大部分剪貼畫為矢量圖,矢量圖的優(yōu)點(diǎn)是縮放不失真,占用的容量小,缺點(diǎn)是不能使用“圖片”工具欄修飾。
(4) 插入自選圖形
自選圖形是Office系列軟件的一大特色,通過使用自選圖形和自選圖形的組合,用戶可以自己創(chuàng)作復(fù)雜的矢量圖。在“繪圖”工具欄有4個(gè)常用的自選圖形:直線、箭頭、矩形和橢圓,使用自選圖形的一般方法是點(diǎn)擊圖形按鈕,在幻燈片上拖動(dòng)即可出現(xiàn)該圖形,使用縮放控點(diǎn)和旋轉(zhuǎn)控點(diǎn)調(diào)整大小和旋轉(zhuǎn)角度。
Office還提供了一個(gè)自選圖形集,內(nèi)含幾十種自選圖形供用戶選用,單擊“繪圖”工具欄“自選圖形”按鈕,選擇其中的一個(gè)子類別,找到需要的自選圖形單擊,然后在幻燈片上拖動(dòng)作圖。
大部分自選圖形都是通過拖動(dòng)作圖,但有兩個(gè)特例,即“線條”類的“曲線”和“任意多邊形”?!扒€”用于繪制帶有彎度的弧線或曲邊封閉圖形,使用方法是:在起點(diǎn)單擊,在需要轉(zhuǎn)彎處繼續(xù)單擊,鼠標(biāo)移動(dòng)過程中曲線的形狀會(huì)隨著改變,在終點(diǎn)處雙擊,結(jié)束曲線繪制,若在起點(diǎn)處雙擊,則會(huì)出現(xiàn)曲邊封閉圖形;“任意多邊形”用于繪制折線或多邊形,使用方法是:在起點(diǎn)單擊,在轉(zhuǎn)角處繼續(xù)單擊,在終點(diǎn)處雙擊,結(jié)束折線繪制,若在起點(diǎn)處雙擊,則會(huì)出現(xiàn)多邊形。
線 曲線 曲邊封閉圖形 折線 多邊形
當(dāng)形狀繪制完畢后,有時(shí)需要改變形狀,這就需要編輯頂點(diǎn),頂點(diǎn)指在繪制過程中每次單擊所產(chǎn)生的點(diǎn)。要編輯頂點(diǎn),先選擇該形狀,然后單擊“繪圖”工具欄的“繪圖”按鈕,在彈出菜單中選擇“編輯頂點(diǎn)”,這時(shí)頂點(diǎn)就會(huì)出現(xiàn)在形狀上,拖動(dòng)頂點(diǎn)就可以改變形狀,編輯完后在空白處單擊即可。
插入自選圖形后,可以通過“設(shè)置自選圖形格式”來改變圖形的填充色、線條色,精確控制圖形的大小、旋轉(zhuǎn)角度和在幻燈片上的位置。
在圖形上雙擊,即可打開“設(shè)置自選圖形格式”對話框,該對話框有三個(gè)標(biāo)簽:“顏色和線條”、“尺寸”、位置。
顏色和線條:在“填充”區(qū),單擊“顏色”下拉箭頭,設(shè)置填充顏色,透明度指是否能透視下層對象,透明度為0,表示完全不透明,為100表示完全透明;在“線條”區(qū)可設(shè)置線條的顏色、形狀和粗細(xì);在“箭頭”區(qū),若為非封閉圖形,可設(shè)定線條兩端的箭頭。
尺寸:在“尺寸和旋轉(zhuǎn)”區(qū),可用數(shù)值精確設(shè)置形狀的寬高和旋轉(zhuǎn)度數(shù);在“縮放比例”區(qū),可設(shè)置寬高占原圖形寬高的百分比;“鎖定縱橫比”復(fù)選框被選中時(shí),高度的變化會(huì)同時(shí)導(dǎo)致寬度按比例變化,這將不破壞原圖形的寬高比例。
位置:設(shè)置圖形相對幻燈片的擺放位置,可以使用數(shù)值精確定位。
(5) 插入藝術(shù)字
使用文本框輸入的文字在顏色和形狀上都缺乏變化,因此,Office又創(chuàng)造了藝術(shù)字,用于制作豐富多彩的文字。插入藝術(shù)字的方法是:
1)單擊“繪圖”工具欄“插入藝術(shù)字”按鈕。
2)出現(xiàn)“藝術(shù)字庫”對話框,從中選擇一種藝術(shù)字,點(diǎn)擊“確定”按鈕。
3)出現(xiàn)“編輯藝術(shù)字文字”對話框,輸入藝術(shù)字的內(nèi)容,設(shè)置字體、字號,確定。
4)藝術(shù)字出現(xiàn)在幻燈片上,并處于選中狀態(tài)。
藝術(shù)字是一種特殊的圖形,對它的操作和對自選圖形的操作相似,藝術(shù)字除了縮放和旋轉(zhuǎn)控點(diǎn)外,又多了一個(gè)調(diào)整控點(diǎn),這個(gè)調(diào)整控點(diǎn)是一個(gè)黃色的小菱形,拖動(dòng)后可改變藝術(shù)字的傾斜或彎度。
“藝術(shù)字”工具欄提供了多種對藝術(shù)字的編輯操作,從左至右分別為:插入藝術(shù)字、編輯文字、藝術(shù)字庫、設(shè)置藝術(shù)字格式、藝術(shù)字形狀、藝術(shù)字字母高度相同、藝術(shù)字豎排文字、藝術(shù)字對齊方式、藝術(shù)字字符間距。
插入藝術(shù)字:與“繪圖”工具欄“插入藝術(shù)字”按鈕相同。
編輯文字:點(diǎn)擊后彈出“編輯藝術(shù)字文字”對話框,可以修改藝術(shù)字內(nèi)容,等價(jià)操作是雙擊藝術(shù)字。
藝術(shù)字庫:點(diǎn)擊后彈出“藝術(shù)字庫”對話框,可以更換藝術(shù)字的效果。
設(shè)置藝術(shù)字格式:點(diǎn)擊后彈出“設(shè)置藝術(shù)字格式”對話框,該對話框與“設(shè)置自選圖形格式”對話框相似,可進(jìn)行顏色、大小、位置方面的設(shè)置。
藝術(shù)字形狀:提供了多種多樣的形狀供選擇。
藝術(shù)字字母高度相同:使藝術(shù)字字母高度相同,僅對英文有意義。
藝術(shù)字豎排文字:使藝術(shù)字在橫排和豎排之間切換。
藝術(shù)字對齊方式:當(dāng)藝術(shù)字有多行時(shí),可進(jìn)行各種對齊方式。
藝術(shù)字字符間距:調(diào)整藝術(shù)字的字間距。
“藝術(shù)字”工具欄與“圖片”工具欄相似,只有當(dāng)選中藝術(shù)字時(shí)才會(huì)出現(xiàn),若未出現(xiàn),右擊藝術(shù)字,選擇“顯示藝術(shù)字工具欄”。
(6) 插入組織結(jié)構(gòu)圖
組織結(jié)構(gòu)圖表示了一種樹狀的隸屬關(guān)系,在表示隸屬、分類時(shí)經(jīng)常用到。插入組織結(jié)構(gòu)圖的方法是:
1)單擊“繪圖”工具欄“插入組織結(jié)構(gòu)圖或其他圖示”按鈕。
2)在“圖示庫”對話框中選擇“組織結(jié)構(gòu)圖”。
3)幻燈片上出現(xiàn)默認(rèn)結(jié)構(gòu)圖,按照提示,單擊圖框,輸入各個(gè)圖框名。
“組織結(jié)構(gòu)圖”工具欄為修改組織結(jié)構(gòu)圖提供了極大的方便,它自左至右分別為:插入形狀、版式、選擇、適應(yīng)文字、自動(dòng)套用格式、顯示比例。
插入形狀:可以為某個(gè)圖框添加下屬、同事或助手。下屬指下級圖框,同事指同級圖框,助手指本圖框與下級圖框之間的圖框。此按鈕需要下拉箭頭進(jìn)行選擇,在使用前必須先選定一個(gè)圖框,否則不可用。
版式:決定了結(jié)構(gòu)圖的排列方式,可以是標(biāo)準(zhǔn)、兩邊懸掛、左懸掛、右懸掛。在使用前必須先選中某個(gè)上層圖框,使用后僅對該圖框的下層圖框起作用。
選擇 :可以對各種元素進(jìn)行選擇,選擇后可以更改填充色、線條色或文本色。該按鈕主要用于多選,若僅選擇單個(gè)元素,可以直接用鼠標(biāo)單擊選擇。
適應(yīng)文字:使文字的大小匹配圖框,這樣就無需手動(dòng)設(shè)置字號了。
自動(dòng)套用格式:提供了17種預(yù)設(shè)的格式,可以直接套用。
顯示比例:編輯時(shí)幻燈片的大小占實(shí)際播放時(shí)的百分比。
(7) 插入影片
影片指可被系統(tǒng)識別的外部視頻文件。PPT支持的視頻文件種類非常多,包括asf、avi、mpg、wmv等,影片可從網(wǎng)絡(luò)下載,也可從VCD截取,或者通過視頻采集卡從視頻源獲取,在插入影片前,由于視頻文件容量較大,為提高效率,應(yīng)使用視頻處理軟件把有用部分截取出來,然后將截取出的視頻文件拷貝到與PPT文件相同的文件夾中。插入影片的方法是:
1)選擇菜單“插入”→“影片和聲音”→“文件中的片”。 2)在彈出的插入影片對話框中找到所需插入的視頻文件雙擊。
3)在隨后彈出的對話框中選擇“自動(dòng)”或“在單擊時(shí)”?!白詣?dòng)”指當(dāng)播放到該張幻燈片時(shí)影片自動(dòng)播放,“在單擊時(shí)”指當(dāng)播放到該張幻燈片時(shí)只有單擊一下鼠標(biāo)影片才會(huì)放。
微信H5四大對比色配色方案分析
在制作 h5頁面 時(shí)確定好主色調(diào)之后,我們還需要選擇合適的配色,有時(shí)候配色的選擇比主色的更加困難。其中,常見的配色法就是對比色,而對比色又可以分為四種類型,也就是接下來我們要介紹的微信H5四大對比色配色方案。
1.120°或180°的對比
這種對比色包括色相對比、明度對比以及飽和度對比。在色相環(huán)中,某個(gè)顏色所對應(yīng)的120°或180°位置的顏色都是它的對比色,比如藍(lán)色與黃色,如果再通過明暗度以及飽和度的調(diào)控,我們還可以延伸出更多的對比色。
2.任意色彩與黑白灰的對比
任意色彩都可以與黑、白或灰進(jìn)行對比,這種對比用法是絕對不會(huì)錯(cuò)的,比如黑和紅、白和藍(lán)、灰和橘,都是比較經(jīng)典的對比色配色方案。一般,黑白灰是背景主色調(diào),而其他色彩則用來突出重點(diǎn)內(nèi)容,讓人一目了然。
3.深色與淺色的對比
如果背景是深色的,那么文字就可以用淺色,這樣可以更好地突出頁面主題,這種對比方法就是深色與淺色之間的對比法,它需要與前面幾種對比法結(jié)合起來。但是,這種對比法的視覺沖擊性不強(qiáng),我們可以再另外加上其他對比色,讓用戶眼前一亮。
4.冷色與暖色的對比
根據(jù)人們的心理感受,我們可以將色彩分為冷色、暖色以及中性色,而冷色與暖色的對比就是一種很好的對比方案。在色環(huán)中,冷色和暖色是對立的,這個(gè)和前面說到的120°或180°的對比色類似,它們可以給人帶來不一樣的視覺沖擊,比如藍(lán)色與黃色、紅色與黑色。
5.亮色與暗色的對比
亮色指的是色環(huán)中比較明亮、鮮艷的顏色,而暗色則相反,這兩種類型的顏色是相對而言的,有時(shí)候只有通過對比才能分辨哪個(gè)是亮色,哪個(gè)是暗色,比如同時(shí)暖色調(diào)的紅色與黃色,放在一起的時(shí)候,紅色就是暗色,而黃色就是亮色,它們具有明顯的對比效果,能讓頁面的設(shè)計(jì)感更強(qiáng)。
有了這些對比色配色方案,我們就能為微信H5挑選合適的配色了,大家在制作的時(shí)候依次嘗試這些方案,并選出合適的一個(gè)。
維本是一家強(qiáng)大的HTML5制作公司,專注于 企業(yè)H5 網(wǎng)站建設(shè)。同時(shí)提供人才招聘、企業(yè)宣傳、產(chǎn)品推廣、會(huì)議活動(dòng)、電商營銷等各類H5創(chuàng)作。維本為企業(yè)提供精致美觀的H5動(dòng)態(tài)展示、強(qiáng)大精準(zhǔn)的企業(yè)數(shù)據(jù)監(jiān)測分析及企業(yè)整合營銷方案幫助企業(yè)輕松實(shí)現(xiàn)社交平臺(微信、微博、QQ等)數(shù)字化營銷。 湖南維本網(wǎng)絡(luò)科技有限公司為中國數(shù)字技術(shù)型營銷領(lǐng)跑者、中國較早的微信應(yīng)用開發(fā),HTML5開發(fā)公司之一是該行業(yè)的風(fēng)向標(biāo),始終保持著一份與時(shí)俱進(jìn)的奮斗激情,及在行業(yè)的領(lǐng)跑者地位。公司總部坐落于長沙,服務(wù)全國各地的企業(yè),公司倡導(dǎo)數(shù)字技術(shù)型營銷理念,致力于為企業(yè)提供全方位的數(shù)字營銷解決方案,提供多種功能,實(shí)現(xiàn)內(nèi)容傳播,提高轉(zhuǎn)化率。
HTML5都培訓(xùn)什么?
HTML5時(shí)代的產(chǎn)物,也是為了滿足各大企業(yè)需求而產(chǎn)生的一門技術(shù),他是萬維網(wǎng)的核心語言,是超文本標(biāo)記語言的第五次重大修改。為了滿足企業(yè)的需求HTML5主要學(xué)習(xí)一下知識點(diǎn):
一、web頁面制作基礎(chǔ)
認(rèn)識web前端和Html
掌握HTML應(yīng)用
掌握CSS在開發(fā)中的使用
頁面標(biāo)準(zhǔn)化布局
二、UI網(wǎng)站設(shè)計(jì)
UI軟件基礎(chǔ)
Axure原型圖設(shè)計(jì)
UI頁面設(shè)計(jì)
網(wǎng)頁界面UI設(shè)計(jì)的配色
WEB界面設(shè)計(jì)
多風(fēng)格類型的WEB界面設(shè)
三、編程基礎(chǔ)技術(shù)
掌握js基本語法與流程控制相關(guān)操作
使用 JS 結(jié)合 HTML 實(shí)現(xiàn)代表性的 JS 特效制作
獨(dú)立完成網(wǎng)頁中常見特效的編寫
第三方特效插件的使用
四、后端開發(fā)技術(shù)
web服務(wù)器
掌握http協(xié)議
了解web服務(wù)器和APP的關(guān)系
NodeJS
使用NodeJS搭建web服務(wù)器
使用NodeJS搭建socket服務(wù)器
express框架快速構(gòu)建web應(yīng)用程序
MongoDB
MongoDB 基本使用
PHP語法
PHP常用操作
數(shù)據(jù)庫的基本操作
PHP 從數(shù)據(jù)庫獲取動(dòng)態(tài)數(shù)據(jù)
PHPCMS二次開發(fā)
PHPCMS模板開發(fā)
五、移動(dòng)互聯(lián)網(wǎng)應(yīng)用
Html5的應(yīng)用
Html5初級實(shí)戰(zhàn)靜態(tài)網(wǎng)頁綜合開發(fā)
Html5相關(guān)知識擴(kuò)展
CSS3應(yīng)用
LESS用法
SASS使用
響應(yīng)式頁面布局
微網(wǎng)站的制作
Cordova
移動(dòng)應(yīng)用的流行框架
移動(dòng)WEB開發(fā)
六、特效開發(fā)高級實(shí)戰(zhàn)
AJAX詳解
jQuery框架詳解
jQuery Mobile
Bootstrap
AngularJS
七、企業(yè)級應(yīng)用開發(fā)
Html5地理位置應(yīng)用
Html5離線應(yīng)用
Html5 webworker多線程實(shí)現(xiàn)
Html5 websocket(通信協(xié)議)
跨平臺開發(fā)技術(shù)
webAPP開發(fā)技術(shù)
webAPP的設(shè)計(jì)模式
Ionic
分享名稱:html5配色,css配色
文章來源:http://www.dlmjj.cn/article/dsggigo.html