0% found this document useful (0 votes)
15 views85 pagesECD Unit 4
This is a File of Econtent development subject bangalore unverity syllabus classwork.. used to study
Uploaded by
Rishi Pavan.R.Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
15 views85 pagesECD Unit 4
This is a File of Econtent development subject bangalore unverity syllabus classwork.. used to study
Uploaded by
Rishi Pavan.R.Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
/ 85
10.
1.
12.
13.
14.
cone SS US 5
cms pom weg
are they ux principle that focuses on the efficiency of use,
| Mention one IMteracy Ay
digital ae an overview of graphic design ina 5 hy
‘ Oo ani messages? Is for j * Tole, ‘i
name two widely used sorware 10018 TOF IMAGE editing ang brie ‘y
a ®)
Se concepts in image editing, and how do ag ™
vontrast and brightness impact the overall visual appeal lustrenty es
Define the term “pixel” in the context of digital images, and explain 4
graphic design. ts "eta
fit of using vector
Can you outline one major benefit of using Graphics j
how yon Itdiffer from raster graphics in terms of Scalability? IN graphic desig, ‘
What is the significance of file formats in graphic design, and how do
usability and quality of design assets? {hey impact
000 OE
Contrast Alignment
Repetition Proximity Whitespace Text
ure
DIGITAL CONTENT TooLs
AND TECHNIQUES
4.1 HTML BASICS
The backbone of the World Wide Web is made of HTML files, which are specially-
formatted documents that can contain links, as well as images and other media.
HTML stands for Hypertext Markup Language, and it is the most widely used language
todesign Web Pages.
A webpage is a web document that is accessible through the internet using a web browser
like intemet explorer. A webpage is accessed by entering a URL (Uniform Resource Locator-
‘mechanism used to locate a webpage on the internet.) addresses in the Address, field of web
browser. webpage may contain text, graphics, and hyperlinks to other web pages and
files,
i location
A website ig composed of a group of web pages linked together. It is a central
t conta
ntains more than one web page.
i language.
HTML (Hypertext M: arkup Language), as its name suggests, is a markup langu as
HTML documents) are |
, 5 es (|
Hypertext refers to the way in which Web pag vou are using hypertes So,
‘gether. When you click a link in a Web in
Ypertext is simply a piece of text that works as a link.
a anguage is a
Within documents, °
Note: HTML
HTML w
HTML spe
documents are al Pages :
Iso called wep
aS Created by Bemers-Lee in late 199] but "
aS Published in 1995,
ersi
Though HTML 4.01 Version j.
HTML 2
Cification y hich wy,
, —
-O" Was the first Standen
HTML 4.01 was a ™ajor version of HTML and it Was publishe
din late 1999,
S widely used but currently we are having HT
Which is an extension to HTML
ML-5 Version,
4.01, and this version Was publis|
4.1.1 HTML Tags
A webpage can contain
'ext, graphics, audio, video and
such contents to indicate
animations. We
how they should appear over a
can mark up
web page. To mark up the
rs or TAGS
contents, we can use various commands, called Markup Indicato
Se, HTML Tags are basically H TMLb
ased commands or key wort
brackets like
ds surrounded by angle
Every tag consists of a tag name, sometimes followe
d by an optional list of tag, attributes
OF properties, all place
2 sii t tag is
d between opening and closing brackets (< and >). The simples ‘ 8
cl an
than a name @ppropriately enclosed in brackets, such as , , , or eve
no difference
equivalent.
Note: HTML tags are not case sensitive. :
contents
4.1.2 HTML elements a
7 1 Ag,
rything from the start tag to the end tag
element is every
An HTML e
cc gxample:
(Content)
2 WELCOME To ALL OF op,
(Start Tag) eon
(End Tag)
Fla. 4.1 (Tt gy ment
Most HTML elements can be Nested i.e, they can Contain other HTML i
ML elements
Example:
WELCOME 79 ALL OF yoy,
In this exam ple,
* The element, defines the
bold effect over the text.)
HTML elements wy 1th no content are called Empty elements,
Example:
ig an empty element without a closing tag (the
tag defines a line break). Note: Adding a slash inside the stan tag, like
or etc,
(i) Declaration: £ ach declaration consists of a Property and a value. The property is the
Style attribute you want to change. Each property has a value. A CSS declaration
always ends with a semicolon, and declaration groups are surrounded by curly
brackets,
S
Yntax of Cog style rule is as follows:
selector (property: value}
Sample.
Declaration Declaration
ein We nersee ee)
Property Value Property Value ie,
rage | 4.12 Digital Content Tools ang
Te
ech,
To make the CSS more readable, you ca" put one declaration on each line, lik, ™~
7 HKe this.
P,H1 ns
{
color: red;
text-align: center;
}
You can also apply a sty
given in the following example:
Je to many selectors. Just separate the selectors with a c
‘ommMa as
H1, H2, H3
{
color: blue;
font-weight: normal;
text-transform: lowercase,
}
Example:
at vy an Tools and Techniques
a giPHEADING 21S AFFECTED BY STYLE
ig an empty element without a closing tag (the
tag defines a line break). Note: Adding a slash inside the stan tag, like
or