SDF Lesson 1 Notes

rungabbyInternet και Εφαρμογές Web

10 Νοε 2013 (πριν από 3 χρόνια και 11 μήνες)

79 εμφανίσεις



Landstown High School

Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn’t understand.


Topic:

_
Lesson 1 Intro to Web
Site Development


Questions/Main Ideas:


Name:_________________________________
____

Class:_____________________________________

Block:_____________ Date: __________



Notes:

Objectives

Distinguish between using text editor and a GUI markup language
editor


Identify Web Page Design Issues


Identify the standards organiz
ation that controls markup languages


Identify front
-
end and back
-
end Web issues


Define the concepts of creative design and branding standards, and
demonstrate their importance to business



Creating Web Pages

Skills need:

Contribute to team projects

Create Web Pages

Create Resumes


Languages needed:

HTML

XHTML ( extensible HTML)













Additional Web Page Elements

Additional technologies include:

Flash

Java

ActiveX


You must understand how web pages use:

Databases

Common Gateway Interfac
e (CGI)











Landstown High School





Summary:



Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn’t understand.


Topic:

_
Lesson 1 Intro to Web
Site Development


Questions/Main Idea
s:


Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________



Notes:

Databases and Web Pages

Databases can store information about company inventory


Databases can store infor
mation







Web Pages and CGI

XGI is used for many purposes:

to help Web Pages pass information to and from databases

to provide active content (e.g.: hit counters)

to provide dynamic content


Examples of CGI technology include:

Perl

PHP Hypertext Pr
ocessor (PHP)

Active Server Pages (ASP) and .NET

JavaServer Pages (JSP)

Server
-
side JavaScript (SSJS)

ColdFusion















Text Editors and Markup
Languages

You do not need to use a special editor application to create markup:

You can use a sim
ple text editor such as Notepad or Vi)


When creating HTML or XHTML, you must:

Save the text as plaintext



Landstown High School


Save the file using either .html or .htm file name extension













Summary:



Class Notes

If there was no class lecture this
week, w
rite a paragraph about what
you learned and/or questions about
what you didn’t understand.


Topic:

_
Lesson 1 Intro to Web Site
Development


Questions/Main Ideas:


Name:_____________________________________

Class:_____________________________________

Blo
ck:_____________ Date: __________



Notes:

Graphical User Interface (GUI)
HTML Editors

GUI HTML Editors:

Create HTML/XHTML code for you


You type page text as you would with a standard word processor


You point and click with a mouse


Popular GUI HTML editors include

Adobe Dreamweaver

Microsoft FrontPage

SeaMonkey Composer











Why Learn markup Languages?

GUI HTML editors do not keep pace with the latest improvements in
markup language


You can add features to pages not supp
orted by the editor


You will not be limited by the GUI editor’s capabilities







Landstown High School



Front
-
End Issues

A web page is an interface that should:

Provide a distinct message

Be accessible by all users

Incorporate appealing images and graphical elements

Incl
ude constantly updated hyperlinks

Use tables wisely

Present carefully designed Web forms

Connect pages to databases securely

Use the most current technologies appr
opriate

Use images sparingly

Be easily navigable and without dead ends

Include alternate

navigation






















Summary:

Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn’t understand.


Topic:

_
Lesson 1 Intro to Web
Site Development


Questi
ons/Main Ideas:


Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________



Notes:

Web Page Accessibility

An accessible Web Page has:

A user friendly and accessible front end

Ba
ck
-
end server resources that process and store user input


The WC3 estimates that up to 10 percent of people have disabilities
that if not accommodated by Web Sites, can cause companies to lose
significant amounts of revenue


Why adhere to accessibility

standards?

It makes your site available to all users

You can be penalized for failing to provide accessibility, either by
losing customers or through government
-
imposed fines



Landstown High School















Disabilities Act
s

The Americans with disabilities Act (AD
A):

Enforced with the U.S. Justice Department

Requires Web Designers to create “reasonable accommodations” for
摩獡扬d搠畳d牳r

††
䕮獵b楮i⁴桡琠 汬⁩ a来猠桡癥⁴數t
-
扡獥搠摥sc物灴p潮o

††
m牯癩摩湧⁴數t
-
扡獥搠d汴e牮r瑩癥猠瑯⁡汬潮
-
瑥t琠捯湴t湴
n.g⸬.
ga癡
a灰汥瑳⁡湤⁆污獨⁰牥獥湴a瑩潮猩

††
m牯癩摩湧⁥asy
-

-
牥a搠景d浳†


Additional disabilities acts and initiatives:

Canada’s Comm
潮oi潯o⁡湤⁆ee氠景l⁴桥⁩湴 牮rt

The Australian Government’s Guide to Minimum Web Site Standards
-

䅣ce獳s扩b楴y

India’s
䵡桡牡獨瑲a⁒楧h琠t漠f湦潲ma瑩潮⁁ot


Web Content Accessibility Guidelines (WCAG):

Provided by the W3C Accessibility Initiative(WAI)

A product of worldwide cooperation

14 WAI guidelines


