Notes 1
Web Basics
Notes Sec. 1.1
· Internet- hardware, the physical equipment, such as computers, cables, and wires that create a worldwide network.
· World wide web- the software that sends information along the internets hardware.
· File- information such as text, graphics, videos, or animation stored on computers hardware.
· Website- group of related files organized around a common topic.
· Web page- a single file within a website.
· Home page- the main page on a website.
Types of Websites
· Commercial sites
· Portal sites
· Informational sites
· Educational sites
· Personal sites
Notes Sec. 1.2
· Text- words, letters, numbers, and other symbols.
· Graphics- drawing, chart, diagram, painting, or photo stored in digital format.
· Audio- live, streamed, or recorded sound.
· Video- live, recorded, or streamed moving images.
· Animation- the movement of text and graphics.
· Hyperlinks- a way to link webpages together to move from one location to another.
Notes Sec. 1.3
· Interaction design-part of a website design process where you determine how the user will navigate through the website.
· Information design- determining the context that will appear on each page.
· Presentation design- physical appearance of a website pages.
· Web author- person who writes the text that will appear on each page.
· Web designer- person who develops the look and feel of the website.
· Web developer- person who programs the website.
· Webmaster- manager, person who manage and maintains the website.
Notes Sec. 1.1
· Internet- hardware, the physical equipment, such as computers, cables, and wires that create a worldwide network.
· World wide web- the software that sends information along the internets hardware.
· File- information such as text, graphics, videos, or animation stored on computers hardware.
· Website- group of related files organized around a common topic.
· Web page- a single file within a website.
· Home page- the main page on a website.
Types of Websites
· Commercial sites
· Portal sites
· Informational sites
· Educational sites
· Personal sites
Notes Sec. 1.2
· Text- words, letters, numbers, and other symbols.
· Graphics- drawing, chart, diagram, painting, or photo stored in digital format.
· Audio- live, streamed, or recorded sound.
· Video- live, recorded, or streamed moving images.
· Animation- the movement of text and graphics.
· Hyperlinks- a way to link webpages together to move from one location to another.
Notes Sec. 1.3
· Interaction design-part of a website design process where you determine how the user will navigate through the website.
· Information design- determining the context that will appear on each page.
· Presentation design- physical appearance of a website pages.
· Web author- person who writes the text that will appear on each page.
· Web designer- person who develops the look and feel of the website.
· Web developer- person who programs the website.
· Webmaster- manager, person who manage and maintains the website.
Notees 2
Sec. 2.2
· Hardware- the physical components of a computer.
· Software- set of instructions that tell the computer what to do.
· CPU (central processing unit) - where data is processed a.k.a brains of the computer.
· RAM (random access memory) - where the computer stores data it is currently processing.
· Keyboard- input device for text.
· Mouse- pointing device used to enter command.
· Monitor- output in a quick display screen.
· Printer- hardware device that produces a hard copy.
· Bios (basic input output system) - small program that preforms start up activities.
· Operating system (os) – software that specifies how the computer processes input. The interface which means user and computer.
· Graphical user interface- example: windows.
· Application software- programs that allow users to preform a specific task.
· Multitasking- working with more than one application at a time.
Sec. 2.3
· Network- a system used to connect computers together.
· Land (local area network) - network that connects computers in a single location.
· WAN (wide area network) - connects computers across a large geographical area.
· Server- powerful central computer that’s manages files and services for a network.
· Client- individual computer on a network.
· Network interface card- where you plug your network cable into the computer. Creates and sends signal.
· Modem- hardware that sends and receives signal through wires/cables.
Sec. 2.4
· Folder- item that helps the user organize files.
· Subfolder- a folder within a folder.
· Template- reusable pattern.
· Place holder text- tells you what type of text go in a certain location.
Notes 3
Sec 1
· Internet service provider (ISP) – a business that provides access to the internet.
· Protocol– set of rules that specify how data are formatted and transmitted between computers.
· Hypertext transfer protocol (http) - used to transfer files from a web server to a web browser.
· Files transfer protocol (FTP) - standard method of uploading and downloading files on the internet.
· Intranet- land/wan used to share information within an organization.
· Extranet- network that can be accessed outside of an organization.
Sec 2
· URL- web address.
· Domain name- part of the URL that id’s the sponsor.
· Domain name extension- part of the URL that tells users what type of organization uses the address.
· Accessibility option- feature that allows for increased access.
· Search engine- app that locates information on the web.
· Web directory- search tool that catalog websites.
· Keyword- important word related to search topic.
Sec 3
· Text editor- app used to enter/edit html code.
· Website developing app- app that allows users to create websites.
· Wysiwyg- what you see is what you get.
· Web hosting service- service that sells web service space
· External hyperlink- a link takes users to a different website.
Sec 4
· Shareware- software that is allowed to be freely distribution.
· Freeware- software that can be freely copied and used for any legal purposes.
· Copyright- owner’s right to sell his/her work.
Notes 4
Sec 1
· Html- hypertext markup language- the code used to create web pages.
· Html tag- text contained between two angle banquets that tells a browser how to display context.
· Starting tag- first part of html tag.
· Ending tag- the last parts of html tag.
· Nested tag- html tag that’s enclosed in another set of tags.
· Empty tag- html tag that requires only an opening tag.
· Source code- the text and html commands used to create web pages.
Sec 2
· Filename extension- three character file type ID.
· Attribute- instruction in a tag to specify a characteristic of a web page element.
· Ordered list- contains items in a number sequence.
· Unordered list- random list.
· Absolute link- a link that contains the complete URL path.
· Relative link- type of link that’s used when linking to a local file.
· Debugging- correcting errors and codes.
· Testing- checking a site to ensure proper display.
· Border- visual break to add interest and separate elements.
· Embedded file- uploaded document.
NOTES 5
Sec 5.1
· Mission statement- describes the audience & purpose of a website.
o What is the purpose?
o What are the site immediate goals?
o What are the site long term goals?
o Who is your target audience?
· Target audience- main group of people you except to visit website.
Sec 5.2
· Hierarchical navigation scheme- pages arranged from top to bottom.
· Top level page- highest level you can put in the above scheme.
· Parent-child relationship- you have to go to the parent page to reach the child’s page.
· Peer-to-peer relationship- pages are on the same level.
· Random access scheme- site pages are not organized in any particular order.
Sec 5.3
· Storyboard- visual representation of a website & its pages.
· Page name- the name that appears when the page is displayed.
· File name- the name of the html document that makes up the webpage.
· 7 steps
o Step 1: purpose is clearly stated.
o Step 2: immediate & long term goals are specified.
o Step 3: audience is ID.
o Step 4: clear mission statement.
o Step 5: appropriate navigation theme is chosen.
o Step 6: storyboard is created.
o Step 7: sketches of major pages are drawn.
Notes 6
Content- text and graphics included on the web page.
Inverted pyramid- structure that places important information at the beginning where it catches the reader attention.
Pixel- a single part in a graphic page.
Screen resolution- the amount of space available on every web browser.
White space- an area on the webpage w/o any content.
Proximity- closeness of elements on a webpage.
Logo- symbol used to represent a business or organization.
Title graphic- image that appears at the top of every page on a website.
Table- item consisting of columns and rows used to organize content.
Column- cells in a table arranged vertically.
Rows- cells in a table arranged horizontally.
Cell- each individual square within a table.
Section 4
Navigation link- button that users click to locate additional information.
Hover button- navigation button that changes appearance when pointed at.
Active button- a clicked button that is in the process of doing something.
Interactive button- type of button that changes to let users know an action has taken place.
Link bar- a related group of links also known as a navigation bar.
Footer- bottom portion of a webpage.
· Hardware- the physical components of a computer.
· Software- set of instructions that tell the computer what to do.
· CPU (central processing unit) - where data is processed a.k.a brains of the computer.
· RAM (random access memory) - where the computer stores data it is currently processing.
· Keyboard- input device for text.
· Mouse- pointing device used to enter command.
· Monitor- output in a quick display screen.
· Printer- hardware device that produces a hard copy.
· Bios (basic input output system) - small program that preforms start up activities.
· Operating system (os) – software that specifies how the computer processes input. The interface which means user and computer.
· Graphical user interface- example: windows.
· Application software- programs that allow users to preform a specific task.
· Multitasking- working with more than one application at a time.
Sec. 2.3
· Network- a system used to connect computers together.
· Land (local area network) - network that connects computers in a single location.
· WAN (wide area network) - connects computers across a large geographical area.
· Server- powerful central computer that’s manages files and services for a network.
· Client- individual computer on a network.
· Network interface card- where you plug your network cable into the computer. Creates and sends signal.
· Modem- hardware that sends and receives signal through wires/cables.
Sec. 2.4
· Folder- item that helps the user organize files.
· Subfolder- a folder within a folder.
· Template- reusable pattern.
· Place holder text- tells you what type of text go in a certain location.
Notes 3
Sec 1
· Internet service provider (ISP) – a business that provides access to the internet.
· Protocol– set of rules that specify how data are formatted and transmitted between computers.
· Hypertext transfer protocol (http) - used to transfer files from a web server to a web browser.
· Files transfer protocol (FTP) - standard method of uploading and downloading files on the internet.
· Intranet- land/wan used to share information within an organization.
· Extranet- network that can be accessed outside of an organization.
Sec 2
· URL- web address.
· Domain name- part of the URL that id’s the sponsor.
· Domain name extension- part of the URL that tells users what type of organization uses the address.
· Accessibility option- feature that allows for increased access.
· Search engine- app that locates information on the web.
· Web directory- search tool that catalog websites.
· Keyword- important word related to search topic.
Sec 3
· Text editor- app used to enter/edit html code.
· Website developing app- app that allows users to create websites.
· Wysiwyg- what you see is what you get.
· Web hosting service- service that sells web service space
· External hyperlink- a link takes users to a different website.
Sec 4
· Shareware- software that is allowed to be freely distribution.
· Freeware- software that can be freely copied and used for any legal purposes.
· Copyright- owner’s right to sell his/her work.
Notes 4
Sec 1
· Html- hypertext markup language- the code used to create web pages.
· Html tag- text contained between two angle banquets that tells a browser how to display context.
· Starting tag- first part of html tag.
· Ending tag- the last parts of html tag.
· Nested tag- html tag that’s enclosed in another set of tags.
· Empty tag- html tag that requires only an opening tag.
· Source code- the text and html commands used to create web pages.
Sec 2
· Filename extension- three character file type ID.
· Attribute- instruction in a tag to specify a characteristic of a web page element.
· Ordered list- contains items in a number sequence.
· Unordered list- random list.
· Absolute link- a link that contains the complete URL path.
· Relative link- type of link that’s used when linking to a local file.
· Debugging- correcting errors and codes.
· Testing- checking a site to ensure proper display.
· Border- visual break to add interest and separate elements.
· Embedded file- uploaded document.
NOTES 5
Sec 5.1
· Mission statement- describes the audience & purpose of a website.
o What is the purpose?
o What are the site immediate goals?
o What are the site long term goals?
o Who is your target audience?
· Target audience- main group of people you except to visit website.
Sec 5.2
· Hierarchical navigation scheme- pages arranged from top to bottom.
· Top level page- highest level you can put in the above scheme.
· Parent-child relationship- you have to go to the parent page to reach the child’s page.
· Peer-to-peer relationship- pages are on the same level.
· Random access scheme- site pages are not organized in any particular order.
Sec 5.3
· Storyboard- visual representation of a website & its pages.
· Page name- the name that appears when the page is displayed.
· File name- the name of the html document that makes up the webpage.
· 7 steps
o Step 1: purpose is clearly stated.
o Step 2: immediate & long term goals are specified.
o Step 3: audience is ID.
o Step 4: clear mission statement.
o Step 5: appropriate navigation theme is chosen.
o Step 6: storyboard is created.
o Step 7: sketches of major pages are drawn.
Notes 6
Content- text and graphics included on the web page.
Inverted pyramid- structure that places important information at the beginning where it catches the reader attention.
Pixel- a single part in a graphic page.
Screen resolution- the amount of space available on every web browser.
White space- an area on the webpage w/o any content.
Proximity- closeness of elements on a webpage.
Logo- symbol used to represent a business or organization.
Title graphic- image that appears at the top of every page on a website.
Table- item consisting of columns and rows used to organize content.
Column- cells in a table arranged vertically.
Rows- cells in a table arranged horizontally.
Cell- each individual square within a table.
Section 4
Navigation link- button that users click to locate additional information.
Hover button- navigation button that changes appearance when pointed at.
Active button- a clicked button that is in the process of doing something.
Interactive button- type of button that changes to let users know an action has taken place.
Link bar- a related group of links also known as a navigation bar.
Footer- bottom portion of a webpage.