Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Learn HTML CSS creating a single page website

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Videos (2h 4m)
    • Learn HTML CSS creating a single page website

      1:38
    • 1 Introduction to building websites from scratch

      1:59
    • 2 Course Resources Overview

      8:00
    • 3 Wireframe planning of website

      4:53
    • 4 Web Design HTML Page structure

      6:14
    • 5 Add placeholder content to prepare for stlying

      5:19
    • 6 Setup CSS defaults

      3:58
    • 7 Create a sticky Footer position it at the bottom

      4:36
    • 9 Navbar coding options for styling

      9:32
    • 11 Add styling to sections

      8:35
    • 13 Add section background covers

      6:49
    • 14 Image tweaks and adjustments to CSS

      6:55
    • 15 Header update style

      4:38
    • 16 Contact form styling

      7:31
    • 18 Add jQuery to website

      4:19
    • 19 Animate scrolling of webpage

      6:53
    • 20 update classes on scroll

      9:44
    • 22 Google Fonts and Background shadows

      6:27
    • 23 How to add social icons

      5:55
    • 24 Resources to update CSS and customize

      6:41
    • 25 Final Updates

      3:45

About This Class

Explorer how websites are made.  Learn about creating your own website from scratch using HTML CSS and jQuery

Explore how modern single page websites are made.

Learn about using HTML, CSS and jQuery together to develop a website from scratch.  Build a single page website within this course, everything is included.  Straight forward real world web design training form an instructor with over 16 years of web development experience.

Building websites is easier than you think.  This course will take you step by step about website building, teaching you the core concepts on how to design and develop a website completely from scratch.  

Web design plan in 5 easy steps.

  1. Plan the design of what you want your site to look like
  2. add HTML creating the structure
  3. add CSS make it look great and responsive
  4. make it dynamic with jQuery
  5. tweak and update as needed.

Everything is included to get you started quickly.  Top resources, source code and links to applications used within the course.  HD quality video. 

  • experience how to build a website from start to finish
  • find out about resources used within this course
  • learn how to wire-frame and create a website outline
  • familiarise yourself with how to setup HTML to prepare for styling
  • explore options for development with dummy data and placeholder images
  • Basic of CSS for your template
  • create a sticky footer 
  • learn how to create and add a navigation bar
  • Background explained, how to cover sections with backgrounds
  • How to tweak the CSS
  • Learn how to make it dynamic and interactive
  • Animate the scroll process 
  • Google fonts, social icons and more

I'm here to help you learn how to make websites, and ready to answer any questions you may have.  Let's being creating a single page website from scratch!

237

Students

--

Projects

Laurence Svekis

Web technology Instructor

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experienc...

See full profile