h5網頁設計案例

1、誰有html5+css 3+javascript網頁設計案例課堂光碟實例

、

看是這些嗎？是的話採納下，私信我發給你！

2、html5+CSS3誰能推薦幾個好例子，我想學習。

不讓鏈接，去百度里查查這些文章：
postMessage--HTML5 跨域信息交互技術
語義性：對HTML5中Article、section和div的重新認識
HTML5中新增的結構化標簽元素
你知道HTML標簽設計的本意嗎？
微數據microdata案例剖析：大眾點評網的微數據應用
HTML5微數據Microdata的意義和優勢
HTML5微數據寄望：語義網的春天
HTML5之擴展應用微數據microdata前傳-語義網及schema
HTML5規范中微數據MicroData淺析
HTML5獲取地理位置信息Geolocation API的基本知識

了解CSS3中的Media Queries
網頁前端開發：新浪微博CSS3適用細節初探
CSS跨瀏覽器兼容性的編碼原則
利用CSS3的transition屬性實現視覺引導
CSS3學習之風騷RGBA
Jquery和CSS3實現圖片魚眼顯示效果
推薦10個使用的CSS開發工具
坑爹的CSS不起作用
小餡餅-讓IE6~IE8支持CSS3的插件CSS3PIE
CSS3偽類學習之開篇：結構偽類

3、求用h5+css3+javascript開發的網站前端設計案例

問問ITJOB的老師看看有沒有

4、如何輕松的製作炫酷的H5頁面案例分享

輕松又要炫酷挺難得，我的建議是有幾點你要想清楚

1、你的頁面分享針對人群是誰
2、分享你是想達到什麼目的
3、分享後你是否要收集數據進行分析

至於製作的問題又分為2層
1、炫酷類的一般都得專業團隊能做因為牽涉到創意、交互、文案、設計、開發、測試等很多環節；但是存在幾個問題
a:製作周期長
b：價格不菲
C：每次活動都得重新做、每次活動都得重新做
2、如果不復雜你可以找第三方的製作工具，特點是
A：上手快、簡單易操作
B：自主性強，可持續連貫使用
C：省去很多中間環節
萬能頁可以幫你做到，你可以去試試！

5、html5時代的主要的網頁設計風格有哪些

一、首先從功能與設計目標來看， H5專網頁主要有以下4大類型：

1.活動運營型

為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態廣告圖片傳播不同，如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最後落地到品牌App內部，如何設計一套合適的引流路線也頗為重要。

2.品牌宣傳型

不同於講究時效性的活動運營頁，品牌宣傳型H5頁面等同於一個品牌的微官網，更傾向於品牌形象塑造，向用戶傳達品牌的精神態度。在設計上需要運用符合品牌氣質的視覺語言，讓用戶對品牌留下深刻印象。

3.產品介紹型

聚焦於產品功能介紹，運用H5的互動技術優勢盡情展示產品特性，吸引用戶買買買。

這一類型的H5頁面多見於汽車品牌，LEXUS NX是其中的優秀代表案例。精緻和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕，通過合理優雅的觸碰、摩擦、滑動等互動形式帶領用戶一同探索產品的7大特性，宏觀和微觀都照顧周全。

4.總結報告型

自從支付寶的十年賬單引發熱議後，各大企業的年終總結現也熱衷於用H5技術實現，優秀的互動體驗令原本乏味的總結報告有趣生動了起來。

二．形式為功能服務

在確定了專題頁的功能目標之後，接下來就是關鍵的設計階段了。如何有的放矢地進行設計，需要考慮到具體的應用場景和傳播對象，從用戶角度出發去思考什麼樣的頁面是用戶最想看的最會去分享的。

1.簡單圖文

簡單圖文是早期最典型的H5專題頁形式。「圖」的形式千變萬化，可以是照片、插畫、GIF等。通過翻頁等簡單的交互操作，起到類似幻燈片的傳播效果。考驗的是高質量的內容本身和講故事的能力。

2.禮物/賀卡/邀請函

每個人都喜歡收到禮物的感覺，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達到品牌宣傳的目的。既然是禮物，那創意和製作便是重要的加分項。

3.問答/評分/測試

問答形式的H5頁面也屢見不鮮了，利用用戶的求知慾和探索欲，一路選選選，看最後到底是什麼成績。一條清晰的線索是必要的，最後到達的結果頁也需要合理不突兀，如果能輔以出彩的視覺和文案，弱化答題的枯燥感那就再好不過了。

4.游戲

從 「圍住神經貓」、「看你有多色」等單純小游戲再到杜蕾斯「一夜N次郎」（即山寨版「別踩白塊兒」）等品牌植入式小游戲，H5游戲因為操作簡單、競技性強，一度風靡朋友圈，但創意缺乏和同質化現象導致用戶對無腦小游戲逐漸產生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設計上多下點功夫。

三．為設計加分的4個要點

一個H5頁面設計品質的出眾與否，會直接影響其傳播效果，甚至影響到用戶對品牌形象的認知。在這里總結出以下的設計要點：

1.細節與統一

要成就高品質的用戶體驗，必須考慮到細節與整體的統一性。復古擬物的視覺風格，那字體就不能過於現代；幽默調侃的調調，那文案措辭就不能過於嚴肅；打情感內容牌的，動效就不能過於花哨。

2.緊跟熱點，利用話題效應

想要你的H5專題頁一夜爆紅，第一時間抓住熱點並火速上線，借機進行品牌宣傳也不失為一條捷徑。

3.講個好故事，引發情感共鳴

不論H5的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅里，學會講故事，引發用戶的情感共鳴，將對內容的傳播形成極大的推動。

4.合理運用技術，打造流暢的互動體驗

隨著技術的發展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較於塞入各種不同種類的動效導致頁面混亂臃腫，我們更提倡的是合理運用技術，用心專注於為用戶提供流暢的互動體驗。

結語

隨著手機硬體的升級、HTML5技術的發展以及微信平台的開放，HTML5的跨平台、低成本、快迭代等優勢被進一步凸顯，這對身處於移動互聯網大潮的企業主、品牌、設計師和開發者來說，都將是一個最好的時代。

6、有什麼好的炫酷的微信h5案例網站

您好，如果樓主您主要是看H5案例的話，可以到愛果果或數英上有對應的H5方面的精品推薦，如果您是想自行製作炫酷的H5，可以使用epub360 H5工具製作出H5作品，可視化的編輯器，有很多豐富的組件，專業功能使用，還有一些精選的H5案例專題，希望可以幫到樓主。

7、HTML5+CSS3網頁設計案例教程課後習題

1046: 找不到類型,或者它不是編譯時常數: Ic