Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Sri Krishna Arts & Science College: I B. Com It A

Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 21

SRI KRISHNA ARTS & SCIENCE COLLEGE

[An Autonomous Institution]


Ranked 53 in NIRF; MHRD: 1st in Institutional Swachhata Ranking
rd

Coimbatore – 641 008

Introduction to Information Technology

I B. Com IT A

Unit 2
HTML & Webpage
LECTURE3

Facilitator
Mrs. Gino Joseph
Assistant Professor
Commerce Finance
Designing web pages –
HTML Tags Text Formats
Video and Reference links
Expert Video https://drive.google.com/file/d/1JtaEXJamd_jLGxBRnyEBWfjSIuiaOo
vY/view?usp=sharing

Reference https://www.youtube.com/watch?v=Q33KBiDriJY

Animation video https://www.youtube.com/watch?v=DRdGWLZEuxw


contents
Introduction to Web Page Designing using HTML

Introduction to HTML

HTML Tags, Attributes, Headings, Paragraphs and Images

Describe the process to work with HTML


Introduction to Web Page Designing
WHAT IS A WEB PAGE?
• The Internet Page displayed on the website is called A Web Page

• Some Examples are:


• https://www.facebook.com/ - A Social Networking Site
https://www.google.com.np/- A Search Engine
• http://skasc.ac.in/ - College website
The goals of web design
• To understand how to create well designed websites, it is worth
understanding the fundamentals of design
• Good design creates experiences that makes people’s lives easier, and
is also aesthetically pleasing.
• In all these cases, the designer took time to
plan the outcome using their skill and
experience, as well as resources such as
materials and available budget.
• The web designer is often required to
organize information, give it meaning, and
assemble it in a way that is visually
attractive using available tools.
• Originally, web design meant designing
pages for a web browser.
• While this is still true, you now need to
consider the rapidly evolving nature of
mobile devices, tablets, smart phones, and
consumer electronics that access the web.
• Some people make the distinction between
mobile design and web design, but this
distinction is evaporating as mobile devices
are evolving
Characteristics of websites
• the web, you don’t just have readers — you have users.
• Think of the verbs that describe what you do online:
• you search websites,
• watch the weather report,
• transfer money between accounts,
• book airline flights, and do many other things.
• The designer needs to think in these terms when
designing pages, anticipating the user’s motivation for
coming to the site
Introduction to Web Page Designing
• A web page may include different Data and Information based on:
• I. Title, Heading and Paragraph
• II. Images, Audios and Videos
• III. Schedules of Events
• IV. Search Forms
• V. Sign Up and Login Forms etc
Title, Heading
Navigation
Images, Audios and Videos
Schedules of Events
Search Forms
Sign Up and Login Forms etc
Introduction to HTML
• HTML Stands for Hypertext Markup Language
• The language for building Web Pages
• Describes the structure of Web pages using markup
language
• HTML elements are the building blocks of HTML
pages
• HTML elements are represented by HTML tags
HTML Tags
• HTML Tags are enclosed in the < and the > symbols.
• Most tags come in pairs
• Opening tag < html >
• Closing tag </html>
• A closing tag is followed by symbol ‘/’.
• <html> element defines the whole document
HTML Tags Explained
• The <!DOCTYPE html> declares this document to be HTML
• The <html> element is the root element of the HTML file
• The <head> element contains the TITLE of the document
• The <title> element specifies the title for the document
• The <body> element contains the visible page content
• The <h1> element defines a large heading
• The <p> element denotes a paragraph

You might also like