[FreeCoursesOnline.Me] SkillShare - Web Design - Modern HTML and CSS for creating Web Pages

[FreeCoursesOnline.Me] SkillShare - Web Design - Modern HTML and CSS for creating Web Pages

Other
Size
3.8 GB
Seeders
1
Leechers
0
Files
88
Category
Other
Added
10/23/20 at 11:40am GMT+1
Infohash
0f1624683725b55d47ca4ffd64fa031f995ba368

Description
Lynda and other Courses >>> https://www.freecoursesonline.me/

For Developer Tools & Apps >>> https://ftuapps.com/

Forum for discussion >>> https://1hack.us/







Created by: Laurence Svekis, Web technology Instructor

Language: English

Released: 2020

Duration: 9h 13m

Course Source: https://www.skillshare.com/classes/Web-Design-Modern-HTML-and-CSS-for-creating-Web-Pages/690486368



Description



Create Responsive modern Websites with CSS and HTML - Apply Flexbox and CSS Grid



HTML5 and CSS3 included.....



Over 12 Coding Challenges - To get you Coding Quickly



**** SOURCE CODE INCLUDED FOR ALL LESSONS OVER 100 FILES ****



Web Design with HTML CSS How to create Web Pages web development build websites create WebSites from scratch



Explore the core technologies of the web learn how you can get started with Web development.



Coding for beginners to learn more about web design and web development. Learn HTML5 CSS3 . Modern coding is explained loaded with examples and sample code. Website development building blocks learn to code. Make it Responsive learn responsive web design with how to create a website responsive and more. Perfect course for html and css for beginners.



Real world Coding with HTML CSS



HTML elements are the building blocks of HTML pages. HTML5 is the starting technology for anything online - perfect to get started as a web designer and web developer.



Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.



Course Covers HTML for Beginners-



• HTML and HTML5 for modern website Design and Development.

• Learn about modern HTML elements

• Basic of HTML elements and how they work

• Debugging HTML and Comments within code

• Create HyperLinks and Links to page content and other web pages anchor tag

• Bold and Headings to make content stand out with HTML

• Coding Challenge - Tags Exercise

• Coding Challenge - Apply HTML tags create Page Structure - Mini Website Creation exercise.

• Adding MailTo to send emails with HTML links

• Images within HTML adding img tag and source options

• Coding Challenge - Getting social linking to your social profiles coding exercise with HTML tags.

• How to create lists with HTML tags.

• Adding tables with HTML table tag element attribute options.

• Coding Challenge - Create an achieved old school website from scratch. Simple HTML website Challenge exercise .

• Semantic elements and blocks and spans with HTML

• Coding Challenge - Resume upload Challenge - create your Resume and upload to the web.

• Explore how to create HTML forms form tags and form elements.

• Different text formatting options with HTML tags

• Using IFrames in HTML code

• What are HTML Meta tags and what HTML meta tags should be used HTML Meta Tags

• HTML and Audio options Playing Sound Audio and Video Tags

• Adding Audio and Video to play within HTML tags



Find out more about CSS What is CSS and how it works. Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript



Course Covers CSS for Beginners-



• How to write CSS adding CSS to web pages and CSS Syntax

• How to comment CSS code ways to apply Comments CSS

• What are CSS selectors and how to use CSS selectors to get page elements

• Setting colors different CSS Color Units Listed

• Coding Challenge CSS - CSS color Background Challenge

• Setting CSS background properties and values

• How to set Element Height and Width with CSS

• How to Use Chrome DevTools

• How to add and create CSS Borders

• How to apply Margin with CSS to elements on the web page

• CSS Padding options - setting padding top bottom left and right for an element.

• What is the Box Model and how it works in CSS - Border - Padding - Margin

• Examples of Pseudo Classes CSS and what are CSS Pseudo Classes

• What are Pseudo Elements CSS - how to write CSS code for Pseudo Elements

• Adding Font Styles - selecting web fonts and updating font-family Fun Fonts CSS

• How to add Google Fonts to your website using Google Fonts CSS

• How to use the CSS Display Property setting values

• Coding Challenge - Make a Navigation bar turn your html list items into a NavBar - NavBar Maker Exercise

