O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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.

Table of Contents

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