資源簡(jiǎn)介

(共17張PPT)
匯報(bào)人：xxx
GENERAL TEACHING
1.1編輯網(wǎng)頁(yè)信息
問(wèn)題導(dǎo)入
學(xué)校即將迎來(lái)一年一度的科技節(jié)，本屆科技節(jié)的主題是”科技創(chuàng)新，自主可控“。本單元打算制作一個(gè)與主題相關(guān)的網(wǎng)頁(yè)，讓更多的同學(xué)了解我國(guó)科技發(fā)展的現(xiàn)狀，感受科技的魅力。
大家想一想:“制作網(wǎng)頁(yè)應(yīng)該使用什么工具呢 ”“怎樣才能制作一個(gè)好的網(wǎng)頁(yè) ......
活動(dòng)1：瀏覽網(wǎng)頁(yè)
活動(dòng)說(shuō)明：
瀏覽網(wǎng)頁(yè)是獲取信息的重要手段，隨著計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)技術(shù)的飛速發(fā)展網(wǎng)頁(yè)的呈現(xiàn)形式越來(lái)越豐富。在互聯(lián)網(wǎng)中搜索并瀏覽與科技創(chuàng)新相關(guān)的網(wǎng)頁(yè)，把你認(rèn)為優(yōu)秀的網(wǎng)頁(yè)收藏下來(lái)，完成表格，總結(jié)這些優(yōu)秀的網(wǎng)頁(yè)在設(shè)計(jì)與制作方面的可借鑒之處。
網(wǎng)頁(yè)收藏記錄表 網(wǎng)頁(yè)名稱 可借鑒之處
網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)，是一個(gè)包含HTML標(biāo)簽的純文本文件，采用超文本標(biāo)記語(yǔ)言格式(文件擴(kuò)展名為.html或.htm)。
什么是網(wǎng)頁(yè)？
邊看邊思：網(wǎng)頁(yè)上有哪些元素？
網(wǎng)頁(yè)的基本元素
動(dòng)畫在網(wǎng)頁(yè)中的作用是有效地吸引訪問(wèn)者更多的注意。
Flash動(dòng)畫
聲音是多媒體和視頻網(wǎng)頁(yè)重要的組成部分。
聲音
表格是在網(wǎng)頁(yè)中用來(lái)控制面業(yè)信息的布局方式。
表格
視頻文件的采用是網(wǎng)頁(yè)效果更加精彩且富有動(dòng)感。
視頻
圖像元素在網(wǎng)頁(yè)中具有提供信息并展示直觀形象的作用。
圖像
文本是網(wǎng)頁(yè)上最重要的信息載體和交流工具，網(wǎng)頁(yè)中的主要信息一般都以文本形式為主。
文本
01
02
03
04
05
06
網(wǎng)頁(yè)的基本元素
導(dǎo)航欄：導(dǎo)航欄在網(wǎng)頁(yè)中是一組超鏈接，其連接的目的端是網(wǎng)頁(yè)中重要的頁(yè)面。
活動(dòng)2：認(rèn)識(shí)h5網(wǎng)頁(yè)
隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展，越來(lái)越多的商家和企業(yè)利用 H5 網(wǎng)頁(yè)來(lái)做營(yíng)銷推廣。
我們平時(shí)在移動(dòng)設(shè)備上看到的邀請(qǐng)函、賀卡、小游戲、測(cè)試題等很多都是 H5 網(wǎng)頁(yè)。
尋找H5網(wǎng)頁(yè)
1、什么是H5網(wǎng)頁(yè)？
2、你使用過(guò)哪些H5網(wǎng)頁(yè)，它們有什么特點(diǎn)？
認(rèn)識(shí)H5頁(yè)面
H5頁(yè)面與傳統(tǒng)的PC端網(wǎng)頁(yè)相比，H5頁(yè)面更加輕便、美觀、互動(dòng)性強(qiáng)，適合于在移動(dòng)設(shè)備上瀏覽，提供了更好的用戶體驗(yàn)。H5頁(yè)面可以包含文字、圖片、音頻、視頻和動(dòng)畫等多種元素，還可以與用戶進(jìn)行互動(dòng)，如表單、投票和分享等。
H5頁(yè)面:又稱HTML5頁(yè)面，是一種基于HTML5技術(shù)開發(fā)的動(dòng)態(tài)網(wǎng)頁(yè)。
靜態(tài)網(wǎng)頁(yè)，其內(nèi)容是預(yù)先確定的，并存儲(chǔ)在Web服務(wù)器或者本地計(jì)算機(jī)/服務(wù)器之上。模板一旦確定下來(lái)，不容易修改，更新比較費(fèi)時(shí)費(fèi)事。
動(dòng)態(tài)網(wǎng)頁(yè)，是取決于由用戶提供的參數(shù)，并根據(jù)存儲(chǔ)在數(shù)據(jù)庫(kù)中的網(wǎng)站上的數(shù)據(jù)中創(chuàng)建的頁(yè)面。
靜態(tài)網(wǎng)頁(yè)
動(dòng)態(tài)網(wǎng)頁(yè)
靜態(tài)網(wǎng)頁(yè)VS動(dòng)態(tài)網(wǎng)頁(yè)
認(rèn)識(shí)H5頁(yè)面
騰訊新聞的移動(dòng)端網(wǎng)站就是一個(gè)典型的H5網(wǎng)站。它采用了響應(yīng)式設(shè)計(jì)，能夠自適應(yīng)不同尺寸的屏幕，保證在不同設(shè)備上都能獲得良好的閱讀體驗(yàn)。同時(shí)，騰訊新聞還利用了HTML5的多媒體特性，在網(wǎng)站上嵌入了豐富的視頻和音頻內(nèi)容，增強(qiáng)了新聞的生動(dòng)性和可讀性。
騰訊新聞
認(rèn)識(shí)H5頁(yè)面
7月23日，網(wǎng)易云音樂(lè)推出《云村觀察室》h5，盤點(diǎn)云村史上最值得珍藏的高光時(shí)刻。從歌曲、專輯、歌手、視頻、社區(qū)、用戶、直播&電臺(tái)等角度為用戶帶來(lái)一波回憶殺，開啟云村音樂(lè)回憶拼圖，并嶄新推出小彩蛋環(huán)節(jié)，為用戶送上一份別開生面暖心祝福。
網(wǎng)易云音樂(lè)
在《云村觀察室》H5中，最為特殊的是「一個(gè)彩蛋」環(huán)節(jié)，網(wǎng)易云音樂(lè)收集到云音樂(lè)用戶評(píng)論中出現(xiàn)次數(shù)最多的十個(gè)關(guān)鍵詞，點(diǎn)開每個(gè)關(guān)鍵詞都有一句文字祝福，每句祝福由云音樂(lè)用戶評(píng)論出現(xiàn)次數(shù)最多的關(guān)鍵詞組成。
制作H5頁(yè)面
（1）登錄在線網(wǎng)頁(yè)編輯平臺(tái)（http://www.）。單擊“創(chuàng)建作品”菜單，進(jìn)入到在線網(wǎng)頁(yè)編輯窗口。
（2）添加頁(yè)面。單擊工具欄中的“頁(yè)面”按鈕，在“舞臺(tái)”下方增加一個(gè)頁(yè)面對(duì)象，將該頁(yè)面命名為“歡迎頁(yè)”。
制作H5頁(yè)面
（3）設(shè)置頁(yè)面背景顏色或背景圖片。輸入十六進(jìn)制顏色值或用吸管工具選擇顏色。
制作H5頁(yè)面
04 編輯文本
單擊工具面板中的“中文字體”工具 ，并在舞臺(tái)中單擊，然后在彈出的“文本內(nèi)容”對(duì)話框中輸入標(biāo)題文字。
05 設(shè)置文本屬性
在屬性面板中選擇字體，設(shè)置字體的顏色、大小等屬性。
制作H5頁(yè)面
添加圖片
單擊工具面板中的圖片工具，拖動(dòng)鼠標(biāo)，調(diào)整圖片的大小和位置，松開鼠標(biāo)后在彈出的“打開”對(duì)話框中選擇要插入網(wǎng)頁(yè)中的圖片。
06
給文本添加動(dòng)態(tài)效果
選中文本，單擊菜單欄中的按鈕，在下拉列表中為文本選擇一種動(dòng)態(tài)效果。
07
單擊菜單欄中的“保存”按鈕，保存網(wǎng)頁(yè)文件。單擊菜單欄中的“預(yù)覽”按鈕，預(yù)覽網(wǎng)頁(yè)效果。
保存并預(yù)覽網(wǎng)頁(yè)
08
制作H5頁(yè)面
活動(dòng)說(shuō)明：
1、查找資料，選擇你感興趣的一種科技創(chuàng)新應(yīng)用，下載文字介紹及圖片；
2、創(chuàng)建H5頁(yè)面，包括標(biāo)題、文字、圖片。
3、發(fā)布H5頁(yè)面。
匯報(bào)人：xxx
GENERAL TEACHING
YOUR LOGO
金山辦公軟件有限公司
感
謝
觀
看

展開更多......

收起↑