Build Real World Websites from Scratch using HTML5 and CSS3

Introduction - Get your free Web Hosting - HTML 20 lectures 02:05:01 HTML Chapter: Roadmap and Full Source Code Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. Structure of a website This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. Your first website In this lecture, you will build your very first website. Get your free web hosting In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. Set up FireFTP In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. Headings In this lecture, you will learn the syntax of HTML headings and add different headings to your website. Paragraphs In this lecture, you will learn the syntax of HTML paragraphs, you will create your first paragraph. You will then create your second paragraph and add a line break inside it. Links In this lecture, you will add links to your website. This session will cover different types of links, links taking you to an external website, links taking you to a file in the same server you are working in and links taking you to a certain HTML element in your website itself. Images In this video, you will add images to your website. This section will cover images located in your server as well as external images living in other servers. Also you will add basic styling to pictures using basic attributes like the width and height. Inline vs Block Elements In this lecture, you will understand the difference in behaviour between the main two types of HTML elements: Inline Elements and Block Elements Iframes - Activity: Embed a nice relaxing YouTube video to your website In this lecture, you will embed external websites inside your website using Iframes, also you will add a nice relaxing YouTube video to your website. Unordered Lists In this lecture, you will create your first unordered list, and also add a nice sub-list inside your unordered list. Ordered Lists In this lecture, you will create a few types of ordered lists. Description Lists In this lecture, you will create a description/definition list defining two main Web Technologies in this course: HTML and CSS. Tables In this lecture, you will create a simple HTML table consisting of three columns: Name, Company and Data of Birth, then you will populate it using details of famous people like Mark Zuckerberg or Steve Jobs. Entities In this lecture, you will create HTML entities like the copyright symbol or the less than sign. Forms (1) - Activity: Create a simple Login Form In this lecture, you will create a simple login form using HTML text inputs and password inputs. You will add labels inside your form. And you will add a Login button to submit you form. I will briefly mention the different types of forms (get and post) that we will cover later in the PHP chapter. Forms (2) - Activity: Create a Marketplace Checkout Form In this lecture, you will create a nice Marketplace Checkout Form, it will consist of fields like the customer address, their preferred shipping method, payment method, etc. You will use new input types like checkboxes and radio buttons which I will explain in detail. Text Decoration In this lecture, you will style text using basic HTML tags. (Advanced styling using CSS will be covered in the next chapter). Comments In this lecture, you will add comments to HTML code to make your code more readable. Introduction - Get your free Web Hosting - HTML. 20 lectures 02:05:01 HTML Chapter: Roadmap and Full Source Code Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. Structure of a website This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. Your first website In this lecture, you will build your very first website. Get your free web hosting In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. Set up FireFTP In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. Headings In this lecture, you will learn the syntax of HTML headings and add different headings to your website. Paragraphs In this lecture, you will learn the syntax of HTML paragraphs, you will create your first paragraph. You will then create your second paragraph and add a line break inside it. Links In this lecture, you will add links to your website. This session will cover different types of links, links taking you to an external website, links taking you to a file in the same server you are working in and links taking you to a certain HTML element in your website itself. Images In this video, you will add images to your website. This section will cover images located in your server as well as external images living in other servers. Also you will add basic styling to pictures using basic attributes like the width and height. Inline vs Block Elements In this lecture, you will understand the difference in behaviour between the main two types of HTML elements: Inline Elements and Block Elements Iframes - Activity: Embed a nice relaxing YouTube video to your website In this lecture, you will embed external websites inside your website using Iframes, also you will add a nice relaxing YouTube video to your website. Unordered Lists In this lecture, you will create your first unordered list, and also add a nice sub-list inside your unordered list. Ordered Lists In this lecture, you will create a few types of ordered lists. Description Lists In this lecture, you will create a description/definition list defining two main Web Technologies in this course: HTML and CSS. Tables In this lecture, you will create a simple HTML table consisting of three columns: Name, Company and Data of Birth, then you will populate it using details of famous people like Mark Zuckerberg or Steve Jobs. Entities In this lecture, you will create HTML entities like the copyright symbol or the less than sign. Forms (1) - Activity: Create a simple Login Form In this lecture, you will create a simple login form using HTML text inputs and password inputs. You will add labels inside your form. And you will add a Login button to submit you form. I will briefly mention the different types of forms (get and post) that we will cover later in the PHP chapter. Forms (2) - Activity: Create a Marketplace Checkout Form In this lecture, you will create a nice Marketplace Checkout Form, it will consist of fields like the customer address, their preferred shipping method, payment method, etc. You will use new input types like checkboxes and radio buttons which I will explain in detail. Text Decoration In this lecture, you will style text using basic HTML tags. (Advanced styling using CSS will be covered in the next chapter). Comments In this lecture, you will add comments to HTML code to make your code more readable. HTML Chapter: Roadmap and Full Source Code Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. HTML Chapter: Roadmap and Full Source Code Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. HTML Chapter: Roadmap and Full Source Code Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. HTML Chapter: Roadmap and Full Source Code Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. Please make sure you download this file before you move to the next lectures of this chapter. It will show you the structure of the current chapter and provide you with the necessary source code that will make your learning experience easier and faster. Structure of a website This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. Structure of a website This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. Structure of a website This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. Structure of a website This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. This video will explain the structure of a webpage, it will introduce the different components that build up the skeleton of a website. Your first website In this lecture, you will build your very first website. Your first website In this lecture, you will build your very first website. Your first website In this lecture, you will build your very first website. Your first website In this lecture, you will build your very first website. In this lecture, you will build your very first website. In this lecture, you will build your very first website. Get your free web hosting In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. Get your free web hosting In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. Get your free web hosting In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. Get your free web hosting In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. In this lecture, you will get your free web hosting so that you can upload your website on a remote server and share it with the whole world. Set up FireFTP In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. Set up FireFTP In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. Set up FireFTP In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. Set up FireFTP In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. In this lecture, you will set up fire FTP on our computer, which will make easy for you to transfer files from and to the server with a simple drag and drop. Headings In this lecture, you will learn the syntax of HTML headings and add different headings to your website. Headings In this lecture, you will learn the syntax of HTML headings and add different headings to your website. Headings In this lecture, you will learn the syntax of HTML headings and add different headings to your website. Headings In this lecture, you will learn the syntax of HTML headings and add different headings to your website. In this lecture, you will learn the syntax of HTML headings and add different headings to your website rongInline vs Block Elements ...