Learning Path: Learn to Build a Website

Video description

You want to create modern websites that stand out and offer all the functionality that users have come to expect. Good news—it's never been easier, even for absolute beginners. Using tools like SquareSpace, WordPress, and HTML and CSS, you can build impressive sites that no one would guess were the work of a newbie. This Learning Path gives you all the skills you need the build the sites you envision.

Publisher resources

Download Example Code

Table of contents

  1. An Introduction to HTML
  2. Putting It All Together: Building a Recipe Website
  3. An Introduction to CSS
  4. Separating Styling: Classes, IDs, and Other Segregation
  5. Placing Things Where You Want Them: CSS Positioning, Padding, and Margins
  6. Putting It All Together: Building a Personal Website
  7. HTML Forms
  8. Other Technologies Moving Forward
  9. Hosting your Project Online
  10. Introduction
    1. HTML5 And CSS - An Introduction To Modern Web Development
    2. About The Author
    3. Overview Of The Course
  11. The Basics Of Developing For The Web
    1. Setting Up Your Workspace
    2. A Simple HTML Document
    3. The Basic Structure Of A Website
    4. Moving Files From Your Computer To A Webserver
  12. HTML Fundamentals
    1. What Is HTML?
    2. HTML Syntax
    3. The Doctype
    4. The Document Head
    5. The Document Body
    6. Understanding Block And Inline Elements
    7. Paragraphs And Line Breaks
    8. Div And Span
    9. Links
    10. Images
    11. Basic Lists
    12. Lists Of Lists
    13. Tables
    14. Validation
  13. Structural HTML
    1. Understanding Document Structure In HTML
    2. Quotes
    3. Articles
    4. Navigation
    5. Figures
    6. Sections
    7. Headers And Footers
    8. Aside
  14. CSS Fundamentals
    1. What Is CSS?
    2. Adding CSS To An HTML Document
    3. Basic CSS Selectors
    4. Grouping CSS Selectors
    5. Using Shorthand
    6. CSS Units
    7. Color In CSS
    8. The Cascade
  15. Text And Typography
    1. Understanding Web Typography
    2. Text Size
    3. Text Weight And Style
    4. Using Fonts
    5. Pseudo-Class Selectors
    6. Styling Links
    7. Dynamic Pseudo-Class Selectors - The Hover State
  16. Color And Images
    1. Background Color In CSS
    2. Adding A Background Image To A Page
    3. Using Background Images On Other Elements
    4. Styling A Blockquote With Multiple Background Images
    5. Gradients With CSS
    6. Shadows In CSS
    7. Opacity And Transparency
  17. Layout With CSS
    1. The CSS Layout Model
    2. Margins And Padding
    3. Borders
    4. Absolute Positioning
    5. Relative Positioning
    6. The Basics Of Float
    7. Clearing Floats
    8. Building A Simple, Floated Layout
    9. Styling The Navigation Sidebar
    10. Styling The Page Header
    11. Styling The Page Footer
  18. Forms In HTML And CSS
    1. Understanding The Role Of Forms On The Web
    2. The Form Element
    3. The Input Element
    4. Form Labels
    5. Text Areas
    6. Buttons
    7. File Input Fields
    8. Hidden Fields
    9. Checkboxes And Radio Buttons
    10. Select Lists
    11. Fieldsets And Legends
    12. Laying Out A Simple Form
    13. Styling Our Form With CSS
    14. Advanced Form Styling Tips
  19. HTML5 Audio And Video
    1. The Audio Element
    2. The Video Element
    3. Providing Fallbacks For Older Browsers
  20. Understanding Responsive Design
    1. What Is Responsive Design?
    2. Media Queries
    3. Images In Responsive Design
    4. A Simple Layout With Three Breakpoints
  21. Browser And Device Testing - Fixing Problems And Ensuring Accessibility
    1. Testing Different Platforms
    2. Debugging CSS Problems
    3. Accessibility Tips
    4. Common Problems When Making Websites Live
    5. Resources And Where To Get Help
  22. Using Squarespace
    1. Introduction To Squarespace
    2. About Andy
    3. Top Ten From Andy
  23. Taking The First Step
    1. Introduction - Taking the First Step
    2. The Squarespace Interface
    3. Creating An Account
    4. Setting Up A User Profile
    5. Adjusting Site Settings
  24. Working With A Plan
    1. Introduction - Working with a Plan
    2. Planning The Project
    3. Changing Templates
    4. Loading The Working Files
    5. Adding Getty Images
    6. Creating A Logo And Favicon
    7. Editing The Template
    8. Editing An Image
  25. The Squarespace Environment
    1. Introduction - The Squarespace Environment
    2. Deleting And Renaming Pages
    3. Adding Heading Images
    4. Restoring Deleted Pages
    5. Editing Text Blocks
  26. Creating Sites And Cover Pages
    1. Introduction - Creating Sites and Cover Pages
    2. Adding An Additional Site To Your Account
    3. Creating A Cover Page
    4. Removing Sites From Your Account
  27. Working With Settings And Design Options
    1. Introduction - Working with Settings and Design Options
    2. Working With Settings
    3. Working With Permissions
    4. Adding Social Media
    5. Adjusting Pages With The Style Editor
    6. Using Typekit
    7. Adding Announcements To A Site
  28. Creating Additional Content
    1. Introduction - Creating Additional Content
    2. Adding A New Page
    3. Making A Gallery
    4. Adding Spacers
    5. Selling Products
    6. Removing Code From Text
    7. Creating An Album
    8. Scheduling Events
  29. Setup Options
    1. Introduction - Setup Options
    2. Setting Up A Paid Account
    3. Setting Up A Commerce Page
    4. Setting Up A Blog
    5. Posting And Commenting
    6. Working With Blog Settings
  30. Controlling The Site
    1. Introduction - Controlling the Site
    2. Adding Users
    3. Adding A Cover Page
    4. Controlling Page Blocks
    5. Cleaning Up The Site
    6. Adjusting Site Navigation
  31. Wrapping It Up
    1. Introduction - Wrapping Up
    2. Adding Video
    3. Adding A Search Field
    4. Generating Links
    5. Adjusting For Different Devices
    6. Going Primetime
    7. Final Thoughts
  32. 01. Getting Started With WordPress
    1. What You Will Learn
    2. About The Author
    3. What Is WordPress?
    4. Popular WordPress Sites
    5. WordPress.org Versus WordPress.com
    6. Hosting Your WordPress Site
  33. 02. Installing WordPress
    1. The Advantages Of Local Installation
    2. Downloading WordPress
    3. Downloading MAMP For Your Mac
    4. Creating The MySQL Database For Mac
    5. Installing WordPress On The Mac
    6. Downloading XAMPP For PC
    7. Setting Up XAMPP And Creating A Database For PC
    8. Installing WordPress On The PC
  34. 03. Basic WordPress Settings
    1. Viewing The Default Website
    2. An Overview Of The Admin Interface
    3. Changing The Title And Tagline
    4. Writing Settings
    5. Reading Settings
    6. Discussion Settings
    7. Media Settings
    8. Permalink Settings
  35. 04. Content Management In WordPress
    1. Posts And Pages
    2. Using The WYSIWYG Editor
    3. Using The Quick Draft And Quick Edit Features
    4. Inserting And Editing Images
    5. Featured Images
    6. Inserting Videos
    7. Post Formats
    8. Categories And Tags
    9. Building Menus
    10. Managing Comments
    11. Handling Comment Spam
    12. Introduction To Widgets
    13. Building A Custom Home Page
    14. Building A Posts Page
    15. Building An Image Gallery
  36. 05. WordPress Themes
    1. Looking At The Default Themes
    2. Searching For New Themes
    3. Installing Themes The Easy Way
    4. Installing Themes Manually
    5. Understanding The Folder Structure
    6. Theme-Based Settings
    7. Theme-Based Plugins
    8. Theme-Based Widgets
    9. Page And Post Templates
  37. 06. WordPress Plugins
    1. What Is A Plugin?
    2. How To Find Plugins
    3. Installing Plugins The Easy Way
    4. Installing Plugins Manually
    5. Recommended SEO Plugins
    6. Spam Prevention Plugins
    7. Contact Form Plugins
    8. Captain Favicon
    9. Caching Plugins
    10. Social Media Plugins
    11. Security Plugins
    12. Keeping Up With Updates
    13. When Things Break
  38. 07. Managing Users
    1. Creating New Users
    2. Editing And Deleting Users
    3. Editing Your Own Profile
  39. 08. Customizing Your Theme
    1. A Closer Look At Theme Options
    2. A Closer Look At The Theme Editor
    3. The Problem With Editing Your Theme
    4. Creating A Child Theme
    5. CSS Primer
    6. Basic Customization With PHP And CSS
  40. 09. Going Live
    1. Finding A Host
    2. Easy Online WordPress Installation
    3. Backing Up Your Site
    4. Restoring The Backup
    5. Updating The Database
  41. 10. Conclusion
    1. Wrapping Up

Product information

  • Title: Learning Path: Learn to Build a Website
  • Author(s): Rachel Roumeliotis
  • Release date: October 2015
  • Publisher(s): O'Reilly Media, Inc.
  • ISBN: 9781491944356