6q6747gz

June 24, 2018

WEB DESIGNING – CREATING EMPLOYMENT

Web designing is a bit tricky, brain-draining yet playful profession providing a great opportunity to showcase your creativity. It is the fastest in growing profession taking an epidemic form on the digital platform.

WHAT DOES A WEB DESIGNER DO?

The web designer has to inculcate their brain cells in creating websites and it's associated applications which involve the framework, styling, layout, graphics designing of the website.

WORKLOAD OF A WEB DESIGNER:-

  • work on the technical aspects of graphical designing

  • Look at the visual functionalities of the website

  • Have to test the website multiple times to get to know the technical errors.

  • Register the website with different search engines to make it accessible to the user.

  • Work on marketing strategies and make the website user-friendly and compatible.

ELIGIBILITY OF A WEB DESIGNER:-

  • One should have a right hand in computer programming especially with HTML, WordPress, other markup languages.

  • Should be handy in graphic designing.

  • Should be creative and have the capacity of executing.

  • Should be flexible with the market demands and work accordingly with a team spirit.

  • Should be up to date with the advancing technologies and capable of pushing himself beyond limits.

  • Should be patient and at the same time competing with the growing use of opportunities in web field.

  • Should have good interpersonal and intrapersonal communication skills.

A BEAM OF HOPE WITH SCOPE:-

Web designing is getting a bigger talk on a global basis. Employment of web designing has increased across different industries - may be in IT sector, finance or public organization.

The companies are demanding that the young mass should take interest in this and have a basic qualification with vocational skills and a comparative work experience.

There is some qualification which helps in web designing -

  • BTEC National Diploma in art and design

  • SQA National certificate in IT

  • BTEC/SQA higher national diploma

To conclude, web designing is creating a scope for the young mass to put their step forward in the web world and grab opportunities to show wonders and gain consistency in success. It provides you wide aspects of application where nothing monotonous can rise up if you simply enjoying designing the web world.

June 23, 2018

Shifting to a new language – HTML5

Hypertext Markup Language revision 5 (HTML5) is markup language for the structure and presentation of World Wide Web contents. HTML5 supports the traditional HTML and XHTML-style syntax and other new features in its markup .so, here is some highlight on the shifting to a new language-HTML5.

 

What is New in HTML5?

The DOCTYPE declaration for HTML5 is very simple:

<!DOCTYPE html>

The character encoding (charset) declaration is also very simple:

<meta charset="UTF-8">

 

HTML5 Example:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

The default character encoding in HTML5 is UTF-8.

New HTML5 Elements:-

The most interesting new HTML5 elements are:

New semantic elements like <header>, <footer>, <article>, and <section>.

New attributes of form elements like number, date, time, calendar, and rangeNew graphic elements: <svg> and <canvas>.

New multimedia elements: <audio> and <video>.

 

HTML5 Browser Support:-

HTML5 is supported in all modern browsers.

In addition, all browsers, old and new, automatically handle unrecognized elements as inline elements.

Because of this, you can "teach" older browsers to handle "unknown" HTML elements.

 

Browser Support:-

The latest versions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all support many HTML5 features and Internet Explorer 9.0 will also have support for some HTML5 functionality.

The mobile web browsers that come pre-installed on iPhones, iPads, and Android phones all have excellent support for HTML5.

 

New Features:-

HTML5 introduces a number of new elements and attributes that help in building a modern website. Following are great features introduced in HTML5.

  • New Semantic Elements − These are like <header>, <footer>, and <section>.

  • Forms 2.0 − Improvements to HTML web forms where new attributes have been introduced for <input> tag.

  • Persistent Local Storage − To achieve without resorting to third-party plugins.

  • WebSocket − A a next-generation bidirectional communication technology for web applications.

  • Server-Sent Events − HTML5 introduces events which flow from web server to the web browsers and they are called Server-Sent Events (SSE).

  • Canvas − This supports a two-dimensional drawing surface that you can program with JavaScript.

  • Audio & Video − You can embed audio or video on your web pages without resorting to third-party plugins.

  • Geolocation − Now visitors can choose to share their physical location with your web application.

  • Microdata − This lets you create your own vocabularies beyond HTML5 and extend your web pages with custom semantics.

  • Drag and drop − Drag and drop the items from one location to another location on a the same webpage.

 