• How to set CSS Position - position property options for values

• How to set CSS Float Elements CSS

• Coding Challenge - 3 Column Website Project using Floats create a website from HTML code apply styling to create a three column standard website

• Coding Challenge - Create a Website Image Gallery Website Using Floats - create website from scratch

• Update Mouse Cursor pointer with CSS - Mouse Cursor Changes

• How to Use CSS Advanced Selectors and more selection options

• CSS selector specificity how CSS selector specificity works.

• How to Create CSS Linear Gradients and How to Create CSS Radial Gradients

• How to create CSS 2D Transforms and CSS 3D Transforms

• How to make animations with CSS - CSS Animations

• What is CSS FlexBox Layout how to create a layout with Flexbox

• Coding Challenge - How to create a NavBar using Flexbox - Flex NavBar Challenge

• How to apply element Sizing with Flexbox.

• How to use Flexbox to size items on the page- Flex items Size

• Coding Challenge - Flex Image Gallery Challenge - Create an image gallery web page using Flexbox applying CSS to position elements

• Introduction to the CSS Grid Layout - creating websites with Grid Layout

• How to use CSS Grid to make Rows and Columns

• What are Grid Items CSS Grid lesson

• Setting CSS Grid Area Names and more

• Coding Challenge -creating websites using CSS Grid - setup and design web pages with examples of CSS Grid webpages.



Covered Topics



• Technology

• Web Development

• HTML

• CSS

• Web Design

• Responsive Web Design

• CSS3

• HTML5



About Author



Web Design and Web Development Course Author - Teaching over 700,000 students Globally both in person and online.  



I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today

Google Developers Expert - GSuite



Providing Web development courses and digital marketing strategy courses since 2002.



Innovative technology expert with a wide range of real world experience. Providing Smart digital s...




