第一部分：开始起步
第1章 我从哪里开始
此书作者将“Web设计”分成四大类：设计、开发、内容策略和多媒体。
| Web设计类别 | 内容 |
|---|---|
| 设计 | 用户体验(User Experience,UX)、交互(Interaction Design,ID)和用户界面设计(User Interface,UI)、用户研究和测试报告、线框图、站点图、故事板和用户流程图、视觉图像设计 |
| 开发 | 创作/标记(HTML)、造型(CSS)、脚本和编程(JavaScript) |
| 内容策略 | 内容策划、信息架构 |
| 多媒体 | 音频、视频剪辑或Flash开发 |
做前端设计需要掌握HTML、CSS、JavaScript等语言：
- HTML(超文本标记语言):创建网页文件的语言，是一种标记语言，不是编程语言，用于描述网页的内容。
- CSS(层叠样式表):用于描述网页内容的是如何显示的，即字体、色彩、背景图片、行间距等等。
- JavaScript:脚本语言，在网页中添加互动和行为的编程语言。
- 服务端编程：PHP、Python、Ruby、JavaScript、Java、ASP.Net
- XML(扩展标记语言):可以使用XML来创建一套自定义的标记语言。
注：进行网页开发的工具有很多，本人选择VS Code，或者Cursor，如今是AI编程时代，大量编程工作可以交给AI完成，但是核心基础原理还是需要掌握。可以少写代码，但不能减少创新性思考。
第2章 Web是如何工作的
- 互联网与Web的区别：互联网是一个电脑连接的网络。它可以通过FTP协议、Email、P2P方式在两台电脑之间传播数据或信息；而Web通常指万维网，是互联网的子集，是信息在网络计算机中传播的方式之一。
- 服务器的作用是根据请求来“提供”文件，准确来说不是某台机器是服务器，而是安装服务器的软件是服务器，即其能否为来访问请求的IP地址的机器提供其所需的服务。
- 浏览器其实是发送请求的软件，也叫做客户端。请求和响应是通过HTTP协议来处理的，可以传输图片、电影、音频文件、数据和其他Web资源。在Windows上的浏览器有Internet Explorer、Chorme、Firefox等。
- 网页地址(URL)是每个网页的地址，由三部分组成：协议、站点名字和文档或资源的绝对路径。第一部分协议告诉服务器使用什么协议处理请求，有些网址以http开头，有些以https开头，它们的区别在于https比http协议多了一层加密和身份验证，更加安全可靠；第二部分用[主机名+域名]来标识该网站，如同身份证标识一个人；第三部分服务器上请求文件的绝对路径，遵循Unix操作系统的规则和约定，因为互联网最初由Unix操作系统的计算机组成。
- 默认文件index.html，当服务器收的对一个目录的请求而非特定文件的请求时，它会返回当前目录的index.html文件。当URL并没有在尾部加斜线的时候，服务器发现其是名字的目录时，它会自动添加一个斜线。
第3章 Web设计基本概念
- 以前Web设备通常指电脑，但现在可能不仅仅指电脑还有移动设备(手机、平台、笔记本等)。
- 《Designing with Web Standards》是一本关于遵循标准和如何使网站更加商业的“圣经”，有兴趣可以一阅。
- 《Adaptive Web Design:Crafting Rich Experiences with Progressive Enhancement》这本书讲述逐步提高这种策略方法，逐步提高是一种应对浏览器多样性的方法，首先设计完全的用户体验，然后再对不支持的浏览器做一些改进。
- 自适应Web涉及到是处理未知Web设备屏幕尺寸的策略，根据设备上浏览器的大小来自定义布局。《Responsive Web Design》是初级网页设计必读书，是学习自适应Web设计。另外还有《Head First Mobile Web》也是阐述自适应Web设计的书。
- 提高网站加载性能的两类思路，限制文件大小或减少服务器的请求次数。《High Performance Web Sites》和《Even Faster Web Sites》提供很多加速站点速经验和方法，但要求对JavaScript和服务器功能有基础理解。
在任意浏览器右键，并点击检查后会弹出开发者工具，点击“网络”你就能查看瀑布图，该瀑布图你可以查看所有网页请求的响应信息(文件大小、请求方式、响应时间等等)
第一部分内容结束，主要包括Web的基础介绍，想要完全了解Web的全部基础原理还需要继续阅读上文提到的其他资料或者询问你的AI工具(GPT5.6、豆包、Deepseek等)。
