Quick and Easy Web Design Creating websites from scratch

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
22 Videos (2h 6m)
    • Quick and Easy Web Design Creating websites from scratch

      1:46
    • 1 Website from scratch introduction

      2:11
    • 2 Course Resources web design

      5:05
    • 3 Website Planning wireframe design

      6:49
    • 4 Create parent elements HTML structure

      6:57
    • 5 Add resources and dummy placeholder content

      4:33
    • 6 Apply Styling to HTML top level elements

      5:33
    • 7 Navbar setup and styling

      12:00
    • 8 Creating a content wrapper

      2:39
    • 9 Creating a header

      3:05
    • 11 Setting up sections sidebar and footer

      7:03
    • 12 CSS tweaks and fixes

      4:51
    • 13 Add media queries make it responsive

      7:27
    • 14 Add additional media queries

      4:20
    • 16 Setup responsive navbar

      5:11
    • 17 Setup menu for toggle of class

      3:20
    • 19 Add jQuery event trigger

      8:02
    • 21 Setting classes on the fly

      11:46
    • 22 Page Tweaks and options

      4:54
    • 24 Create additional pages for website

      8:18
    • 25 update contact form

      6:19
    • 26 Practice tips and resources

      3:24

About This Class

Quick and Easy Web Design Creating websites from scratch
Explore how to build websites using HTML, CSS and jQuery. Step by step
guide to how websites are built from scratch
Everything you need to know to build a website from scratch.

Learn how to use HTML and CSS to make websites from scratch. This course
covers the fundamentals on how to use HTML and CSS together to build
websites.

Learn how to identify different core containers within your web design and
then build your HTML code prepping it for styling.

Start by planning your website, what do you want it to look like. This is
the guide to develop your HTML coding by using this blueprint to build the
HTML structure. Use HTML to create the initial website structure.

Apply CSS to customise the way the website is rendered in visitors
browsers. Explore CSS and how to style your website. Add placeholder
content and images to get the feel of you websites. Build out a navigation
menu, style your navbar. Create content sections, style them in modern
website styling. Add styling to your headers and footers to make them
stand out. Setup you content area separate your content sections, including
setting up a sidebar. Improve your website, with special tweaks and updates
fine tuning your source code. Then use CSS to make it responsive!

Add jQuery to dynamic added functionality. Adding event triggers and
customised interactions. Detect current URL and set the active class on
your navbar.

Source Code is included
Top Resources and links used to create websites
HD quality video
Step by step instruction
taught by an instructor with over 16 years industry experience
quick forum response
ready to answer any questions you may have
Develop a solid foundation in web development, this course is designed to
get you creating your own websites. Explore how to make websites.

Upon successful completion of this course students will have a solid
foundation in the core principles of web design and web development.

247

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