File list
  • [FreeCoursesOnline.Me] SkillShare - Web Design - Modern HTML and CSS for creating Web Pages
  • 0. Websites you may like/How you can help our Group!.txt 208 B
  • 01-introduction-to-html-and-css-for-web-design.mp4 16.4 MB
  • 02-1-html-setup-get-coding.mp4 29.8 MB
  • 03-2-writing-code.mp4 61.3 MB
  • 04-1-html-setup-get-coding.mp4 35.2 MB
  • 05-2-create-a-html-template.mp4 29.2 MB
  • 06-3-what-is-an-element.mp4 47.7 MB
  • 07-4-headings-and-bolded-text.mp4 53.1 MB
  • 08-5-apply-html-tags-exercise-1.mp4 55.3 MB
  • 09-6-text-formats-html.mp4 81 MB
  • 10-7-html-comments.mp4 9 MB
  • 11-8-html-hyperlinks-anchor.mp4 243.2 MB
  • 12-9-apply-html-tags-exercise-2.mp4 92.6 MB
  • 13-10-mailto-send-email.mp4 17.3 MB
  • 14-11-image-tags-in-html.mp4 37 MB
  • 15-11-5-social-profile-linking-exercise-3.mp4 33.4 MB
  • 16-12-html-lists-ul-ol-dl.mp4 48.2 MB
  • 17-13-html-tables.mp4 58.4 MB
  • 18-14-back-in-time-challenge-4.mp4 116.5 MB
  • 19-15-html-block-and-inline-elements.mp4 24.1 MB
  • 20-16-html5-semantic-elements.mp4 57.6 MB
  • 21-17-get-on-gitpages.mp4 19.3 MB
  • 22-18-challenge-6-live-resume.mp4 44.5 MB
  • 23-19-html-forms.mp4 46.5 MB
  • 24-20-html-forms-2.mp4 125 MB
  • 25-21-form-field-options.mp4 97.5 MB
  • 26-22-fieldset-and-forms.mp4 15.8 MB
  • 27-23-iframes-html.mp4 75.4 MB
  • 28-24-audio-and-video-tags.mp4 24.3 MB
  • 29-25-html-meta-tags.mp4 105.8 MB
  • 30-26-common-tags-with-source-files.mp4 32.4 MB
  • 31-27-debugging-html.mp4 35.6 MB
  • 32-introduction-to-css.mp4 20.5 MB
  • 33-1-what-is-css.mp4 68 MB
  • 34-2-css-syntax.mp4 23.6 MB
  • 35-3-writing-css.mp4 98.5 MB
  • 36-4-comments-css.mp4 10.8 MB
  • 37-5-css-selectors.mp4 24.6 MB
  • 38-6-css-color-units.mp4 63.8 MB
  • 39-7-css-color-background-challenge.mp4 25 MB
  • 40-8-css-background-images.mp4 71.3 MB
  • 41-9-background-size.mp4 24.3 MB
  • 42-10-height-and-width.mp4 36.6 MB
  • 43-11-chrome-devtools.mp4 26.5 MB
  • 44-12-css-units.mp4 29.8 MB
  • 45-13-css-borders.mp4 97.6 MB
  • 46-14-margin-and-padding-css.mp4 48 MB
  • 47-15-css-padding.mp4 45.5 MB
  • 48-16-box-model.mp4 20.5 MB
  • 49-17-css-outline.mp4 13 MB
  • 50-18-pseudo-classes-css.mp4 40 MB
  • 51-19-pseudo-elements-css.mp4 36.2 MB
  • 52-20-fun-fonts-css.mp4 24 MB
  • 53-21-google-fonts-css.mp4 24.4 MB
  • 54-22-font-awesome-css.mp4 21.5 MB
  • 55-23-text-and-more-font-css.mp4 39.6 MB
  • 56-24-css-display-property.mp4 39.1 MB
  • 57-25-navbar-maker-exercise.mp4 39.3 MB
  • 58-26-css-position.mp4 62.7 MB
  • 59-27-z-index-css.mp4 6.3 MB
  • 60-28-overflow-of-element-content.mp4 17.1 MB
  • 61-28-1-project-website-sidebar-nav.mp4 77.3 MB
  • 62-29-float-elements-css.mp4 25.5 MB
  • 63-30-use-floats-for-web-template.mp4 66.3 MB
  • 64-31-image-gallery-with-floats.mp4 47.3 MB
  • 65-32-mouse-cursor-changes.mp4 9.2 MB
  • 66-33-advanced-selectors.mp4 77.2 MB
  • 67-34-media-css.mp4 43.4 MB
  • 68-35-css-selector-specificity.mp4 29.3 MB
  • 69-advanced-css-introduction-lesson.mp4 6.1 MB
  • 70-1-css-linear-gradients.mp4 33.5 MB
  • 71-2-css-radial-gradients.mp4 80.4 MB
  • 72-3-css-2d-transforms.mp4 43 MB
  • 73-4-css-3d-transforms.mp4 22.8 MB
  • 74-5-css-animations.mp4 29.4 MB
  • 75-css-layouts-introduction-lesson.mp4 11.9 MB
  • 76-1-flexbox-layout.mp4 17.6 MB
  • 77-2-flex-navbar-challenge.mp4 28 MB
  • 78-3-sizing-with-flexbox.mp4 33.3 MB
  • 79-4-flex-items-size.mp4 38.6 MB
  • 80-5-flex-image-gallery-challenge.mp4 47 MB
  • 81-6-grid-layout.mp4 15.4 MB
  • 82-7-grid-rows-and-columns.mp4 23.2 MB
  • 83-8-grid-rows-and-columns-width.mp4 33.6 MB
  • 84-9-grid-items-css.mp4 37 MB
  • 85-10-grid-area-names.mp4 22.8 MB
  • 86-11-website-examples.mp4 84.5 MB
  • ex.FiLES.zip 37.2 KB

Rating
Not rated yet
Log in to rate

Comments

No comments yet.


Similar torrents
NameSizeDate
6.7 GB11/12/18354
1.7 GB01/27/24350
1 GB12/27/22320
3.1 GB06/20/20251
4 GB12/26/19213
16 GB02/21/23210
2.1 GB07/08/20203
2.7 GB06/18/20190
2.9 GB07/25/20190
2.6 GB03/25/23180
3.9 GB12/02/23180
1 GB07/01/20170
1.7 GB11/05/22170
1.7 GB10/09/22161
6.9 GB01/07/23161