<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[WebDesign_Mu的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/WebDesign_Mu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; WebDesign_Mu]]></copyright><item><title><![CDATA[《疯狂动物城2》大火，于是我写了一个网页]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/156063992</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/156063992</guid><author>WebDesign_Mu</author><pubDate>Thu, 18 Dec 2025 23:03:48 +0800</pubDate><description><![CDATA[《疯狂动物城2》网页设计项目采用原生HTML/CSS/JS技术实现，包含六个功能页面（首页、角色、预告片等）。设计亮点包括：1)响应式布局适配多终端；2)纯CSS3实现悬停动画等交互效果；3)通过动物世界隐喻探讨社会议题。项目未使用第三方库，完整呈现了从技术实现到设计理念的全流程，既保持商业动画的趣味性，又巧妙传递深层思考。]]></description><category></category></item><item><title><![CDATA[为了庆祝2025英雄联盟全球总决赛开启，我用HTML+CSS+JS制作了LOL官方网站]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/153277886</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/153277886</guid><author>WebDesign_Mu</author><pubDate>Tue, 14 Oct 2025 22:38:47 +0800</pubDate><description><![CDATA[摘要：本项目开发了一个英雄联盟风格的静态官网，包含首页、游戏资讯、英雄介绍、赛事中心、社区互动和游戏下载6个页面。采用HTML+CSS+JS技术栈实现响应式设计，页面结构统一包含顶部导航栏、主体内容区和底部版权信息。主要功能模块包括：英雄展示区（带搜索筛选）、新闻资讯分类展示、赛事直播板块和社区互动区。首页采用全屏轮播图展示，整体设计保持暗黑风格与游戏主题一致。项目代码结构清晰，包含完整的前端实现。]]></description><category></category></item><item><title><![CDATA[html+css实现一个“液态玻璃”效果登录卡片]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/151975367</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/151975367</guid><author>WebDesign_Mu</author><pubDate>Mon, 22 Sep 2025 23:19:38 +0800</pubDate><description><![CDATA[《液态玻璃登录卡片实现教程》摘要：本教程详解如何通过HTML/CSS/Vue实现苹果风格的液态玻璃UI效果。核心采用多层叠加技术：模糊层(backdrop-filter)实现通透感、色调层(rgba)增强质感、高光层(box-shadow)塑造立体感，配合SVG滤镜(feTurbulence)创造流动扭曲效果。通过监听mousemove事件实现3D倾斜交互(rotateX/Y)，搭配perspective透视增强空间感。关键点包括：圆角一致性处理、柔和阴影控制、半透明输入框设计。需注意backdrop-fi]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JavaScript网页设计与制作实例 -我的学校网页（6个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/151374460</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/151374460</guid><author>WebDesign_Mu</author><pubDate>Tue, 09 Sep 2025 23:51:14 +0800</pubDate><description><![CDATA[《&quot;我的学校&quot;网站设计与实现》 该静态网站以展示学校风貌为主题，包含首页、关于学校、新闻、校园风光、详情页和联系我们6个页面。采用DIV+CSS布局技术，结合HTML5、CSS3和JavaScript实现交互功能。设计上采用学校标准色为主色调，搭配清晰字体和高质量图片，确保视觉效果与用户体验的统一。首页突出学校标志性建筑和校训，各页面分工明确：关于学校详述历史沿革，新闻页展示动态，风光页呈现校园环境，详情页提供深度内容，联系页设置咨询表单。技术实现上注重代码规范，通过CSS实现响应式布局]]></description><category></category></item><item><title><![CDATA[浪浪山小妖怪主题页面-关于我们页面HTML+CSS实现详解]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150517323</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150517323</guid><author>WebDesign_Mu</author><pubDate>Tue, 19 Aug 2025 10:30:34 +0800</pubDate><description><![CDATA[摘要：本文介绍了一个基于浪浪山小妖怪主题的&quot;关于我们&quot;网页实现方案，采用纯HTML5和CSS3开发，具有响应式设计特点。页面包含三大核心内容区（关于、使命、联系），采用语义化标签和模块化结构。亮点包括：完整的表单验证系统（含姓名、邮箱等必填字段）、面包屑导航提升用户体验、以及符合现代网页标准的代码组织方式（分离的HTML/CSS/JS文件）。页面布局清晰，包含团队介绍、使命宣言和联系方式，页脚提供详细版权信息和社交媒体链接。该项目展示了从动画IP到网页产品的完整转化过程。]]></description><category></category></item><item><title><![CDATA[浪浪山小妖怪主题页面-幕后故事页面HTML+CSS实现详解]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150503995</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150503995</guid><author>WebDesign_Mu</author><pubDate>Mon, 18 Aug 2025 23:35:43 +0800</pubDate><description><![CDATA[《浪浪山小妖怪》幕后故事网页设计解析 摘要：本文介绍了一个纯HTML5+CSS3实现的《浪浪山小妖怪》幕后故事专题页面。该设计具有以下特点：1)采用时间线形式展示创作历程（灵感、角色设计、剧本创作等6个阶段）；2)包含独立团队介绍区域（导演、美术指导等核心成员）；3)实现面包屑导航和响应式布局；4)严格遵循语义化标签和代码分离原则（专用story.css/story.js文件）。页面结构清晰，包含header、section、footer等语义区块，通过时间线图片和团队卡片增强视觉效果，完整呈现了从灵感到成]]></description><category></category></item><item><title><![CDATA[浪浪山小妖怪主题页面-小妖怪图鉴页面HTML+CSS实现详解]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150503280</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150503280</guid><author>WebDesign_Mu</author><pubDate>Mon, 18 Aug 2025 22:48:26 +0800</pubDate><description><![CDATA[这篇文章介绍了一个基于HTML5和CSS3的&quot;浪浪山小妖怪&quot;主题网站图鉴页面实现。该页面采用纯前端技术开发，未使用第三方库，并具备响应式设计。主要特点包括：语义化HTML结构、面包屑导航、模块化CSS/JS文件分离、可访问性优化和移动端适配。页面结构分为顶部导航、标题区、面包屑导航、角色卡片展示区和页脚五个部分，使用了现代网页开发的最佳实践，如语义化标签、响应式布局和内容与表现分离等设计原则。]]></description><category></category></item><item><title><![CDATA[浪浪山小妖怪主题页面-电影介绍页面HTML+CSS实现详解]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150470809</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150470809</guid><author>WebDesign_Mu</author><pubDate>Sun, 17 Aug 2025 18:16:15 +0800</pubDate><description><![CDATA[本文介绍了《浪浪山小妖怪》电影介绍页面的HTML5实现方案。该页面采用语义化标签构建，包含导航栏、标题区、面包屑导航、电影详情、角色介绍和花絮展示等模块，具有响应式设计特点。页面使用纯HTML5和CSS3开发，未引入第三方库，通过模块化CSS和JS文件分离实现功能。源码分析展示了文档结构声明、头部元素设置、主体内容分区等关键环节，体现了现代网页开发的最佳实践，包括语义化标签使用、内容与表现分离、移动端适配等设计原则。]]></description><category></category></item><item><title><![CDATA[浪浪山小妖怪主题页面 - 首页 HTML+CSS 实现详解]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150465706</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150465706</guid><author>WebDesign_Mu</author><pubDate>Sun, 17 Aug 2025 12:47:47 +0800</pubDate><description><![CDATA[本文介绍了一个纯HTML5+CSS3实现的浪浪山小妖怪主题网站，具有响应式设计、治愈系配色和原生交互效果。网站包含导航栏、横幅、电影简介、角色展示等模块，使用语义化标签构建，遵循内容与表现分离原则。核心特点包括：全原生代码实现（无第三方库）、适配多设备显示、悬停动画等交互效果，以及清晰的结构设计。文章详细解析了HTML文档结构，展示了完整的网页源码，体现了现代网页开发的最佳实践。]]></description><category></category></item><item><title><![CDATA[大学生期末大作业：治愈系浪浪山小妖怪主题网站开发全记录]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150452819</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150452819</guid><author>WebDesign_Mu</author><pubDate>Sat, 16 Aug 2025 22:19:05 +0800</pubDate><description><![CDATA[摘要： 浪浪山小妖怪主题网站是一个基于HTML5+CSS3+JavaScript的纯原生前端响应式网站，作为课程期末作品开发。该网站以治愈系动画为主题，采用米白、浅棕、淡橙等温暖色调，包含首页、电影介绍、小妖怪图鉴等五个完整页面。项目重点实现了响应式布局（适配各终端）、CSS动画交互、原生JavaScript功能（筛选、表单验证等）和语义化HTML结构。通过Flexbox/Grid布局、DOM操作优化等技术的应用，展示了基础前端开发能力。网站特别设计了时间线展示、卡片悬停效果等交互细节，同时注重性能优化和无]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JavaScript网页设计与制作实例 -我的家乡（6个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150404128</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150404128</guid><author>WebDesign_Mu</author><pubDate>Thu, 14 Aug 2025 23:55:53 +0800</pubDate><description><![CDATA[“我的家乡” 网页是一个以介绍家乡为主题的静态网站，通过 HTML、CSS 和 JavaScript 技术实现。该网站包含六个静态页面，分别是家乡介绍、家乡景点、家乡美食、家乡发展、家乡人文以及联系我们。旨在向用户全面展示家乡的风貌、特色和魅力，让更多的人了解和喜爱自己的家乡。]]></description><category></category></item><item><title><![CDATA[HTML5+CSS3+JS制作海贼王主题的网站（源码含5个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150357795</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/150357795</guid><author>WebDesign_Mu</author><pubDate>Wed, 13 Aug 2025 22:11:59 +0800</pubDate><description><![CDATA[本文介绍了一个基于HTML5+CSS3+JS开发的海贼王主题响应式网站。网站采用黑白色调设计，包含固定导航栏、英雄横幅轮播图、草帽海贼团介绍、核心成员展示和页脚等主要模块。导航栏包含首页、恶魔果实、角色介绍等5个栏目；横幅区域展示路飞等角色场景；内容区采用网格布局展示团队特点和主要成员信息。网站使用Tailwind CSS框架实现响应式布局，适配不同设备屏幕，并提供了完整的HTML代码结构示例。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作中国传统节日主题网站（内附源码，含5个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/145044539</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/145044539</guid><author>WebDesign_Mu</author><pubDate>Thu, 09 Jan 2025 23:23:05 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个中国传统节日主题网站，包含首页、节日介绍页、民俗文化页、节日活动页、联系我们页等5个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作中华传统美食主题网站（内附源码，含5个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/145017842</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/145017842</guid><author>WebDesign_Mu</author><pubDate>Wed, 08 Jan 2025 21:25:08 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个中华传统文化主题网站，包含首页、菜系页、食材页、名厨页、美食故事页等5个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作中华传统文化主题网站（内附源码，含5个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144996160</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144996160</guid><author>WebDesign_Mu</author><pubDate>Tue, 07 Jan 2025 23:56:35 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个中华传统文化主题网站，包含首页、文化艺术页、传统工艺页、文化遗产页、关于我们页等5个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作高仿小米官网网站（内附源码，含6个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144974540</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144974540</guid><author>WebDesign_Mu</author><pubDate>Mon, 06 Jan 2025 23:25:11 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个高仿小米官网网站，包含首页、商品详情页、确认订单页、订单支付页、收货地址管理页、新增收获地址页等6个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作马尔代夫旅游网站（内附源码，含6个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144836675</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144836675</guid><author>WebDesign_Mu</author><pubDate>Mon, 30 Dec 2024 23:38:09 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个马尔代夫旅游网站，包含首页、目的地页、旅游套餐页、酒店预订页、交通指南页、关于我们页等6个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作仿英雄联盟游戏官方网站（内附源码，含6个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144834114</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144834114</guid><author>WebDesign_Mu</author><pubDate>Mon, 30 Dec 2024 21:07:13 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个仿英雄联盟游戏官方网站，包含首页、游戏资讯页、英雄介绍页、赛事中心页、社区互动页、游戏下载页等6个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作仿王者荣耀官方网站（内附源码，含5个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144738488</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144738488</guid><author>WebDesign_Mu</author><pubDate>Thu, 26 Dec 2024 13:12:40 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个仿王者荣耀官方网站，包含游戏资讯首页、英雄资料页、赛事中心页、社区互动页、充值中心页等5个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item><item><title><![CDATA[HTML+CSS+JS制作环保垃圾分类网站（内附源码，含6个页面）]]></title><link>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144734057</link><guid>https://blog.youkuaiyun.com/WebDesign_Mu/article/details/144734057</guid><author>WebDesign_Mu</author><pubDate>Thu, 26 Dec 2024 10:08:17 +0800</pubDate><description><![CDATA[HTML+CSS+JS制作一个环保垃圾分类网站，包含首页、垃圾分类指南页、环保知识页、回收点地图页、积分商城页、登录页等6个静态页面。其中每个页面都包含一个导航栏、一个主要区域和一个底部区域。]]></description><category></category></item></channel></rss>