Embed Size (px)
DESCRIPTION
MGMT3030
Citation preview
Presented by: Susan Campagnone
Cora GanunMonika Kerby
History
• Computer technology advancements• 1982 Internet Protocol Suite (TCP/IP)
− World-wide network - Internet
• Business world and culture changed• Company survival• Business growth opportunities
Construction: Web Browser Reads the HTML documents and converts them into a visual web page
Personal web addressRegister with a domain name →Hire a web host →Access web host to make updates
Getting Started
Hyper Text Markup Language (HTML)
Building block language: Markup language
Contains elements called tags Opening < and closing >
Element content space between tags is where images, text, and tables are inserted
<b> this text will be bold </b>
<i> this text will be italic </i>
<u> this text will be underscored </u>
Basics
• HTML documents are defined by HTML elements• An element represents specific meaning
<html>
<body><p> We attend Johnson & Wales. </p></body>
</html>
Elements
• Header tags tell what the page is about• Vary from size
We attend Johnson & Wales. [H1]<h1>We attend Johnson & Wales. [H1]</h1>
We attend Johnson & Wales. [H2]<h2>We attend Johnson & Wales. [H2]</h2>
We attend Johnson & Wales. [H3]<h3>We attend Johnson 7 Wales. [H3]</h3>
Headers
• Not every font is supported by browsers/computers
Five Generic Font Families
Serif versus sans-serif
Hex Values
<style type="text/css">
body {font-family:sans-serif;
font-size:15pt;
color:#FFFFFF}
</style>
Fonts
• Must complement web page• Can be either color or image
<style type="text/css">
body
{background; ("http://URL.com ")}
</style>
<style type="text/css">
body
{background-color: #FFFFFF}
</style>
Background
Background Image: Background Color:
• Images interpreted faster than text• Integrate with the webpage design
<img src="URL" alt="alternate text" width="width" height="height" />
Images
Upload image on web server/directory →Include image tag
• System of hypertext documents connected by links
<a href=“http://www.puppyplace.com”>Click Here</a>
Links
• Absolute Link to an external web site• Relative Link to a page in internal site• Mailto Link to email address• Named/Internal Point to a specific area of a web page
• Clear and quick points• Displayed in a particular order
<ul>
<li>Apples</li>
<li>Oranges</li>
</ul>
Bullets and Numbers
• Unordered List Bullet Points: <ul> or Numbers: <ol>• List Item <li>
– List items appear on webpage marked with bullet points/numbers
• Apples• Oranges
<ol>
<li>Apples</li>
<li>Oranges</li>
</ol>
1. Apples2. Oranges
• Easy to the eye• Colors complement• Compact and focuses on intended message• Can make or break a customer
Effective Websites
Ineffective
Effective
Ineffective
Effective
Presented by: Susan Campagnone
Cora GanunMonika Kerby
