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