CIS midterm

Computer Information Systems 300 with Larson at Arizona State University - Tempe

About this deck

By: Brett Rymer
Created: 2011-03-08
Size: 83 flashcards
Views: 73

About StudyBlue

STUDYBLUE makes things that make you better at school. Things like online flashcards with photos and audio. Things like personalized quizzes and friendly reminders about when (and what) to study next. Think of it as a digital backpack™: access to all of your study materials online and on your phone. STUDYBLUE exists to make studying efficient and effective for every student, for free. Join us.

“Simply amazing. The flash cards are smooth, there are many different types of studying tools, and there is a great search engine. I praise you on the awesomeness.”
Dennis

Sign up (free) to study this.

The Internet

}The Internet is a giant worldwide network connecting computer systems. These networks connect together in many different ways to form the single entity that we know as the Internet.

The Web

}The Web provides a multimedia interface to resources available on the Internet }The Internet and the Web are not the same. }

Protocol is http://
www.mtv.com is the domain name
com is the domain code

Web Page

}A Web page is a simple text file that contains not only text, but also a set of HTML tags that describe how the text should be formatted when a browser displays it on the screen. }The tags are simple instructions that tell the Web browser how the page should look when it is displayed.

HTML

}HTML stands for Hyper Text Markup Language. }A "markup language" is a computer language that describes how a page should be formatted. }If all you want to do is display a long string of black and white text with no formatting, then you don't need HTML. }But if you want to change fonts, add colors, create headlines and embed graphics in your page, HTML is the language you use to do it.

Web Browser

Does two things:

knows how to go to a web server
know how to read HTML and tags

Electronic Commerce

Or e-commerce is the buying or selling of goods over the internet

◦Business-to-Business (B2B)
◦Business-to-Consumer (B2C)
◦Consumer-to-Consumer (C2C)

How do browsers differ?

speed
rendering: ◦Is how fast the information appear on the screen including text, images, Flash and dynamic effects
security
}Ability to process advanced features
}Extra features

Screen Resolution Statistics

The current trend 1024x768
Many users still have only 800x600 display

The HTML Tag

An HTML tag is a code element that tells the Web browser what to do with your text
Forward slash is used to tell the web browsers to end.

( <html> )

this is the beginning of an HTML document

