47
Mrs. Hatcher’s Class A21 Web Page Design

First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????

Embed Size (px)

Citation preview

Web Page Design

Mrs. Hatchers ClassA21Web Page DesignFirst things, FirstDo you belong in here? 10 12Comp. Discovery or Keyboard/Comp Apps

Do you have any experience with Web Page Design?????

Lets get to know the Language of Web Page Design.I.T. Information TechnologiesIt, I.T., Info tech, and many other names

HTMLHypertext Markup Language

Everyday EverywhereGatherAnalyzeUse

To make decisions and to communicate

So, just what is the Internet

Uh, what is Network?A group of two or more computers connected to share information and resources.

We need a backbone!A collection of high-speed data lines that connect major computer systems located around the world.(Internet Backbone)

Ever heard.ISP and wonder???ISP internet service providera company that has a permanent connection to the internet backbone.Hughesnet Verizonback bone

AT&TComcast

But did you know?Nearly 650 MILLION people in 240 countries connect to the internet.

WOW thats a bunch of peeps

WWW or webIs the part of the internet that supports multimedia and consists of a collection of linked documents

Visit: scsite.com/html4e/more and click history

HTTP ever wondered?Just what is HTTP?

Hypertext transfer protocol is a set of rules for exchanging text, graphics, sound, video and other multimedia files.Web PagesThe linked documents or pages of information on the web.

Web SiteA related collection of Web pages that is created and maintained by an individual company, educational institution, or other organization.

Home PageEach web site contains a home page which is the first document users see when they access the web site.

Web Server (or host)Web pages are stored on a web server or host which is a computer that stores and sends requested web pages and other files.

PublishingIs copying web pages and other files to a web server.

3 Types of Websites and Purposes!InternetAnyonePublicShare information!!

IntranetEmployeesPrivateShare informationExtranetSelect business partners PrivateShare information

Electronic commerceE-commercebuying and selling of goods and services on the internet

Web BrowserBrowser is a program that interprets and displays web pages and enables you to view and interact with a web page

Uniform Resource Located(URL) is the address of a document or other files accessible on the internet

Hyper who?? Text what? You mean I have to learn another language?

Well, in a wayYou have to tell the computer what you want from it.

Hyperlink(link) is an element used to connect one web page to another on the same or different web server located anywhere in the world.Hypertext Markup Language(HTML) authoring language used to create documents on the WWW.

HTMLUses a special language called Tags or Markup to define the structure and layout of a web documentHTML is Platform IndependentMeaning.you can create, or code, an HTML file on one type computer and then use a browser on another type computer to view that file as a web page

W3CWorld Wide Web (3ws) Consortium

Ok, great. But what does consortium mean?An association with banks or corporations that require vast resources.

Style (you got it!)Or look of a web page

Cascading Style Sheets(CSS) you write code that allows you to control an element within a single web page

Simply making a change within a single web page or throughout an entire web site. Such as headlineDynamic HTMLDHTML describes a combination of HTML tags, CSS and scripting language

TOOLS!Text editor: a program that allows a user to enter, change, save, and print text.

HTML editorA program that provides basic text editing functions

MS WordMS Word has a feature that is save as web page it converts word document into HTML fileWYSIWYG(wizzywig) meaning What you see is what you get

Web Development Life CycleYou mustplananalyzedesign & developtestimplementmaintain

Understanding 508 guidelines?Accessibility Creating a web site that is accessible to all users allows your web site to reach the widest audienceTypes of structuresLinear connects web pages in a straight line, should be read in a specific order

HierarchicalConnects web pages like a tree like structure; this works well on a site with a main index or table of contents page

WebbedThis has no set organization

Most web sites are a combination of all of these structures.Broad Web SiteThe home page is the main index page and all others are linked individually to the home page

Deep Web SiteOne that has many levels of pages

UsabilityThe measure of how well a product allows a user to accomplish his/her goals.

LogIs the file that lists all of the web pages that have been requested from the web site.

This concludesProject 1 terms

Now, Lets go to the computers and check out some web sites!!