Web Coding First Steps
Minimum price
Suggested price

Web Coding First Steps

Second Edition

About the Book

HTML and CSS are the two markup languages that give structure and style to the web. From content management systems, static site generators, complex database-managed websites, mobile and desktop apps, these two languages are at the heart of essential web technology skills.

The step-by-step process in this book will take you through a series of compact instructions without over-simplifying the necessary knowledge. On the way, you’ll find in-depth explanations of some essential CSS principles, plus a thorough grounding in fundamental CSS styling rules and some key HTML5 ‘semantic’ elements, plus some extra touches such as CSS3 transitions that enable one style to fade into the next. Tips, warnings and good practice advice are included throughout.

If you've ever selected ‘view source’ on a web page and wondered how the code creates the site, or simply wanted to try your hand and building a web page, this is the ideal introduction. You will create a page with a functioning menu, then make a template from which to create further pages.

The skills you will learn can be applied to everything built with web technologies, including websites built with JavaScript frameworks and libraries like React. Everything you need for this journey is free.

About the Author

Dave Everitt
Dave Everitt

I teach creativity and technology at a UK university where I'm a part-time senior research fellow. I also work freelance as a web developer/designer/info-architect, and collaborate with others to make art with technology. I keep an overview on emerging web technologies and post interesting snippets on Twitter and (more rarely) Tumblr, am a problem solver, and a creative generalist who likes to summarise and simplify information. I prefer Ruby and Python but have worked on legacy PHP. I can write HTML/CSS in my sleep, have co-developed in Angular and Ember, and use nanoc as a static website generator. I also enjoy using Processing and Javascript vector drawing library Raphael. I've been active on StackOverflow for some years. I also play music, write short stories, enjoy backgammon, love cats (but am allergic to them) and appreciate the entire natural world...

Table of Contents

  • What you will learn
    • Simple design and code
    • What you’re going to build
    • The difference between static and dynamic websites
  • Setting things up
    • The code (text) editor
    • Make a folder for your website
    • Create your first HTML5 page
    • Boxes
    • Linking the stylesheet
    • Setting some CSS variables
    • Adding a style
    • Adding a header section
    • Styling the page title
    • Understanding CSS style rules
    • Adding more style
  • Adding navigation and a content section
    • The ‘main content’ box
  • Creating page ‘break points’
    • Using flex to create a responsive wrapper
    • Making the main and nav boxes the correct size
  • Building a menu
    • Adding items to a menu
    • Styling the Mobile menu
    • Styling the desktop & tablet menu
  • Adding a heading to the homepage
  • Adding images to the homepage using the figure tag
    • Add the images to the page
    • Adding rollover styles for the desktop homepage
  • Using Google Fonts
  • Creating a new page
    • Creating a template file
    • Creating a new page from your template
    • Styling every page at once
  • Adding content to the new page
    • Adding the artist’s image
  • Adding a ‘Current Page’ Indicator
  • A Link Back to the Home Page
  • Conclusion
  • Appendix 1: CSS colours
  • Appendix 2: CSS display values
  • Appendix 3: website text

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub