WEB DESIGN
1. Introduction to Web Design
* Web design is the process of planning and creating a website. Text, images, digital media and interactive elements are used by web designers to produce the page seen on the web browser. Web designers utilize mark up language, most notably HTML for structure and CSS for presentation as well as JavaScript to add interactivity to develop pages that can be read by web browsers.
* The process of web design can include conceptualization, planning, producing, post-production, research, advertising. The site itself can be divided up into pages. The site is navigated by using hyperlinks, which are commonly blue and underlined but can be made to look like anything the designer wishes. Images can also be hyperlinks.
2. Website A website is like a book that contains information on a single or more topics while a web page is a page of the website similar to the page of a book that focuses on a particular topic. Designing a web page or a website or a web application using web designing tools and technologies is known as Web Designing technique. Designing a website is an art that also includes science to attract the surfers on the internet.
A website contains two parts front end and back end. The term front end reflects on the computer screen in the form of visible content such as page layout, page colour, user interface, graphics, text, audio, and video, before the end user. On the other hand, back-end refers to intertwining of source code, invisible scripted functions, and the server-side components that process the output from the front-end.
3. Uses of web sites
* Hobbies or other special interests.
* Entertainment (including music and games) .
* News.
* Learning about health issues that they're too embarrassed to talk about .
* E-commerce.
* School resources.
* Health.
* News and entertainment.
* Non-profits.
* Online quizzes .
* Forms for providing feedback or asking questions .
* Online voting.
* Games .
* Features for sharing pictures or stories.
*Forums for offering and receiving advice.
* Features for creating a website or otherwise adding content .
* Travel
4. HTML 5
* HTML 5 is a new specification of HTML designed to follow HTML 4.01 and was created by designers .
* HTML 5 adds features to help web application developers and to improve the interoperability among web browsers and user agents.
* HTML 5 is the latest specification of HTML. HTML 5 adds a lot of new features to the HTML specification.
Features of HTML 5 Tags to help with the structure of your pages like section, article, and aside.
* New form tags to get more specific data in your forms
* Multimedia tags to assist you in adding video and audio to your web pages.
5. HTML5Page Put the doc type as the first line in your HTML document. Then add the <html> tag and start the <head> of your document. Inside the head, you should indicate the title of your document and the character set:
<html>
<head>
<title>My First HTML 5 Document</title>
<meta charset="UTF-8">
</head>
Write your HTML 5 document. Put your content in the <body> tag and close both the body tag and the html tag at the very bottom of the document.
(a) Here is a sample HTML 5 document
<html>
<head>
<title>My First HTML 5 Document</title>
<meta charset="UTF-8">
</head>
<body>
<p>Put your HTML 5 tags here</p>
</body>
</html>
(b) New Structure:
* <section> - to define sections of pages
* <header> - defines the header of a page
* <footer> - defines the footer of a page
* <nav> - defines the navigation on a page
* <article> - defines the article or primary content on a page
* <aside> - defines extra content like a sidebar on a page
* <figure> - defines images that annotate an article
(c) New Form Types: HTML 5 supports all the standard form input types, but it adds a few more:
* datetime
* datetime-local
* date
* month
* week
* time
* number
* range
* email
* url
Categories:
COMPUTING KNOWLEDGE
0 comments:
Post a Comment