課程簡介

《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計》的課程目標在于讓學生綜合運用課程理論知識和實踐能力，解決當今社會互聯(lián)網(wǎng)關(guān)系下存在的實際問題。課程核心從“3個D”出發(fā)，第一個“D”是指Design（設(shè)計），第二個“D”是指Digital（數(shù)字信息化），第三個“D”就是基于數(shù)字化背景、運用設(shè)計的手法，解決學生自己發(fā)掘的關(guān)于“D”的第三個問題。課程將以人為本的設(shè)計理念融入網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計之中，讓學生在掌握網(wǎng)頁設(shè)計所需的設(shè)計思路和方法的同時，還能通過探索當下存在的社會問題，提出具有社會深度和立意的解決方案及科普手法，培養(yǎng)學生為國家、為人做設(shè)計的正確當代價值觀。

本網(wǎng)站為青少年科普宇宙的奧秘而設(shè)計。網(wǎng)站整體分為四個板塊--宇宙結(jié)構(gòu)、追夢太空、星座之謎、宇宙起源，基于此進行不同系列的科普。以一種吸引青少年的插畫風格和趣味性交互為出發(fā)點，將“dream”（夢想）與星空相關(guān)聯(lián)，將插畫與動效、科普與游戲相結(jié)合，提升青少年學習的主動性。在帶來知識的同時，也能寓教于樂，欣賞到星球之美、星座之神秘、宇宙之奧妙。

視頻快速展示

網(wǎng)頁動態(tài)展示

網(wǎng)頁截圖展示

DISCO

“DISCO”是20世紀70年代初興起的一種流行舞曲，電音曲風之一，具有強勁的節(jié)拍和強烈的動感。90年代在中國非常流行，但是如今流傳度大不如前。于是我們計劃從音樂、服飾、對生活的影響、經(jīng)典舞蹈動作四個方面進行科普。本網(wǎng)站的風格采用當年流行的disco風，色彩艷麗，動感十足，配上復古的音樂。讓大家身臨其境，回到那個disco盛行的年代。

視頻快速展示

網(wǎng)頁動態(tài)展示

網(wǎng)頁截圖展示

DREAM

視頻快速展示

網(wǎng)頁動態(tài)展示

網(wǎng)頁截圖展示

DINOSAUR

破釜網(wǎng)站是一個游戲故事性網(wǎng)站，本網(wǎng)站定位于所有喜歡了解故事的人，破釜一詞來源于“dinosaur ”，不僅指過時落后的東西，更指代守舊落伍的人，而“釜”意味著打破一切。網(wǎng)站故事以虛構(gòu)的九龍飯店慘案為背景，講述了一個由于守舊落后觀念的人引發(fā)的悲慘故事，通過劇情的發(fā)展和一例例慘案來展現(xiàn)老舊思想的迫害性。故事用了六位角色、三個公告和不同的書目，引領(lǐng)觀看者通過閱讀和交互，對故事產(chǎn)生共鳴。以此來警示人們要打破舊思想、舊文化、舊習俗、舊習慣，不要重蹈舊時代的覆轍！

視頻快速展示

網(wǎng)頁動態(tài)展示

網(wǎng)頁截圖展示

DEATH

在喧囂的現(xiàn)代生活里，我們探求生命的意義，那我們在死后能夠做些什么呢，對身后世界又會留下什么呢?本網(wǎng)站基于視傳191的同學，對每一個人設(shè)想死后的想要記錄下來“一句話”“一首歌”“一件”“只屬于自己的物品”和“想要留下的墓志銘”進行了調(diào)研分析，形成了獨屬于191的人物畫像和生死觀。尋找作為普通人的我們，生命的意義。

視頻快速展示

網(wǎng)頁動態(tài)展示

網(wǎng)頁截圖展示

DISCOVER

發(fā)現(xiàn)art是以discover為主題展開的，是一個與藝術(shù)、與設(shè)計相聯(lián)系的創(chuàng)意網(wǎng)站，也是一個為瀏覽者提供靈感的網(wǎng)站。本網(wǎng)站在主頁上，簡潔直觀的為瀏覽者提供顏色的選擇，將與該顏色相似的設(shè)計作品進行關(guān)聯(lián)，并將攝影作品抽象化，從中獲取靈感。發(fā)現(xiàn)art的目的是希望人們通過自己的眼睛，以不同的視角去觀察生活中的角度與細節(jié)，讓瀏覽者更熱愛生活，發(fā)現(xiàn)、分享生活的美。

視頻快速展示

網(wǎng)頁截圖展示

DANGEROU

本網(wǎng)站名為《她說》，呼吁人們聽聽女性的聲音。網(wǎng)站的logo運用女性的嘴的形象，將口中透出微光代表希望。進入網(wǎng)站后首先利用一段開屏動畫，講述了女性在生活當中的會遇到的危險，將危險發(fā)生的場景劃分為居家和出行，通過不同的故事，選擇不同的行為，擁有不同的結(jié)局。以交互的方式帶給瀏覽者更深刻的體驗。同時添加了公益面板，呼吁大家關(guān)注女性安全問題。希望廣大女性可以保護好自己，不要為他人的錯誤傷害自己。

視頻快速展示

網(wǎng)頁動態(tài)展示

網(wǎng)頁截圖展示

https://mp.weixin.qq.com/s/NNwxdyIR5J5911npIZrfFQ