一、免费HTML与CSS基础

《HTML与CSS设计与构建网站》

经典教材，做网自己制作系统讲解HTML5和CSS3基础，网站包含大量实例和练习，免费适合初学者。做网自己制作

《HTML与CSS入门经典》

以简洁明了的网站方式介绍基础语法和布局技巧，适合零基础入门。免费

《CSS权威指南》第3版

深入解析CSS原理，做网自己制作结合W3规范，网站适合想提升CSS技能的免费学习者。

二、做网自己制作JavaScript与前端开发

《JavaScript DOM编程艺术》

掌握DOM操作和事件处理，网站是免费前端交互的核心技术。

《JavaScript高级程序设计》

被称为“红宝书”，做网自己制作系统介绍ES6+特性及高级编程技巧。网站

《jQuery基础教程》

通过实例学习jQuery库，提升开发效率，适合快速实现动态效果。

三、框架与工具

《Python编程从入门到实践》

适合想用Python构建网站的开发者，涵盖基础语法和Web开发框架（如Django）。

《Ruby on Rails敏捷开发方法》

介绍Ruby on Rails框架，适合追求开发效率的学习者。

《PHP和MySQL Web开发》

详细讲解动态网站开发，包括用户认证、数据库操作等实战内容。

四、设计基础（可选）

《简约至上：交互式设计四策略》

优化网页体验的设计策略，适合兼顾开发与设计的初学者。

《界面设计模式（第2版）》

掌握网页及移动端界面设计模式，提升视觉效果。

五、进阶资源

W3Schools：

在线学习平台，提供HTML/CSS/JavaScript等基础教程。

MDN Web Docs：权威文档库，适合查阅具体技术细节。

学习建议

1. 先掌握HTML/CSS基础，再学习JavaScript；

2. 实践中结合使用jQuery或原生JS提升效率；

3. 完成小型项目（如个人博客）巩固知识。