Rehabilitation Act: Electronic and Information Technology
Accessibi
lity standards, Section 508:

-
Known simply as Section 508

-
All federal agencies must ensure that all electronic and Information
technology developed, procured, maintained or used by federal
agencies be comparably accessible to users with disabilites

-
Based

on the WCAG

















Summary:




Landstown High School




Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn’t understand.


Topic:

_
Lesson 1 Intro to Web
Site Development


Questio
ns/Main Ideas:


Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________



Notes:

Disabilities Acts (cont’d)





















Child Online Protection Act
(COPA)

Des
igned to protect minors from harmful material:

U.S. Government law

Penalties specified

You can learn more about COPA at:

http://www.copacommission.org


The COPA Act Text:

http://www.copacommission.org/commission/original.shtml









Verifying Web Page
Accessibility

Many tools including these check code to see if it adheres to
standards:

WebXACT (
http://webxact.watchfire.com/
)

Step 508 (
www.section508.gov
)

RetroAccess (
www.retroaccess.com
)


One way you can help improve accessibility is by adhering

to the
XHTML 1.0 standard when you write Web Page code





Landstown High School







Summary:



Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn’t understand.


Topic:

_
Lesson 1 Intro to
Web
Site Development


Questions/Main Ideas:


Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________



Notes:

General Web Page Accessibility
Considerations

Visual Challenges:

Text readability

Text support for images

Screen reader support


Audio Challenges:

Alternative Audio Support

Alternative Speech input

Text support for audio elements


Cognitive and technical challenges


Site maps can improve accessibility


Change doc
umentation can improve accessibility













Creative Design and Branding
Standards

A web page is often part of a larger marketing and sales strategy:

Creating and ensuring brand recognition (name recognition)

Presenting a strong message


A web

page allows you to develop:

A market

Mind share

A brand







Landstown High School
















Summary:



Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn’t understand.


Topic:


_
Lesson 1 Intro to Web
Site Development


Questions/Main Ideas:


Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________



Notes:

Creative Design and Branding
Standards (cont’d
)

Design and branding standards
-
topic for meetings include:

Target Markets

Market Messages

Media Choices

Color Combinations

Sales strategies

Technologies to use


Audience development techniques include:

Falsh, Java

Company logos

Strategies developed
by sales and marketing

Push and pull technologies

Visitor tracking













Portals

A web site that act as a centralized access point for additional web
sites



Landstown High School

Portal Types:

Vertical

Horizontal


Portal benefits:

Direct users to the best sites

Attract users to products

Improve brand names











Wiki Site

A web site that allows all visitors to collaborate in its construction:

Wiki software is installed on a Web Server

You can lock down certain pages and leave others open to editing


Wi
ki examples:

Wikipedia

Linuxquestions.org

MemoryAlpha


Wiki Software pu
rveyors:

Wikibase

JSP Wiki









Summary:



Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn
’t understand.


Topic:

_
Lesson 1 Intro to Web
Site Development


Questions/Main Ideas:


Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________



Notes:

File Formats and Activ
e Content

Your pages will include various content formats, including PDF
documents, images and media files


Common file formats and MIME types

HTML: text/html

JPEG:



Landstown High School











Back End Issues

Database Connectivity:

Types of Databases

Web servers use r
elational databases to store data


Relational databases:

Creating relational databases

Relational database vendors

Databases, Web Servers and SQL









Relational Database
Manipulation Terminology

Join
-

combining two database tables to create a n
ew table


Table
-

a database topic that contains rows(records) and columns
(attributes or fields)


Record
-

one row of a relational database table


Field
-

one column of a relational database table


Entity
-

(i.e. record)
-

a person, place, or thing repres
ented in a database
table row


Attribute
-

a category of information related to an entity


Linking attribute
-

common attribute between tables that allows a join
to occur


Relation
-

a link generated by two entities


Tuple
-

two or more entities currently
linked by a relation


Query
-

searching a database

Summary:



Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
about what you didn’t understand.


Topic:

_
Lesson 1 Intro to Web

Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________




Landstown High School

Site Develo
pment


Questions/Main Ideas:


Notes:

Type of Database Table Joins

Inner Join:

-
Results in a new table in which the new

table in which the new
information in one column of the first table is combined with a column
of the second table

-

The most common type of join


Outer Join:


-

Used to combine tables when one column of a table contains
an empty, or null, value

-

Less com
mon









SQL Commands

SELECT
-

requests data from a particular table or table row


FROM
-

delimits the beginning search point in a table or table row


WHERE
-

delimits the ending search point in a table or table row


JOIN
-

creates a new table from

selected data


SUM
-

adds numerical information within records





Accessing and Updating
Databases
















Summary:





Landstown High School


Class Notes

If there was no class lecture this
week, write a paragraph about
what you learned and/or questions
abou
t what you didn’t understand.


Topic:

_
Lesson 1 Intro to Web
Site Development


Questions/Main Ideas:


Name:_____________________________________

Class:_____________________________________

Block:_____________ Date: __________



Notes:

Bandwid
th and Download Time
















Naming Web Page Files












HTTP404


File Not Found
Error
















Summary: