Web Designing...
Monday, February 22, 2016
Sunday, February 21, 2016
Adobe Photoshop
Adobe Photoshop is a raster graphics editor developed and published by Adobe Systems for Windows and OS X.
Photoshop was created in 1988 by Thomas and John Knoll. Since then, it has become the de facto industry standard in raster graphics editing, such that the word "photoshop" has become a verb as in "to Photoshop an image," "photo shopping," and "photoshop contest," etc.
It can edit and compose raster images in multiple layers and supports masks, alpha compositing and several color models including RGB, CMYK, Lab color space, spot color and duotone. Photoshop has vast support for graphic file formats but also uses its own
PSD and PSB file formats which support all the aforementioned features.
In addition to raster graphics, it has limited abilities to edit or render text, vector graphics (especially through clipping path), 3D graphics and video. Photoshop's featureset can be expanded by Photoshop plug-ins, programs developed and distributed independently of Photoshop that can run inside it and offer new or enhanced features.
Wednesday, February 10, 2016
HTML Text Alignment
HTML
Text Alignment
The text-align property
defines the horizontal text alignment for an HTML element:
<!DOCTYPE
html>
<html>
<body>
<h1
style="text-align:center;">Centered
heading</h1>
<p>This is
a paragraph.</p>
</body>
</html>
HTML Text Size
HTML
Text Size
The font-size property
defines the text size for an HTML element:
<!DOCTYPE
html>
<html>
<body>
<p
style="font-size:20px;">This is a heading</p>
<p
style="font-size:60px;">This is a paragraph.</p>
</body>
</html>
HTML Fonts
HTML
Fonts
•The font-family property
defines the font to be used for an HTML element:
<!DOCTYPE
html>
<html>
<body>
<h1
style="font-family:verdana;">This is a
heading</h1>
<p
style="font-family:courier;">This is a
paragraph.</p>
</body>
</html>HTML Text Color
HTML
Text Color
The color property
defines the text color for an HTML element:
<!DOCTYPE
html>
<html>
<body>
<h1
style="color:blue;">This is a
heading</h1>
<p
style="color:red;">This is a
paragraph.</p>
</body>
</html>
HTML Background Color
HTML
Background Color
The background-color property
defines the background color for an HTML element:
<!DOCTYPE
html>
<html>
<body
style="background-color:lightgrey;">
<h1>This is
a heading</h1>
<p>This is
a paragraph.</p>
</body>
</html>
HTML Styles
HTML Styles
The
HTML style attribute has the following syntax:
style="property:value;"
<!DOCTYPE
html>
<html>
<body>
<h2
style="color:red;">I am
red</h2>
<h2
style="color:blue;">I am
blue</h2>
</body>
</html>
HTML Line Breaks
HTML
Line Breaks
The
HTML <br> element defines
a line
break.
Use
<br> if you want a
line break (a new line) without starting a new paragraph:
<!DOCTYPE
html>
<html>
<body>
<p>This is<br>a
para<br>graph with line
breaks</p>
</body>
</html>
HTML Images
HTML
Images
HTML images are
defined with the <img> tag.
The source file (src), alternative text (alt), and size (width and height) are provided
as attributes
<!DOCTYPE
html>
<html>
<body>
<img src=“imagename.jpg“
width="104" height="142">
</body>
</html>HTML Links
HTML
Links
•HTML links are
defined with the anchor <a> tag with hyperlink reference href attribute
<!DOCTYPE
html>
<html>
<body>
<a href="http://www.google.com">This is a
link</a>
</body>
</html>HTML Attributes
HTML
Attributes
HTML
elements can have attributes
Attributes
provide additional information about an element
Attributes
are always specified in the start tag
Attributes
come in name/value pairs like: name="value"
HTML Paragraphs
HTML
Paragraphs
•HTML paragraphs are
defined with the <p> tag:
<!DOCTYPE
html>
<html>
<body>
<p>This is
a paragraph.</p>
<p>This is
a paragraph.</p>
<p>This is
a paragraph.</p>
</body>
</html>
HTML Headings
HTML
Headings
•HTML
headings are defined with the <h1> to <h6> tags:
<!DOCTYPE
html>
<html>
<body>
<h1>This is
heading 1</h1>
<h2>This is
heading 2</h2>
<h3>This is
heading 3</h3>
<h4>This is
heading 4</h4>
<h5>This is
heading 5</h5>
<h6>This is
heading 6</h6>
</body>
</html>
HTML Tags
HTML
Tags
HTML tags are keywords (tag names)
surrounded by angle brackets:
<tagname>content</tagname>
HTML tags normally
come in
pairs like <p>
and </p>
The first tag in a
pair is the start tag, the second tag is the end
tag
The end tag is
written like the start tag, but with a slash before the tag name
HTML Example
HTML
Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
The DOCTYPE declaration
defines the document type to be HTML
The text
between <html> and </html> describes an
HTML document
The text
between <head> and </head> provides
information about the document
The text
between <title> and </title> provides a
title for the document
The text
between <body> and </body> describes the
visible page content
The text
between <h1> and </h1> describes a
heading
The text
between <p> and </p> describes a
paragraph
HTML
Hyper Text Markup
Language is a standard markup language used to create web pages.
A Markup Language is
a system of annotating a document to include some additional information to it.
In
1991, Tim Berners –
Lee from CERN(Conseil
Européen pour la Recherche Nucléaire) described 18 elements comprising the initial, relatively
simple design of HTML
Versions
of HTML
•December
13, 1991 - HTML
•November
24, 1995 - HTML 2.0
•January
14, 1997 - HTML 3.0
•December
18, 1997 - HTML 4.0
•January
26, 2000 - XHTML
•October
28, 2014 - HTML 5.0
Subscribe to:
Posts (Atom)