Web Coding First Steps
Web Coding First Steps
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.
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
- 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
- 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
- Appendix 1: CSS colours
Appendix 2: CSS
- 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.
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 $12 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.