Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
Have you ever wondered how you could get that magnificent idea from your brain onto the web? You see so many great websites (and a couple of not so great ones), and you can't help but think, "I could do that!"
If so, then this course is perfect for you. Instead of drilling down with lots of useless snippets and complicated examples, this course will focus on functional application that you can use right away.
You will learn how to code a website from scratch, in a structure that will make it easy to apply Responsive Design styles to. You will also learn how to use basic PHP snippets to make updating common parts of your website easier than a traditional static website.
This course includes all the following, and more:
The best part about this course is that it makes no assumptions on your skill level. If you know nothing, or a whole lot of something, you'll find techniques in this course that you can apply to your next project. All of the material used in this course is real world application. All of the examples used are based off the structure you will be learning, so it's been proven to work in production
If this sounds right for you and you're ready to get started, just click the Take This Course button to the right and we'll begin!
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Course Introduction|
Welcome to the course and overview of things we'll be going over.
Programs and tools we'll be using, as well as suggested alternatives
A brief overview and history of what HTML and CSS are.
Practical examples of websites built with the exact HTML and CSS fundamentals and structures found inside the lessons in this course.
|Section 2: Project Setup|
We'll go over how to install MAMP and how to set it up for easy website development and testing.
We'll look into common website folder organization and the thinking behind why it's done
|Section 3: HTML Fundamentals|
H1 through H6 Tags
P (Paragraph) Tag
Ordered and Unordered Lists
iFrames and Embed
Metadata & TitlePreview
|Section 4: CSS Fundamentals|
External, Internal, and Inline CSS
Font Color & BG Color
Float & Clear
Margins & Padding
Text & Box ShadowsPreview
Positioning and Z-index
Form Styling Part 1
Form Styling Part 2
Grouping CSS Classes
|Section 5: Building Our Website|
Introduction & Goals
Setting It Up
Our Grid Structure
Building the Home Page Part 1Preview
Building the Home Page Part 2
Styling the Home Page Part 1
Styling the Home Page Part 2
Styling the Home Page Part 3
Header & Footer PHP
Active Links for Navigation
|Section 6: Internal Pages of Our Website|
Experience Page Part 1
Experience Page Part 2
Portfolio Page Part 1
Portfolio Page Part 2
Portfolio Page Part 3Preview
Contact Page Part 1
Contact Page Part 2
Contact Page Part 3
|Section 7: Responsive Design|
Introduction to Responsive DesignPreview
Tablet View Part 1
Tablet View Part 2
Mobile View Part 1
Mobile View Part 2
|Section 8: Going Live With Our Website|
Domain and Hosting
|Section 9: Bonus Material|
Adding a Favicon
My name is James, and I'm a freelance graphic designer & web developer currently located in California. I have a Bachelor of Science in Graphic Design, graduated with Honors, and I've been building websites for over 10 years. Give me your creative problem, and I'll give you a creative solution.
My experience as a graphic designer has allowed me to combine the technical functions of building a website with the aesthetic side of creating art, which results in a clean, functional website that looks good and operates the same way. I believe in having a clean design, and clean code.