• Professional Development
  • Medicine & Nursing
  • Arts & Crafts
  • Health & Wellbeing
  • Personal Development

Course Images

Hands-On: Create a Website from Scratch

Hands-On: Create a Website from Scratch

  • 30 Day Money Back Guarantee
  • Completion Certificate
  • 24/7 Technical Support

Highlights

  • On-Demand course

  • 3 hours 24 minutes

  • All levels

Description

Go hands-on and create a fully functional, low-maintenance, modern responsive website using HTML5, CSS3, and JavaScript. No WordPress, no Bootstrap, no jQuery no libraries of any kind. Learn to share header, nav, and footer HTML code across web pages using PHP, which most web hosting providers include for free.

You'll learn to choose fonts, a color scheme, create a header, nav bar, and footer, make the site responsive so it looks and works as well on phones and mobile devices as it does on larger screens. Use free FontAwesome fonts to add social media icons and stylized lists to your site. Create your own media cards, and learn some tricks for modernizing your HTML form controls.

What Will I Learn?

Create a modern responsive website using just HTML5, CSS3, and JavaScript - and perhaps a few lines of PHP code if you're like to share header, nav, and footer content across pages.

Requirements

Some hands-on experience with basic HTML and CSS and a code editor. Basic file and folder skills for Mac or Windows.

Who is the target audience?
  • People learning web development who want to focus on the core front-end languages HTML5, CSS3, and JavaScript WITHOUT Bootstrap, jQuery, or other libraries.

  • Beginning developers looking to create great, low-maintenance websites for themselves or others.

  • Developers who are looking for easy ways to share content, like header, nav, and footer HTML code, across pages.

Get Started

What This is About

00:05:00

Start Building

00:18:00

Choose Your Fonts

00:05:00

Choose Your Color Scheme

00:05:00

Create the Nav Bar

00:11:00

Add a Page Footer

00:08:00

Beyond the Basic Structure

Style the Body Content

00:05:00

Make it Responsive

00:10:00

Activate the Hamburger Menu

00:17:00

Make it Professional with Animations

00:04:00

Share Content Across Pages

Why Share Content Across Pages?

00:08:00

Install AMPPS - Windows

00:11:00

Install AMPPS - Mac

00:13:00

Break Out the Shared Content

00:10:00

Professional-Grade Touches

External JavaScript and Meta Tags

00:07:00

Adding More Pages to the Site

00:06:00

Highlight the Current Page in the Nav Bar

00:14:00

More Body Text Styling

00:10:00

Creating the Media Cards

00:13:00

Styling Lists

00:09:00

Styling Form Controls

00:15:00

About The Provider

We understand more than anyone how important it is for yo...

Read more about iStudy UK

Tags

Reviews