( <head>

this is the header for the page

(<title>

this is the title of the page

( <title/>

close tag of the title

( <head/>

closes head tag

( <body>

this is the beginning of the Web page content -- everything you want to say and see on your page will follow this tag.

The tags needed to end any Web page are:

(</body>

(</html>

World Wide Web Consortium

(W3C) recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.

Personal page address

www.public.asu.edu/~cis200

Bold, Italics and Underline

This is <strong>bold</strong>

This is <i>italicized</i>

This is <u>underlined</u>

( <br>

creates a break between one line and another. nYou can use several of these tags together to create blank space.

paragraph and breaks

If you place <br /> in a line of text, it will only break the line; if you use <p>, it will both break the line and create an extra space.
In XHTML the <br> tag must be properly closed,
like this: <br />.

Change the color of any text by

( <font color="color">...</font>
If you would like to assign a specific color to the entire text of your page, add text="color" within the <body> tag.

Changing font color

<p>This is <font color="green">green</font> </p>

heading tags

Also change font size, creating a bold "heading" for a paragraph or story ¨There are 6 heading levels <h1> through <h6>

Changing Background Color

Change the background color of your page by adding bgcolor="color" within the <body> tag.

Linking to other sites

Using the anchor tags, you can reference other people's work, point to other pages you like
<a href="URL">
<a href="http://www.howstuffworks.com"> HowStuffWorks </a>
to link color it goes in body tag

Link to receive e-mail

Justification

<p><center> You can center text on the page. </center></p>
Depreciated tag…better to use…
<p><div align=center> Division justification alignment for example centered aligned. </div></p>

Images

¨<img src="name of file">

Good web designers always include Alt tags.

HTML Tables

<table> = table

<tr> = table row

<td> = table column

Rows columns

Rows go right to left

columns go vertical

File Transfer Protocol

is used to transfer data from one computer to another over the Internet, or through a network.

Demographics

Age Range
Family size (Marital status)
Education (Highest level) lIncome (Range)
Gender
Occupation (Type of work, length of time)
Nationality
Race

Basic Model of Consumer Decision Making

stages and brief description

Problem recognition (stage)

The consumer perceives a need and becomes motivated to solve a problem.

Information search(stage)

The consumer searches for information required to make a purchase decision
Perception

Alternative evaluation( Stage)

The consumer compares various brands and products
Attitude formation

Purchase decision(stage)

The consumer decides which brand to purchase
Integration

Post-purchase evaluation

The consumer evaluates their purchase decision

Learning

Pic resizing

possible because is distorts it and doesn't reduce style size

Buttons

Buttons are the most common navigation technique on web pages.
Dreamweaver has Flash Buttons available for use. Please don’t use these buttons in your submits.
As a designer you need to learn how to create your own buttons.

Identify the Competition,

Price contenders:
Strategy group: This is a much stronger group. They make a case for doing business with them by the advertising and marketing strategies they use

Direct Competitors ,Secondary competitors ,Secondary competitors

McDonalds® and Burger King® are probably the best examples of direct competitors.

Secondary competitors
Here you might place upscale hamburger retailers like Fudruckers®.
Secondary competitors
Other indirect competitors of McDonalds® would be Pizza Hut®, Dairy Queen®, Taco Bell® and other local non-hamburger establishments.

CSS

Cascading Style Sheets

Style Precedence (lowest to highest)

Browser Defaults (low
CSS
Head tag
In-Line(high)

Trends in Web Design

Simple layout
Centered orientation
Design the content, not the page
3D effects, used sparingly
Soft, neutral background colors
Strong color, used sparingly
Cute icons, used sparingly
plenty of whitespace
Nice big text

Navigation

Creating good web site navigation is the most important task a web designer has to accomplish in the web design process. n
less clicks better
People can enter a site through any other page, not just the homepage.

6 Navigation types

Linear
out/in
Hierarchy
Simultaneous access
web
mixed

Linear navigation

blackboard online test

out/in navigation

Yours (colleen T. Hayes Photography)

Hierarchy navigation

costco site

Simultaneous access

www.jcpenny.com

web navigation

bow-wowbooks.com

Mixed Navigation

blackboard

all sites that have shopping attached to them.

Good primary web site navigation

Left navigation. ¨Most common type of navigation.
Top site nav. is second most common (leaves more room for content)
Right site nav. English language base sites
bottom not recommended

Secondary Nav.

Such links are the usual Contact Us, About Us, Privacy Policy, Terms of Use, Site Map, Links and so on.

Reasons against intricate, overly modern navigation

Web designers should not confuse matters by using funky, intricate navigation no matter how cool it might be.

Testing web site navigation

Have inexperienced uses try

Visio

Visio is a graphical drawing application

Text links

◦Easiest way to create a link from one page to another.

Button links

◦Buttons are common because they are easy to create and link. ◦Hot spots allow us to use non standard shapes.

Menu Navigation in CSS

can turn bulletins into professional looking buttons and
Tabbed Menu
Drop Down Menu (use html to create it)

Bulleted list that makes menu

<div id="nav-menu">
<ul>
<li><a href="#">Table Lamps</a></li>
<li><a href="#">Wall Lights</a></li>
<li><a href="#">Floor Lamps</a></li>
</ul>

</div>

With CSS we can

1.Remove the bullet
2.Display all the items on one line
3.Make the boxes from one small image that repeats
4.Set the minimum width of the menu 5.Apply hover effects to the menu

CSS Used to Create Menu

Sets size of menu }
Remove bullet from text }
Sets font size, text, and color of borders }
Sets hover color

Search engine optimization (SEO)

is the process of improving the volume and quality of traffic to a web site from search engines (natural or algorithmic)}
Algorithm
◦A set of rules for solving a problem in a finite number of steps, as for finding the greatest common divisor

Early versions of search algorithms

relied on webmaster-provided information such as the keyword meta tag, or index files in engines like ALIWEB.

Web content providers also manipulated a number of attributes within the HTML source of a page in an attempt to rank well in search engines.

}Tony Wright’s suggestions on SOE

◦Key words in the Page Title

◦Key words in the Page Content

◦Links to and from your site

}Other suggestions

◦Company name in URL

◦Sitemap details page -

A textual index of a Web site's contents

◦ALT tags on images

SOE Future

}Since search engines tweak their algorithms all the time, what worked a year ago may not work today. }There are certain parts of the field that will never change – content will ALWAYS be king – but the keywords you use in your optimization and where you put them for the best effect, for example, is the kind of thing that has already changed and will probably continue to change in the future.

Off Site

two types of references: to any page off your site must include http:// ex. http://www.public.asu.edu/~bdrymer/

myth

Myth Dreamweaver does not generate "atrocious" code. In fact, it allows you to decide how you want your code to look, so even if you never go into the code editor, you can generate HTML that looks good for your text editor compatriots.

myth

Verdict: Myth Dreamweaver adds only the HTML, CSS, and JavaScript that you ask it to. If you tell it to put styles inline, then it will. But while that isbad coding practice that makes the pages larger, it's not the software doing it, but the person using it.

fact

Verdict: Fact WYSIWYG editors, including Dreamweaver, do the best they can, but it's impossible to build in design view for every permutation of browser, OS, and version available. We do the best we can, and always test our work in as many browsers as possible.

myth

Myth Dreamweaver can produce Web pages to whatever standards you would like to use.

Verdict: Myth It's not the editor that is faster, it's the experience of the person using it. If you want to be a faster designer, learn your preferred program inside and out so that you can get the most out of it.

Half and Half It is possible to write Web pages in Dreamweaver without learning HTML, but the more HTML you learn the better your pages will be.

html crimes

Crime 1: Placing Block Elements Inside Inline Elemen
Crime 2: Not Including an ALT Attribute on Images
Crime 3: Not Using Lists When Necessary
Crime 4: Using <b> and <i> for Bolding and Italicizing
Crime 6: Using The Wrong Strikethrough Tags s strike/del ins
Crime 7: Using Inline Styling
Crime 8: Adding or Removing Borders in HTML
Crime 9: Not Using Header Tags
Crime 10: The Unspeakable Use of <blink> or <marquee>

Psychographics

To further target your efforts, you've got to determine not only who buys (or will buy) your product, but what makes them want to buy it.

demographics'

Age: children, teens, young, middle, elderly
Gender: male, female
Education: high school, college, university
Income: low, medium, high
Marital status: single, married, divorced
Ethnic and/or religious background
Family life cycle: newly married, married for 10 – 20 years, with or without children.

tables hell

increase complexity of documents

table pros

Using tables to build structure is quite intuitive.

div hell

Websites in div hell have more div tags than are necessary. This is also known as “divitis.”

About this deck

By: Brett Rymer
Created: 2011-03-08
Size: 83 flashcards
Views: 73

About StudyBlue

“Simply amazing. The flash cards are smooth, there are many different types of studying tools, and there is a great search engine. I praise you on the awesomeness.”
Dennis