// Book //

How To Build a Website With CSS and HTML eBook

Published on November 17, 2020
Default avatar
By Erin Glass
Senior Manager, DevEd
How To Build a Website With CSS and HTML eBook

Introduction to the eBook

This project-based eBook will introduce you to Cascading Style Sheets (CSS), a stylesheet language used to control the presentation of websites, by building a personal website using our demonstration site as a model. Though our demonstration site features Sammy the Shark, you can switch out Sammy’s information with your own if you wish to personalize your site.

Gif of CSS demonstration site

Alongside HTML and JavaScript, CSS is one of the core technologies of the World Wide Web. If you have some understanding of HTML and are looking to grow your front-end development skills, learning CSS is a great next step.

The first half of this book will introduce CSS through hands-on exercises and the second half of the tutorial series will provide steps for recreating the demonstration website.

By the end of this CSS book, you will have files ready for deploying a website to the cloud, as well as an understanding of how to continue modifying the site’s design with HTML and CSS. You will also have a foundation for learning additional front-end web development skills (such as JavaScript) and frameworks (like Tailwind).


Want to learn more? Join the DigitalOcean Community!

Join our DigitalOcean community of over a million developers for free! Get help and share knowledge in our Questions & Answers section, find tutorials and tools that will help you grow as a developer and scale your project or business, and subscribe to topics of interest.

Sign up
About the authors
Default avatar
Senior Manager, DevEd

Open source advocate and lover of education, culture, and community.

Still looking for an answer?

Was this helpful?
1 Comments

This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

The PDF version has lots of errors in the example HTML markup - superfluous or missing angle brackets - e.g. “Adding and Styling a Small Profile Image To Your Webpage Header” - some of them look like they are trying to add syntax highlighting but being angle brackets this will be very confusing to beginner users.