Backward Compatibility:-

HTML5 is designed, as much as possible, to be backward compatible with existing web browsers. New features build on existing features and allow you to provide fallback content for older browsers.

It is suggested to detect support for individual HTML5 features using a few lines of JavaScript.

 

Character Encoding

HTML 5 authors can use simple syntax to specify Character Encoding as follows −

<metacharset="UTF-8">

All the above syntax is case-insensitive.

The <script> tag

It's common practice to add a type attribute with a value of "text/javascript" to script elements as follows −

<scripttype="text/javascript"src="scriptfile.js"></script>

 

HTML 5 removes extra information required and you can use simply following syntax −

<scriptsrc="scriptfile.js"></script>

The <link> tag

So far you were writing <link> as follows −

<linkrel="stylesheet"type="text/css"href="stylefile.css">

 

HTML 5 removes extra information required and you can use simply following syntax –

<linkrel="stylesheet"href="stylefile.css">

 

HTML5 Document:-

The following tags have been introduced for better structure −

  • section − This tag represents a generic document or application section. It can be used together with h1-h6 to indicate the document structure.

  • article − This tag represents an independent piece of content of a document, such as a blog entry or newspaper article.

  • aside − This tag represents a piece of content that is only slightly related to the rest of the page.

  • header − This tag represents the header of a section.

  • footer − This tag represents a footer for a section and can contain information about the author, copyright information, etc.

  • nav − This tag represents a section of the document intended for navigation.

  • dialog − This tag can be used to mark up a conversation.

  • figure − This tag can be used to associate a caption together with some embedded content, such as a graphic or video.

 

To conclude, the HTML 5 language has a "custom" HTML syntax that is compatible with HTML 4 and XHTML1 documents published on the Web, but is not compatible with the more esoteric SGML features of HTML 4.

HTML 5 does not have the same syntax rules as XHTML where we needed lower case tag names, quoting our attributes, an attribute had to have a value and to close all empty elements.

But HTML5 is coming with lots of flexibility and would support the followings −

  • Uppercase tag names.

  • Quotes are optional for attributes.

  • Attribute values are optional.

  • Closing empty elements are optional.

 

March 18, 2018

CODING & BUILDING A WEBSITE

Web development begins with an idea of creating an interest in someone looking for some content for their personal or commercial purpose. At first, one needs a core idea of what should be the content of that specific design and for what the website is designed for. It can be a shopping site or online banking transaction or any other category. At first, one has to do some research and planning. Basically, there are some factors like strategy, content, general description, graphic and feel, resources and most importantly the targeted audience which should be precisely noted while constructing the website

Dynamic Web design

Dynamic web design applied for those web pages which shows different content based on the time, action within the page, user preferences or by an input hardware with the help of application server-side scripting. For creating a Dynamic web page we use “ASP.NET”, “SQL”,”AJAX”,”PHP” etc.

The Web Programming Triangle

Modern web design is based on three basic technologies i.e. HTML, CSS, and Java Script.HTML is the core which defines the content of a web page. CSS is used for making the layout of web pages where javascript is used to programme the behavior of the web page. Together these three make the web programming triangle.

HTML

HTML stands for Hypertext Markup Language. It is a “web browser language” which all of the web browsers understands. HTML used for creating the visual appearance of the website and describe the structure of a page using markup.

CSS

CSS is the shorted and the more used form for Cascading Style Sheets. The style sheets with style codes define in what way the HTML content would be displayed on screen, paper or in other media. CSS used to control the style and can store multiple website layouts at once. It makes possibilities better and saves a bulk load of work. To minimize the difficulties for developers W3C created CSS. Now days, CSS is supported in almost every browser. A CSS coding ends up with the semicolon & the groups associated with declaration are kept in second braces. An external style sheet is stored in CSS as a result one can change the entire appearance & design of the web site by changing an of a single file. There are three ways to insert a CSS style sheet:

  • External Style Sheet
  • Internal Style Sheet
  • Inline Style

