Web Development in 1 day

Name: Web Development in 1 day
Rating: 4.4 (43 reviews)

Start learning CSS and HTML today and have your website up and running tomorrow!

Created byDr Emma Cheetham

Last updated 11/2017

English

What you'll learn

Make a website
Be confident using CSS and HTML to build any website

Course content

4 sections • 43 lectures • 4h 11m total length

HTML - Setting up the folder structure2:52
Learn how to set up the folder structure ready for your HTML and CSS coding!
HTML - Structure of a webpage8:12
Learn the basic structure of a webpage that you will need to put in place each time you make a new website!
HTML - Headings3:43
Code used to create Headings in HTML
HTML - Paragraphs3:44
Learn how to input paragraphs and text on your webpage using the p tag.
HTML - Dip your toe into CSS6:45
Dip your toes into a bit of styling!!
HTML
HTML - Lists8:22
Learn how to add unordered and ordered lists - these are very useful and used for navigation bars also!
HTML - Links11:59
Learn how to add links to another site and to add links to other places within your site!
HTML - Images10:37
Learn how to add an image to your website!
HTML - Tables8:22
Learn how to add tables to your website!
HTML - iFrames3:37
Learn what iframes are and how to add iframes to your website!
HTML - Adding videos3:50
Learn how to embed videos to your website
HTML - Adding Audio3:01
Add mp4 audio onto your webpage!
HTML-forms15:26
Add forms to allow you to collect your customers information onto your webpage!
End of HTML quiz

Intro to CSS4:23
Intro to CSS - Lets start styling web pages
CSS - Explaining the box model4:24
This explains the box model theory of the CSS and is accompanied by an image that shows the way in which the page is controlled.
CSS - Colors6:21
In this lecture we explore the different ways that we use color to achieve beautiful websites. We look at the several ways in which color can be represented.
CSS - Using Divs to control your page layout3:56
In this lecture we introduce divs as a way to control the styling of blocks of the webpage.
Classes and ID's6:44
This lecture looks at how we use classes and Id's to style and control out webpage. Attached is some of the code we write in a word doc. However - this is not something you should just copy and paste - go through the examples in the video.
CSS - Borders, Padding and Margins14:21
This lecture looks at margins, padding and borders and how we move items around the page. There is no accompanying code sheet as this will be within the final project code.
CSS Quiz
CSS - Position4:25
In this lecture we will look at the different variables that we can set for position and how the objects interact with each other on the web page.
CSS - Floating Elements4:54
In this lecture we look at how we can float elements to either the left or right and the impact that has on the layout of the webpage.
CSS - Styling Images and Background Images4:47
In this lecture we look at how to style images and also how to style background images.
There is no accompanying code sheet for this lecture as this will be within the final project code.
CSS - Styling fonts12:41
This lecture looks at the styling of fonts.
There is no accompanying code sheet for this lecture as this will be within the final project code.
CSS - Styling Links2:22
In this lecture we look at the different ways we can style links.
There is no accompanying code sheet for this lecture as this will be within the final project code.

Intro to project - what are we doing?3:58
Lets start our project and start coding our first webpage!
HTML -Getting Started - Setting up the structure of the webpage7:25
Setting up the head tag!
HTML - Setting up the header and the navigation bar7:18
Set up the header and the navigation bar!
HTML-Adding background image and text over image4:51
Lets add a background image and then add some text that sits on top!
CSS- Styling the background image and the text over the image8:10
using CSS to style the image and text over image!
HTML - Adding the form and footer7:29
Lets add the form and the footer at the bottom of the page!
Styling text over image3:28
This includes the facebook and twitter image used as well as a lecture on how we style our icons
Styling the footer2:40
Start styling the footer using CSS
Styling social icons2:33
Start styling social icons using CSS
Styling the header4:04
Style the header of the website using CSS
Styling the Navigation bar6:04
Style the navigation bar!
Styling the form and adding font6:27
Use CSS to style the form and add external fonts
Coding the HTML for the portfolio page5:13
Lets start the portfolio page!!
Styling The Gallery9:51
Using CSS to style multiple pictures!
Making and Styling the Home Button6:58
Lets make and style the button that will link us back to the homepage!
Talk through responsive CSS3:06
Lets walk through the responsive CSS that will allow our design to suit mobiles and ipads...
Normalize CSS1:19
Lets talk though the normalize CSS sheet that will link in.
Where now?0:13
To do list to make sure you learn to code by yourself!

Requirements

Internet
Text Editor (e.g text wrangler)
Willingness to Learn

Description

Course Description

HTML and CSS are the two most essential languages you must learn if you want to become a web developer - they can also the easiest if you learn in the right way.

With this thorough course you will learn all the skills you need to create a beautiful portfoilio website.

You will watch clear videos where I code along side you and provide the code in a PDF that you can reference later on this course. This is a foolproof way of learning HTML and CSS fast. The quicker you learn these languages the faster you can start making money from them!

Take this course if you want to learn HTML and CSS in a fast and efficient way. You will code a fantastic portfolio website and learn all the skills to code any website you want !

Why take this course?

Currently the world is undergoing a digital revolution, companies and sectors are using their digital capabilities to innovate and transform how they operate. The rapid rate of change has meant many companies now exist purely online - so if you haven't already started thinking about your coding skills it is time to start. Whether you want to be able to create a start-up or start a career as a web designer or even just create your own blog site then this course is for you!

With just 44 lectures and just over 4 hours of your time we will get you up and running and ready to code websites with confidence and finesse!

** You will also get several cheat sheets that I have created to make learning HTML and CSS even EASIER!

Who this course is for:

Budding Web Designers
Anyone who wants to get into the Digital World

Web Development in 1 day

What you'll learn

Explore related topics

Course content

HTML - lets get started13 lectures • 1hr 31min

CSS - making websites beautiful!11 lectures • 1hr 9min

Code Your Portfolio Website!!18 lectures • 1hr 31min

PHP - Data collection from Forms1 lecture • 1min

Requirements

Description

Who this course is for: