Embed Size (px)
Citation preview
DIGITAL DESIGN
Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics of a Web site's operation although primarily it focuses on the look and feel of the Web site.
Some of the aspects that may be included in Web design or Web production are graphics and animation creation, color selection, font selection, navigation design, content creation,, JavaScript programming, and ecommerce development.
Digital design is a form of electronic publishing.
DIGITAL DESIGN AND APPEARANCE
The media or method used to create the appearance of a web site can have a direct influence on its USABILITY and VISIBLITY.
Web sites built using the techniques of flash multimedia are very often great works of art, and are beautiful to look at if you have the time, but are usually flops when it comes to accomplishing their purpose.
The reason: their technology is too far ahead of average internet connection facilities. Two thirds of internet users are still on dial up connections.
Websites designed and constructed with HTML based media are more successful, because they are better suited to current internet connection methods.
The two main factors that determine a website's appearance are color and layout.
DIGITAL DESIGN AND
APPEARANCE….. (cont)
USIBILITY
Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process.
WHY USIBILITY IS IMPORTANT
On the Web, usability is a necessary condition for survival.
1. If a website is difficult to use, people leave.
2. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave.
3. If users get lost on a website, they leave.
4. If a website's information is hard to read or doesn't answer users' key questions, they leave.
WHY USIBILITY IS IMPORTANT
IMPORTANT NOTE HERE? There's no such thing as a user reading a website manual or otherwise spending much time trying to figure out an interface.
There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty.
The first law of e-commerce is that if users cannot find the product, they cannot buy it either.
VISIBILITY
No web site will be successful if it isn't visible on the internet.
The two main factors that will determine how many people see a website are:
Quality of content
Promotional Strategies
1. HTML stands for Hyper Text Markup Language
2. HTML is language which is used to make formatted web pages.
3. A web page is a file
4. A web page is a HTML file
5. Web page documents have the file extension .html or .htm
6. HTML is a tag based language
H T M L
• You Can Format Text• You Can Create Lists of Things• You Can Set Up Links to Other Pages• You Can Insert Images• You Can Format Information in Tables
To learn HTML, we require:
1. NOTEPAD
2. BROWSER
Tags
1. A <TAG> tells the browser to do something.
2. Some Tags have Attributes
3. An ATTRIBUTE goes inside the <TAG>
and tells the browser how to do it.
The base tag for an HTML document is the <HTML> tag.
HTML uses Tags
<HTML></HTML>
Starting Tag
Closing Tag
The <HEAD> tag sets initial document information off from the rest of the document. That information can include <TITLE>, and other document administration tags.
Every HTML document needs a pair of HEAD tags.
<HTML><HEAD></HEAD></HTML>
HEAD OPENING
& CLOSING
TAG
The <TITLE> tag tells the browser what you've named your page. The title of the page usually shows up in the title bar of the browser with which you're viewing the page. The <TITLE> tag is part of the <HEAD> tag in the HTML page.
With in the HEAD tags are the TITLE tags.
<HTML><HEAD><TITLE> </TITLE></HEAD></HTML>
TITLEOPENING
& CLOSING
TAG
The <BODY> </BODY> tags hold the content of your HTML document.
The bulk of the page is within the BODY tags.
<HTML><HEAD><TITLE> </TITLE></HEAD><BODY></BODY></HTML>
BODYOPENING & CLOSING
TAG
1. BOLD <B>……</B>
2. ITALIC <I>……</I>
3. UNDERLINE <U>……</U>
4. STRIKEOUT <S>……</S>
5. CENTER ALIGN <CENTER> ….. </CENTER>
6. CHANGE LINE <BR>
7. PARAGRAPH <P>….</P>
8. SUPERSCRIPT <SUP>….</SUP>
9. SUBSCRIPT <SUB>….</SUB>
To change font size and font color we use following tags
<font>
</font>
<font> Attributes
• Size• Color• face
Fonts come in 7 sizes:
The default font size is 3
