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.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
HTML popo.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard
Structure and formatting HTML pages Helen Treharne Department of Computing.
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Creating Web Pages Getting Started. Overview What Web Pages Are How Web Pages are Formatted Putting Graphics on Web Pages How Web Pages are Linked Linking.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.
Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.
Unit 2, Lesson 5 Website Development Tools AOIT Web Design Copyright © 2008–2012 National Academy Foundation. All rights reserved.
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Basic XHTML Module 2: XHTML Basics LESSON 1. Module 2: XHTML Basics LESSON 1 Lesson Overview In this lesson, you will learn to:  Write XHTML code using.
Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.
Introduction to Usability By : Sumathie Sundaresan.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Links in HTML. Hyperlinks or links Millions of linked web pages make up the World Wide Web Used to connect a web page to another web page on the same.
HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
HTML Basic I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Usability. Definition of Usability Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers.
XP New Perspectives on The Internet, Sixth Edition— Comprehensive Tutorial 8 1 Creating Effective Web Pages Creating HTML Documents Tutorial 8.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
Web Page Fundamentals HTML: The Language of the Web.
Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
Basic HTML. So, what exactly is HTML? HTML stands for: HTML stands for: Hypertext Markup Language. It is a purpose built markup language for the delivery.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
CS 100 Introduction to Web Page Construction and HTML.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Basic Web Design UVI CELL Dave Gilliss Dave Gilliss
Unit 2, Lesson 5 Website Development Tools
Unit 2, Lesson 5 Website Development Tools
Web Design and Development
CAII 4.01 Web Page Design Terms List 2.
AN INTRODUCTION BY FAITH BRENNER
Presentation transcript:

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 tells the browser to do something. 2.Some Tags have Attributes 3.An ATTRIBUTE goes inside the and tells the browser how to do it.

The base tag for an HTML document is the tag.

HTML uses Tags Starting Tag Closing Tag

The tag sets initial document information off from the rest of the document. That information can include, and other document administration tags.

Every HTML document needs a pair of HEAD tags. HEAD OPENING & CLOSING TAG

The 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 tag is part of the tag in the HTML page.

With in the HEAD tags are the TITLE tags. TITLE OPENING & CLOSING TAG

The tags hold the content of your HTML document.

The bulk of the page is within the BODY tags. BODY OPENING & CLOSING TAG

1.BOLD …… 2.ITALIC …… 3.UNDERLINE …… 4.STRIKEOUT …… 5.CENTER ALIGN ….. 6.CHANGE LINE 7.PARAGRAPH …. 8.SUPERSCRIPT …. 9.SUBSCRIPT ….

To change font size and font color we use following tags

Attributes Size Color face

Fonts come in 7 sizes: The default font size is 3