JavaScript

JavaScript is the programming language of web and HTML. JavaScript is released under the name of Mocha and the language was called Live Script. The first beta release of it realized in September 1995 and was officially renamed as JavaScript. It is probably the widely circulated programming language. It mainly controls the behavior of a web page. JavaScript is a very powerful language which can change HTML elements. All of the modern HTML pages using JavaScript and its support in all modern browsers. Generally, the HTML contains hundreds & thousands of scripts. Scripts are positioned all over the <body>, <head> or in external files. External scripts are practical in case of the same script used in different web pages. It has .js extension.

CONCLUSION

In order to learn web design, one must learn this three technologies. Combining these three with a web server can make a perfect web design. It is a cyclic flow from client to the Web server to Database. In a web page, HTML defines the content; CSS specify the layout and JavaScript programme the web page behavior. It is a complex language and takes professional skills for execution. Modern science and development took the context of web development to new standards and created millions of opportunities for web designers to build a better cyber world.

March 14, 2018

HTML: THE SKELETON OF A WEB PAGE

If the setting up of boundaries of an open farm is considered as developing of a web page, then the fences used in putting up the boundary is the HTML of the webpage whereas the paint & varnishes used over the fence is considered as the CSS & JavaScript.

HTML: What it is?

HTML stands for Hyper Text Markup Language. It is the most popular in the context of web designing language used widely throughout the world. It is basically used for creating web pages and web-based applications. We move freely and can surf through web pages because of a medium i.e. HyperText. If web pages are compared to a building then HTML is the pillar.

A short history of HTML

Berners-Lee first created HTML in 1991. But HTML 2.0 is the first quality HTML was introduced in 1995. One of the major updates of HTML came in 1999; it is the 4.0 version of HTML. Nowadays HTML 4.01 is used all over the world and HTML-5 is the current version of its predecessor of HTML 4.01. It is basically an extension of HTML 4.01. HTML 5 was first launched in 2012.

Significance of HTML

Hypertext Mark-up Language – Here Hypertext represents the way by which these documents are mapped or networked together. HTML documents refer to those web pages we visit. So basically the available links in the web pages are called Hypertext.

HTML was created for defining several document structures like paragraphs, headings, list etc. Its main facility was to share scientific information’s. But now it is used for the sole purpose of creating web pages and designing it via different tag available.

HTML Tags

We already know that HTML is a markup language which uses various tags to create and define a content of a web page. Angle braces are used to enclose a tag <Tag Name>.

Some basic HTML tags and their description

  • <html>    - This tag is used to define a HTML document. It mainly comprises document header and body.
  • <head>    - This tag contents other tags like <title>, <link> etc and used to represent a document header.
  • <body>    - This tag contents other tags like<h1>, <div>, <p> etc and represents the body of a document.
  • <!DOCTYPE…>   - This tag   represents the type of a document and the version of HTML
  • <title>       - This tag is a tag inside the document header tag and used to represent the title of a document.
  • <h1>          - This tag is a tag inside the body tag and represent the heading of an HTML file.
  • <h6>           - This tag also represent HTML heading.
  • <p>            - This tag used to represent a paragraph.
  • <br>      - This tag is used to insert break of a single line.
  • <hr>      -    This tag is used to define a change in content theme.
  • <!--…--> - Used to define a comment.

Example of some professional HTML editors

  • Adobe Dreamweaver
  • KompoZer
  • Amaya
  • CoffeeCup HTML Editor
  • Microsoft Expression Web
  • HTML-Kit
  • CKEditor

HTML is one of the most established programming dialects utilized for site outlining. There are no less than 4 adaptations of HTML in the market. Before submitting the request to any website specialist, look at it and if specialized personnel utilized by him/her are master at HTML.

On the special chance that the organization isn't perfect with the learning of HTML, you can't anticipate it from them. It will be flawless with different languages since information of HTML shapes the premise of other programming dialects.

 You should simply locate a decent web host and transfer the HTML code. We at long last have an amazing HTML! Website architecture moves toward the end of the day.