课程简介

《网站规划与网页设计》的课程目标在于让学生综合运用课程理论知识和实践能力，解决当今社会互联网关系下存在的实际问题。课程核心从“3个D”出发，第一个“D”是指Design（设计），第二个“D”是指Digital（数字信息化），第三个“D”就是基于数字化背景、运用设计的手法，解决学生自己发掘的关于“D”的第三个问题。课程将以人为本的设计理念融入网站规划与网页设计之中，让学生在掌握网页设计所需的设计思路和方法的同时，还能通过探索当下存在的社会问题，提出具有社会深度和立意的解决方案及科普手法，培养学生为国家、为人做设计的正确当代价值观。

本网站为青少年科普宇宙的奥秘而设计。网站整体分为四个板块--宇宙结构、追梦太空、星座之谜、宇宙起源，基于此进行不同系列的科普。以一种吸引青少年的插画风格和趣味性交互为出发点，将“dream”（梦想）与星空相关联，将插画与动效、科普与游戏相结合，提升青少年学习的主动性。在带来知识的同时，也能寓教于乐，欣赏到星球之美、星座之神秘、宇宙之奥妙。

视频快速展示

网页动态展示

网页截图展示

DISCO

“DISCO”是20世纪70年代初兴起的一种流行舞曲，电音曲风之一，具有强劲的节拍和强烈的动感。90年代在中国非常流行，但是如今流传度大不如前。于是我们计划从音乐、服饰、对生活的影响、经典舞蹈动作四个方面进行科普。本网站的风格采用当年流行的disco风，色彩艳丽，动感十足，配上复古的音乐。让大家身临其境，回到那个disco盛行的年代。

视频快速展示

网页动态展示

网页截图展示

DREAM

视频快速展示

网页动态展示

网页截图展示

DINOSAUR

破釜网站是一个游戏故事性网站，本网站定位于所有喜欢了解故事的人，破釜一词来源于“dinosaur ”，不仅指过时落后的东西，更指代守旧落伍的人，而“釜”意味着打破一切。网站故事以虚构的九龙饭店惨案为背景，讲述了一个由于守旧落后观念的人引发的悲惨故事，通过剧情的发展和一例例惨案来展现老旧思想的迫害性。故事用了六位角色、三个公告和不同的书目，引领观看者通过阅读和交互，对故事产生共鸣。以此来警示人们要打破旧思想、旧文化、旧习俗、旧习惯，不要重蹈旧时代的覆辙！

视频快速展示

网页动态展示

网页截图展示

DEATH

在喧嚣的现代生活里，我们探求生命的意义，那我们在死后能够做些什么呢，对身后世界又会留下什么呢?本网站基于视传191的同学，对每一个人设想死后的想要记录下来“一句话”“一首歌”“一件”“只属于自己的物品”和“想要留下的墓志铭”进行了调研分析，形成了独属于191的人物画像和生死观。寻找作为普通人的我们，生命的意义。

视频快速展示

网页动态展示

网页截图展示

DISCOVER

发现art是以discover为主题展开的，是一个与艺术、与设计相联系的创意网站，也是一个为浏览者提供灵感的网站。本网站在主页上，简洁直观的为浏览者提供颜色的选择，将与该颜色相似的设计作品进行关联，并将摄影作品抽象化，从中获取灵感。发现art的目的是希望人们通过自己的眼睛，以不同的视角去观察生活中的角度与细节，让浏览者更热爱生活，发现、分享生活的美。

视频快速展示

网页截图展示

DANGEROU

本网站名为《她说》，呼吁人们听听女性的声音。网站的logo运用女性的嘴的形象，将口中透出微光代表希望。进入网站后首先利用一段开屏动画，讲述了女性在生活当中的会遇到的危险，将危险发生的场景划分为居家和出行，通过不同的故事，选择不同的行为，拥有不同的结局。以交互的方式带给浏览者更深刻的体验。同时添加了公益面板，呼吁大家关注女性安全问题。希望广大女性可以保护好自己，不要为他人的错误伤害自己。

视频快速展示

网页动态展示

网页截图展示

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