Leanpub Header

Skip to main content
Go to Leanpub.comLeanpub

Web Coding First Steps

Second Edition

Dave Everitt

A thorough grounding in basic HTML and CSS for building web pages and responsive websites. If you’re a complete beginner, or a programmer wanting to get up to speed quickly without too much detail, this book ideal. It was adapted for university students, and is tested on them each year. They’re a tough audience, so that helps improve the content.

Minimum price

$7.99

$7.99

You pay

$7.99

Author earns

$6.39
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
About

About

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.

Share this book

Categories

SoftwareTextbooks

Feedback

Email the Author

Author

About the Author

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

Contents

Table of Contents

What you will learn

  1. Simple design and code
  2. What you’re going to build
  3. The difference between static and dynamic websites

Setting things up

  1. The code (text) editor
  2. Make a folder for your website
  3. Create your first HTML5 page
  4. Boxes
  5. Linking the stylesheet
  6. Setting some CSS variables
  7. Adding a style
  8. Adding a header section
  9. Styling the page title
  10. Understanding CSS style rules
  11. Adding more style

Adding navigation and a content section

  1. The ‘main content’ box

Creating page ‘break points’

  1. Using flex to create a responsive wrapper
  2. Making the main and nav boxes the correct size

Building a menu

  1. Web links, URLs and navigation
  2. Adding items to a menu
  3. Styling the Mobile menu
  4. Styling the desktop & tablet menu

Adding a heading to the homepage

Adding images to the homepage using the figure tag

  1. Managing images
  2. Add the images to the page
  3. Adding rollover styles for the desktop homepage

Using Google Fonts

Creating a new page

  1. Templates in web development
  2. Creating a template file
  3. Creating a new page from your template
  4. Styling every page at once

Adding content to the new page

  1. 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

Get the free sample chapters

Click the buttons to get the free sample in PDF or EPUB, or read the sample online here

Download Sample PDFDownload Sample EPUB

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

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

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

In fact, authors have earned over $14 million writing, 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