Build a Responsive Website with HTML and CSS: Step-by-Step Instructions with Practical Example by Girardi, James -- Read -- Imperial Library of Trantor

Index

Preface Introduction

What Does “Responsive” Mean When it Comes to Websites? How to Use This Book What You Need to Get Started Helpful Prior Knowledge But What About a Domain Name or Hosting?

Part I - Theory of HTML and CSS

How a Website is Organized What is HTML? HTML Definitions Definitions to Distinguish Parts of the Code

HTML Elements HTML Attributes

Basic HTML Terms

<!DOCTYPE html> <html lang=”en”>  <head> <title> <meta> <meta charset=”UTF-8”> <script> <noscript> <style> <link> <body> <wrapper> <div> <div id> <div class> <span> <h1> to <h6> <p> <br> <hr> <b> <em> <blockquote> <img> <nav> <button>

Lists

Tables

Proprietary Elements to Create a Responsive Web Page

Basic CSS Terminology Concept: Font Styling vs. Text Styling Concept: Padding vs. Margins Concept: Borders Concept: <id> vs. <class> Concept: Navigation Lists Concept: Making Buttons Concept: PX vs. EM vs. REM

PART II - Preparation and Writing the Code

Step 1: Plan the Layout of the Website Step 2: Download/Copy/Save Photos to a Temporary Folder Step 3: Edit your Photos Step 4: Picking out Colors Step 5: Picking out Font Families Step 6: Create the Folders for the Website Step 7: Create a new HTML and CSS file Step 8: Laying out our CSS code Step 9: Laying out our HTML Code Step 10: Filling in our Orders

Do You Really Need These for Your Website? Step 11: Some Final Housekeeping for our Website

Meta Description Keywords Author Robots

Part III - Templates

Server Side Includes (SSI) Modifying One File to Modify all the Web Pages Sitemaps Final Testing

APPENDIX Appendix A - CSS Properties Appendix B - Orders, Piers and Tiers Appendix C - HTML Code for Practical Example Appendix D - CSS Code for Practical Example Appendix E - Social Media Icons The Last Word About the Author

← Prev
Back
Next →

← Prev
Back
Next →