Web Development: Make A Website That Will Sell For Thousands

Name: Web Development: Make A Website That Will Sell For Thousands
Rating: 4.7 (136 reviews)

Watch Over The Shoulder Of A Professional Web Developer, And Learn How To Code A Beautiful, Modern Website From Scratch

Created byBradley Berger

Last updated 4/2015

English

What you'll learn

Make a complete website from scratch
Learn what a website actually is, and what its made of
Learn the basics of HTML / HTML5
Advanced topics on HTML / HTML5
CSS / CSS3 Basics
CSS / CSS3 Advanced topics
Use Dreamweaver CS6

Course content

10 sections • 51 lectures • 7h 25m total length

Welcome!1:53
Learn to build a complete professional site with essential tools and master the why and how of web development, including styling, responsive design, light boxes, and pricing tables.
Downloading a text editor1:38
What is HTML / HTML5 and CSS / CSS3?3:07
All about web hosting3:17
Discover how to choose a web host by comparing free and paid plans, hidden fees, and features like cPanel, a domain name, unlimited email, 24/7 support, and FTP uploads.

Creating and structuring a webpage6:35
Draft a hello world page in Notepad++ on a PC, save it as index.html in a web folder, and declare html5 doctype to structure the content with html tags.
Finishing the framework6:21
Uploading your webpage to a server6:17
White space and some text tags5:01
Learn how white space is treated as a single space in html, how h1–h6 and p tags render, and how browser defaults contrast with CSS‑controlled styling.

Continuing with the header and creating a file structure12:45
Floats10:43
More CSS properties and header content16:11
Learn to position header content with float left and float right, targeting the info div and anchors, and refine typography, colors, and spacing with css.
Inherited properties6:20
Correct NAV - Update4:05
Remake this lesson to compare browsers, fix navigation alignment by targeting the nav in Dreamweaver, adjust the margin from negative 45 to 30 pixels, and note Chrome's bug was resolved.
Styling the NAV5:28
Learn to style the navigation with CSS by floating the list items to the right, adjusting margins, and applying borders, padding, and list-style options for a polished nav.
Pseudo Classes and new CSS3 properties13:34
Finishing the Header5:36
Finish the header by restructuring the top and bottom divs, set heights, and apply a gradient. Implement cross-browser transitions and a hover color change for the header info.

HTML5 Video and Audio tags13:13
The Aside10:40
Demonstrate embedding a YouTube video with an I-frame, sizing it to 58 percent in the main area and 40 percent in the aside, and styling a four-item ribbon with gradients.
The Four Boxes9:48
Create a two by two grid of article boxes using floats, margins, and clearing. Add hover interactions, visibility toggling, and transitions, with a red background and purple hover color.
Completing the Aside9:35
Inline elements10:25
Finishing the bottom content area12:17
Making the footer7:36

What is a Media Query?8:49
Apply media queries to tailor CSS rules for different screen sizes and orientations, creating responsive layouts that adapt using max width and device width.
The first Media Query13:03
The second Media Query8:59
The third Media Query and a Nav button8:14
More Responsive Design9:32
Finishing up the Media Queries6:56
Javascript for the Nav Button8:34
Finishing the Responsive Design8:20

The Contact page8:57
HTML for a pricing table14:48
Styling the pricing table11:37
Style the pricing table with css, fixing class naming and applying selective border radii and top div styling to highlight featured items. Explore responsive considerations and learner-driven experimentation.
Cross Browser Problems6:44
Learn to fix cross-browser layout issues by positioning navigation inside a header, ensure consistent header borders, and implement responsive design with a viewport meta tag for mobile devices.
Conclusion2:20

Requirements

Must actually want to learn this new skill

Description

If your looking to get a start on learning the, fun, and profitable skill of web development, then this course is for you. Unlike other courses which teach tedious theory ABOUT making a website, you'll learn practical knowledge on HOW to do it. This course takes you step-by-step as we build a complete professional website from scratch. Websites like the one we build in this course can easily sell for $1,000 - $4,000.

The course starts out assuming that you know nothing, and shows you where to get the free tools needed to make a website. Then we jump right in and start learning HTML5 and CSS3 the easy way.

By the end of the course, you'll be able to make a complete professional website and be able to sell your work for a lot of $. Whether you're looking for a new career, to make a little extra on the side, or you want to be able to make a website for yourself and friends, you've come to the right place.

You could be making money RIGHT NOW on the internet instead of wasting your time. Enrolling in this course will give you all the skills you need to do so.

We begin by learning HTML which is the structure that makes up every single website. Once the structure of our site is complete we begin styling it using CSS, which is also used on every single website. CSS is used to style everything on a website, including: background colors (or images), font sizes, font colors, as well as the width, height, and position of everything on a webpage.

We then cover topics which are critical to modern websites, like responsive design and embedding images and videos. We also go over how you can develop a website locally on your computer, then put the files on a live server for the world to see.

Enroll now to invest in yourself and to open the doors to this exciting field.

Who this course is for:

People new to web design
Anyone looking for a huge jump-start in web development
If you're looking for a better understanding of HTML / CSS
Beginners and Intermediate level students will both have a lot to learn

Web Development: Make A Website That Will Sell For Thousands

What you'll learn

Explore related topics

Course content

Some Background Information4 lectures • 10min

Getting Started4 lectures • 24min

Additional information and starting with Dreamweaver4 lectures • 21min

Creating the Header and all about CSS4 lectures • 49min

Finishing the Header8 lectures • 1hr 15min

Creating the main content area7 lectures • 1hr 14min

Responsive design8 lectures • 1hr 12min

Turning the Webpage into a full Website2 lectures • 21min

The Demonstrations page5 lectures • 54min

The Remaining pages5 lectures • 44min

Requirements

Description

Who this course is for: