// 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).

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Learn more about us


About the authors
Default avatar
Senior Manager, DevEd

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

Still looking for an answer?

Ask a questionSearch for more help

Was this helpful?
 
1 Comments
Leave a comment...

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.

Try DigitalOcean for free

Click here to sign up and get $200 of credit to try our products over 60 days!
Try DigitalOcean for free