4.10 (10)
100 Hr (50 Days)
Course Contents: HTML Essentials, CSS Fundamentals, Layout and Design, Visual Styling, Advanced CSS and Much more
Certificate of Completion
Why we're The
Website designing is an important part of IT industry. To be a good web designer you should have a complete knowledge of HTML and CSS. These are the basic requirements for designing a website. In today’s world of competition to be amongst at the top one needs media. Websites are playing a key role in today’s life.
Many jobs are available for web designers than before. Many big companies demand experienced and quality web designers. The scope of web designing is always high. In today’s web and internet world, people want creative website when they are accessing it. Top company web development of India gives up to 8-10 lac per year for an experienced web designer. So its very good field for working and also it creative field.
HTML5 and CSS3 represent numerous opportunities in web development for businesses that develop and deploy online content and web applications. Overall, by using both of these tools in your businesses’ web development you can optimize your users’ web experience, provide a solid foundation for your SEO and content marketing strategy and significantly reduce your cross-platform web development and support costs whilst increasing your reach and optimizing web experience.
Cost effective Multi-Platform Development
Good page ranking
Offline browsing
Consistency across multiple browsers
Extension of video to a wide range of platforms
Geolocation
A better user experience
All branch graduates or undergraduate students who want to learn web designing.
All stream students.
Job seekers to get quick job in IT field.
Any who wants to learn a new skill or improve skill for there career.
Basic computer knowledge.
General knowledge of website working.
Basics of Photoshop else alright if don’t know.
HTML stands for Hyper Text Markup Language. HTML5 is a revised version of the original HTML standard created in 1990 by the World Wide Web Consortium to define an Open Web Platform. HTML is a language used for structuring and presenting content on the Web consistently, across web browsers. HTML5 is the evolution of that standard to meet the increasing demands presented by today's rich media, cross-device and mobile internet access requirements.
W3C and W3C Members
Why WHATWG?
What is Web?
Introduction
Parts in HTML Document
Editors
Basic
Elements
Attributes
Headings
Paragraphs
Formatting
Links
Head
CSS
Images
Tables
JavaScript
HTML XHTML
HTML4 Drawbacks
HTML5 HISTORY
New Features and groups
Backward Compatibility
Why HTML5?
Why HTML5?
m or mobi or touch domains
Common Terms in HTML5
The DOCTYPE
Character Encoding
< acronym>
< applet>
< basefont>
< big>
< center>
< dir>
< font>
< frame>
< frameset>
< isindex>
< noframes>
< s>
< strike>
< tt>
< u>
< xmp>
New Semantic/Structural Elements
< article>
< aside>
< bdi>
< command>
< details>
< dialog>
< summary>
< figure>
< figcaption>
< footer>
< header>
< mark>
< meter>
< nav>
< progress>
< ruby>
< rt>
< rp>
< section>
< time>
< wbr>
What is Canvas?
Create a Canvas
Canvas Coordinates
Canvas – Paths
Canvas – Text
Canvas – Gradients
Canvas – Images
What is SVG?
SVG Advantages
Differences Between SVG and Canvas
Comparison of Canvas and SVG
Introduction
Make an Element Draggable
What to Drag? Where to Drop?
Introduction
Make an Locate the User’s Position+
What to Handling Errors and Rejections
What to The getCurrentPosition()
What to Geolocation object
Introduction
Video / Audio on the Web
How It Works?
Video / Audio Formats and Browser Support
HTML5 Video / Audio Tags
Introduction
color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url, week
< datalist>
< keygen>
< Output>
New attributes for < form> & < input> New attributes for < form>
autocomplete
no validate
autocomplete
form, formaction
autofocus
formenctype, formmethod
formnovalidate
formtarget
height and width
list, min and max
multiple
pattern (regexp)
placeholder
required, step
Introduction
What are Semantic Elements?
Non-semantic elements: < div> & < span> Semantic elements: < form>, < table>, & < img>
New Semantic Elements in HTML5
< header>
< nav>
< section>
< article>
< aside>
< figcaption>
< figure>
< footer>
New Media Elements
< audio>
< video>
< embed>
< source>
< track>
Browser Support
What is Multimedia
Multimedia Formats
Video Formats
Sound Formats
Introduction
Using MathML character
Matrix Presentation
Math Formulas
What is Web Worker ?
Check Web Worker support
Create a WebWorker file
Terminate a Web Worker
CSS stands for 'Cascading Style Sheets' and is the language of design for web pages, giving site designers the ability to suggest how their site documents are styled. CSS is interpreted by all graphical web browsers regardless of device or operating system. It allows a logical division between the structure of a web page, (handled by the HTML) and the way it should look. CSS can be used to tailor the appearance of a web page specific to a particular device or screen size. In short, CSS is the language used for implementing front-end web design.
CSS Basics
CSS Introduction
CSS Syntax, CSS Id & Class
CSS Styling, Styling, Backgrounds
Styling Text, Styling Fonts
Styling Links, Styling Lists
Styling Tables
CSS Border
Introduction
CSS3 Modules
Selectors
Box Models
Backgrounds & Borders
Text & Effects
2D/3D Transformations
Animations
Multiple Column Element
User Interface
border-radius
box-shadow
border-image
background-size
background-image
background-color
background-repeat
background-position
text-shadow
word-wrap
@font-face rule
font-stretch
font-weight
How does it work?
Browser Support
2D Transform
translate()
rotate()
scale()
skew()
matrix()
rotateX()
rotateY()
How does it work?
transition-property
transition-duration
transition-delay
CSS3 @keyframes Rule
Browser Support
Animation, animation-duration
column-count
column-gap
column-rule
resize
box-sizing
outline-offset
Real-world skills to build real-world websites: professional, beautiful and truly responsive websites
A huge project that will teach you everything you need to know to get started with HTML5 and CSS3
The proven 7 real-world steps from complete scratch to a fully functional and optimized website
Simple-to-use web design guidelines and tips to make your website stand out from the crowd
Create static HTML and CSS portfolio sites and landing pages.
Create User-Friendly websites with attractive designs.
Webgurukul is rated 4.7/5 based on 318 reviews on Google
Transform your career in tech. Master HTML and CSS with our expert-led training and become a proficient Front-end Developer
Start Coding HTML & CSS at
Join us and take your first step towards the IT industry.