30 天的现代网页设计

通过为期 30 天的结构化学习路径学习网页设计，该学习路径结合了编码基础知识、设计思维和实际项目。构建功能性网页，同时了解现代网站的结构和样式。

主要功能

• 遵循清晰的 30 天路线图，逐步培养网络开发技能和信心
• 学习现代布局技术，包括 Flexbox、网格和响应式设计基础知识
• 通过指导实验、反思提示和实用的迷你项目强化概念

书籍说明

《30 天现代网页设计》通过结构化且平易近人的学习之旅介绍了现代网站背后的核心技术。这本书专为初学者设计，引导读者了解用于构建网页的工具，同时鼓励实际的动手学习过程。

旅程从网络工作原理的基础开始，解释浏览器如何解释 HTML、CSS 和 JavaScript 来显示和控制页面。读者学习使用语义 HTML 构建内容、使用 CSS 应用视觉样式以及使用 JavaScript 添加交互性。

随着章节的进展，本书探讨了 Flexbox 和 CSS Grid 等布局技术、针对不同屏幕尺寸的响应式设计，以及提高可用性和视觉清晰度的原则。读者可以深入了解网站如何组织内容、结构布局和指导用户交互。

每一章都鼓励实验，允许读者修改代码、测试想法并观察结果。本书还介绍了人工智能辅助提示，有助于加强理解并支持对关键概念进行更深入的探索。

在 30 天的旅程结束时，读者将了解现代网站的结构、样式以及如何通过交互功能进行增强，为进一步学习 Web 开发打下坚实的基础。

你将学到什么

• 了解浏览器如何加载和显示网页
• 使用语义 HTML 构建有意义的内容
• 使用 CSS 选择器和布局规则设计网站
• 使用 Flexbox 和 CSS 网格构建响应式布局
• 利用排版和颜色提高可读性
• 使用 JavaScript 事件添加交互
• 使用数组、对象和函数组织代码
• 使用 DOM 操作创建动态内容

这本书适合谁

本书适合想要了解如何使用 HTML、CSS 和 JavaScript 构建现代网站的初学者。它非常适合想要了解 Web 创建技术方面的学生、有抱负的开发人员和设计师。

结构化的 30 天课程对于寻找清晰途径从头开始构建实用 Web 开发技能的自学者来说特别有帮助。

目录

1. 什么是网页设计和网页设计？网络的真正运作方式
2. 您的第一个网站：从头开始编写 HTML
3. 文本、链接、图像和页面结构
4. CSS 简介：让您的网站看起来像一个网站
5. CSS 选择器和级联：如何应用样式
6. CSS 盒子模型：间距、边框和边框视觉平衡
7. CSS 布局基础知识：显示、流程和布局定位
8. Flexbox 基础知识：设计一维布局
9. Flexbox Advanced：包装、尺寸调整和包装响应行为
10. 响应式设计基础知识：移动优先和移动优先媒体查询
11. CSS 网格基础知识：二维布局
12. 排版与设计网页设计中的色彩：可读性、层次结构和色彩心情
13. 按钮、表单和用户交互设计
14. JavaScript 基础：让网站栩栩如生
15. JavaScript 事件：响应用户操作

（注意：请使用“阅读示例”选项来查看更多章节）