Skip to main content

Posts

Showing posts from May, 2018

S3 V8 - HTML5 to Group Content (URDU) Tutorial | Phase 1

ARTICLE COMING SOON

S3 V7 - Group Similar Content (ENGLISH) Tutorial | Phase 1

Article coming soon

S3 V7 - Group Similar Content (ENGLISH) Tutorial | Phase 1

Article coming soon

S3 V6 - Class and ID (ENGLISH/URDU) Tutorial | Phase 1

S3 V6 - Class and ID (URDU) Tutorial | Phase 1 S3 V6 - Class and ID (ENGLISH) Tutorial | Phase 1 Understand and learn concept of Class and ID in Urdu Tutorial. files - - https://goo.gl/QTY6E8 This article elaborates the difference between CSS Class and ID . To understand the difference, consider the example of a group children in a school; they are categorized into classes as Grade 1 - Red, Grade 1 - Blue. The problem of this categorization is that if they all are made to stand together as a crowd then an outsider cannot identify the grade colours of the students. An outsider can only identify when they see them sitting in their respective classes. In this condition, if the outsider is asked " Hey outsider, please identify which students belong to grade 1 - red!" They would of course reply "No. How can I identify the students when they have no proper identifier?" The management now decides to change uniforms of each class according to their colour

S3 V4 - Project Overview (URDU/HINDI) Tutorial

Have a look at the project that we will create in pure CSS in phase 1. The project is entirely CSS based and does not involve any JavaScript code for interaction. [WILL BE UPDATED SOON] -- please wait for it :)

Design Organized Website Structures

When developing a website, you must proactively decide its structure before starting the coding. But what does the Web Structure mean at the very first place? Website Structure can be defined as follows: When you talk about the structure of a website, you are talking about its components , their working , their location , their inter-dependency , and their interaction with the user. The design of the Website Structure does not include code. Generally, the design includes, wire frames, sketches, mock ups, lists, flow charts and other visual aids. What is a component? Well, it can be defined as follows: Components are the useful or functional parts of a website Every component has a particular purpose and function. For example, navigation bar of a website has a purpose of providing navigation links to the user. But some, components are versatile and have multiple purposes. For example, a header of website can contain a navigation bar, a search bar, a login form

Adding CSS to HTML (URDU / HINDI) Tutorial

There are three ways to incorporate, embed or attach CSS with HTML web page: 1 - Inline CSS 2 - Internal CSS 3 - External CSS All of the above methods have their own specific syntax and implementation.  Inline CSS Inline CSS is added as an attribute to any HTML element . The name of the attribute is style. It is added like this: <div style=" " ></div> In the inverted commas, you have to enter the property-value pairs, like this: <div style=" color: red " ></div> Internal CSS Internal CSS is added as an  HTML element  under the HEAD tag of HTML web page. The name of the element is <style> . It is added like this: <html> <head> <style> h1 {color: red;} </style> </head> External CSS External CSS is added as an  HTML element   under the HEAD tag of HTML web page. The name of the element is <link> . It is added like this: <