Web Coding First Steps
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
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
figuretag- 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
displayvalues - 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
