Chapter 1 notes
Internet- hardware such as computers, cables, telephone wires, connected to create a world wide web.
World wide web- Software that sends information that is stored in files along the internet’s hardware
Files-Text, graphics, video, or animation stored on computer hardware
Web site- group of remaining files organized around the common topic
Webpage-single file within a website
Homepage-main page on a website which contains general information on a site
Hypertext markup language (HTML)-code used to create web pages
Commercial Sites
· E-commerce sites
· Corporate presence sites
Portal Sites
Informational Sites
· News Sites
· Government Sites
· Public interest sites
Educational Sites
· School and university site
· Tutorials and learning sites
· Personal sites
Text-Words, Letters, Numbers, symbols
Graphic –Drawing, chart, diagram, painting or photo stored digitally
Audio – live, stream or recorded Sound
Video- stream or recorded moving images
Animation- movement of text and graphics
Hyperlink- a way to link webpages together (internal, external, and intrapage)
Website Development
Step 1: Determining Purpose and goals
Step 2: designing and implementing a web site
Step 3: Evaluating and testing a website
Step 4: publishing a website
Step 5: maintaining a website
World wide web- Software that sends information that is stored in files along the internet’s hardware
Files-Text, graphics, video, or animation stored on computer hardware
Web site- group of remaining files organized around the common topic
Webpage-single file within a website
Homepage-main page on a website which contains general information on a site
Hypertext markup language (HTML)-code used to create web pages
Commercial Sites
· E-commerce sites
· Corporate presence sites
Portal Sites
Informational Sites
· News Sites
· Government Sites
· Public interest sites
Educational Sites
· School and university site
· Tutorials and learning sites
· Personal sites
Text-Words, Letters, Numbers, symbols
Graphic –Drawing, chart, diagram, painting or photo stored digitally
Audio – live, stream or recorded Sound
Video- stream or recorded moving images
Animation- movement of text and graphics
Hyperlink- a way to link webpages together (internal, external, and intrapage)
Website Development
Step 1: Determining Purpose and goals
Step 2: designing and implementing a web site
Step 3: Evaluating and testing a website
Step 4: publishing a website
Step 5: maintaining a website
Section 2.1, 2.2, 2.3
· Hardware: physical components of the computer
· Software: the set of instructions that tells the computer what to do
· Central processing unit(CPU, Brain of computer): where the data is processed
· Random access memory (RAM): where computer stores data that is currently processing
· Key Board: allows you enter text in the computer
· Mouse : The most common pointing device used to enter commands in the computer
· Monitor: the part of the computer that shows the output in a quick reliable form; display screen
· Printer :a hardware device that produces hard copy; output that’s permanent
· Basic input/output system: small program that performs startup activities; such as activating the computers operating system.
· Operating system: software that specifies how the computer receives and processes input; interface between the user and computer.
· Graphical user interface(aka windows)
· Application software: programs that allow users to perform a specific test
· Multitasking: working with more than one application at a time
· Network: a system in which communication lines or wireless connection are used to connect computers
· (LAN)Local area network: local area network that exist in one single location
· (WAN) wide area network: connect computers all across the geographical area
· Server: a powerful central computer that manages files and services for a network
· Client: individual computer on a network
· Network interface card: plugs cable in computer and sends signal from one network to another
· Modems: hardware device that allows a computer to send and receive signals telephone wires or cables
· Software: the set of instructions that tells the computer what to do
· Central processing unit(CPU, Brain of computer): where the data is processed
· Random access memory (RAM): where computer stores data that is currently processing
· Key Board: allows you enter text in the computer
· Mouse : The most common pointing device used to enter commands in the computer
· Monitor: the part of the computer that shows the output in a quick reliable form; display screen
· Printer :a hardware device that produces hard copy; output that’s permanent
· Basic input/output system: small program that performs startup activities; such as activating the computers operating system.
· Operating system: software that specifies how the computer receives and processes input; interface between the user and computer.
· Graphical user interface(aka windows)
· Application software: programs that allow users to perform a specific test
· Multitasking: working with more than one application at a time
· Network: a system in which communication lines or wireless connection are used to connect computers
· (LAN)Local area network: local area network that exist in one single location
· (WAN) wide area network: connect computers all across the geographical area
· Server: a powerful central computer that manages files and services for a network
· Client: individual computer on a network
· Network interface card: plugs cable in computer and sends signal from one network to another
· Modems: hardware device that allows a computer to send and receive signals telephone wires or cables
Chapter 3
· (I.s.p) Internet service provider: business that provides a network that they use to access the network
· Protocol: set of rules and procedures that specify data and transfer it to computers
· (Http) Hypertext transfer protocol: used to transfer file from a web site to a browser
· (Fttp): file transfer protocol : standardized method of uploading and down loading file on the internet
· Internet: A lan or wan designed to make it easy to share info within an organization(school ,Business)
· Extranet: network that can be accessed by an outside user
Section 3.2
· (url) uniform resource locater: unique address that enables a browser to locate pages on the web
· Domain name: part of url that id’s the entity that sponsors the website
Domain name extension: part of the url that tells · users what type of organization that uses the address
· Accessibility option: feature that allows differently abled individuals to access and use web pages
· Search engine: App that locates info and store it in the database so you can access it from the browser
· Web directory: search tool that catalogs a website by topic or category
· Keyword: important word related to the topic your trying to locate
· Boolean Search : a type of search that combines keywords to locate a page
Section 3.3
· Text editor: app used to enter and edit HTML code
· Website development app: a app used to create websites
· (Wysi wyg) what you see is what you get.
· Web hosting services: service that sells web server space for a monthly fee
· Protocol: set of rules and procedures that specify data and transfer it to computers
· (Http) Hypertext transfer protocol: used to transfer file from a web site to a browser
· (Fttp): file transfer protocol : standardized method of uploading and down loading file on the internet
· Internet: A lan or wan designed to make it easy to share info within an organization(school ,Business)
· Extranet: network that can be accessed by an outside user
Section 3.2
· (url) uniform resource locater: unique address that enables a browser to locate pages on the web
· Domain name: part of url that id’s the entity that sponsors the website
Domain name extension: part of the url that tells · users what type of organization that uses the address
· Accessibility option: feature that allows differently abled individuals to access and use web pages
· Search engine: App that locates info and store it in the database so you can access it from the browser
· Web directory: search tool that catalogs a website by topic or category
· Keyword: important word related to the topic your trying to locate
· Boolean Search : a type of search that combines keywords to locate a page
Section 3.3
· Text editor: app used to enter and edit HTML code
· Website development app: a app used to create websites
· (Wysi wyg) what you see is what you get.
· Web hosting services: service that sells web server space for a monthly fee
Chapter 4 notes
· Html- the code used to create web pages
· Html tag- text contained between two angle brackets that tells the web browser how to display a pages content
· Starting tag- the first pair of html tags also known as an opening tag
· Ending tag- last pair of html tags aka closing tag
· Nested tag-html tag that’s in closed in another tag
· Empty tag- html tag that requires only an opening tag
· Source code- text in html commands used to create a web page
· File name extension- 3 or 4 characters after a period in a file name that tells the computer what type of file it is.
· Attribute- html instruction included in html tag to specify a characteristics of a web page
· Ordered list- type of list that contains items usually numbered that must appear in a certain sequence
· Unordered list-list that appears in no order
Section 4.3
· Anchor tag-Html tag used to create hyperlinks
· Text link- link in which uses click text to activate the link
· Graphic link- link in which users click on an image to activate the link
· Absolute link- link that contains the complete url or path of the file being linked to
· Relative link- link that’s used when linking to a local file, such as one within the same website
· Debugging- locating and correcting errors in html code
· Testing- repeatedly checking your page to make sure elements display correctly
· Html tag- text contained between two angle brackets that tells the web browser how to display a pages content
· Starting tag- the first pair of html tags also known as an opening tag
· Ending tag- last pair of html tags aka closing tag
· Nested tag-html tag that’s in closed in another tag
· Empty tag- html tag that requires only an opening tag
· Source code- text in html commands used to create a web page
· File name extension- 3 or 4 characters after a period in a file name that tells the computer what type of file it is.
· Attribute- html instruction included in html tag to specify a characteristics of a web page
· Ordered list- type of list that contains items usually numbered that must appear in a certain sequence
· Unordered list-list that appears in no order
Section 4.3
· Anchor tag-Html tag used to create hyperlinks
· Text link- link in which uses click text to activate the link
· Graphic link- link in which users click on an image to activate the link
· Absolute link- link that contains the complete url or path of the file being linked to
· Relative link- link that’s used when linking to a local file, such as one within the same website
· Debugging- locating and correcting errors in html code
· Testing- repeatedly checking your page to make sure elements display correctly
Section 5.1
Mission Statement- Statement that describes the purpose and audience of a web site
Target audience-main group of people you expect to visit your website
1. What is the purpose of the website?
2. What are the site’s immediate goals?
3. What is the sit’s long term goal?
4. Who are the target audience and what are they looking for?
Section 5.2
Hierarchical navigation-pages arranged top to bottom top level is home page
Parent-child relationship- you have to go through a parent page to get to the child page
Peer to Peer relationship- two or more child pages that have the same parent page
Linear navigation scheme- every page exist at the same level
Random access- pages not arrange in any order
Storyboard-representation of your website
Page name- name that’s in the title bar when page is displayed
File name- name of the html document that makes up itself
Steps in planning a website:
1. the site’s purpose is clearly stated
2. Both intermediate and long term goals are supplied
3. Audience for site is specified
4. Clear specific mission statement is written
5. Appropriate navigation scheme is chosen
6. A chart is created shoeing the navigation scheme
7. Sketches of the major pages are drawn
Mission Statement- Statement that describes the purpose and audience of a web site
Target audience-main group of people you expect to visit your website
1. What is the purpose of the website?
2. What are the site’s immediate goals?
3. What is the sit’s long term goal?
4. Who are the target audience and what are they looking for?
Section 5.2
Hierarchical navigation-pages arranged top to bottom top level is home page
Parent-child relationship- you have to go through a parent page to get to the child page
Peer to Peer relationship- two or more child pages that have the same parent page
Linear navigation scheme- every page exist at the same level
Random access- pages not arrange in any order
Storyboard-representation of your website
Page name- name that’s in the title bar when page is displayed
File name- name of the html document that makes up itself
Steps in planning a website:
1. the site’s purpose is clearly stated
2. Both intermediate and long term goals are supplied
3. Audience for site is specified
4. Clear specific mission statement is written
5. Appropriate navigation scheme is chosen
6. A chart is created shoeing the navigation scheme
7. Sketches of the major pages are drawn
Notes 6
· Content- text and graphics included on a webpage
· Inverted pyramid- type of narrative structure that put the most important information at the beginning to catch the reader’s attention
· Pixel(picture elements)- single point in a graphic image
· Screen resolution- amount of pixels a screen monitor can display
· White space- area of webpage without any content
· Proximity- closeness of elements on a webpage
Notes 6.3
· Logo-symbol used to represents a business or organization
· Title graphic-image that appears at the top of every page of the website
· Tables- item consist to organizing columns and rows that are used to organize content
· Columns-cells in a table arranged vertically
· Rows- cells in a table that are arrange horizontally
· Cells-each individual square within a table
Notes 6.4
· Navigation link- button that takes users to other pages
· Hover button- navigation button that changes appearance when touched by a mouse pointer
· Active button- click button that’s in the process of do0ing something
· Interactive button- button that changes to let users know an action has been taken place
· Link bar-a related group of links aka navigation bar or table of contents
· Footers-bottom portion of a webpage
· Content- text and graphics included on a webpage
· Inverted pyramid- type of narrative structure that put the most important information at the beginning to catch the reader’s attention
· Pixel(picture elements)- single point in a graphic image
· Screen resolution- amount of pixels a screen monitor can display
· White space- area of webpage without any content
· Proximity- closeness of elements on a webpage
Notes 6.3
· Logo-symbol used to represents a business or organization
· Title graphic-image that appears at the top of every page of the website
· Tables- item consist to organizing columns and rows that are used to organize content
· Columns-cells in a table arranged vertically
· Rows- cells in a table that are arrange horizontally
· Cells-each individual square within a table
Notes 6.4
· Navigation link- button that takes users to other pages
· Hover button- navigation button that changes appearance when touched by a mouse pointer
· Active button- click button that’s in the process of do0ing something
· Interactive button- button that changes to let users know an action has been taken place
· Link bar-a related group of links aka navigation bar or table of contents
· Footers-bottom portion of a webpage
7.1
Consistency- a logical coherence using similar design elements throughout a site
Repetition- design rule that encourages designers to duplicate specific elements on all of the sites pages
Page banner- graphics or text at top of website such as logo and title graphic
Color Scheme- set of selected colors used consistently on a website
Web safe colors- 216 colors that display consistently from computer to computer
Typography-style arrangement appearance of a text
Font- family of numbers, letters and symbols that shares a consistent style
Point- type of measurement
Alignment- position of text on a page such as right, left or centered
Serif- line or curve at the end of certain letters or numbers
Sans serif- without line or curve at the end of letters or numbers
Subpage- page that is a child’s other page
Image map –graphic with an area called the hot spot that links to another page
Hot spot- graphic related page or other area in page
Consistency- a logical coherence using similar design elements throughout a site
Repetition- design rule that encourages designers to duplicate specific elements on all of the sites pages
Page banner- graphics or text at top of website such as logo and title graphic
Color Scheme- set of selected colors used consistently on a website
Web safe colors- 216 colors that display consistently from computer to computer
Typography-style arrangement appearance of a text
Font- family of numbers, letters and symbols that shares a consistent style
Point- type of measurement
Alignment- position of text on a page such as right, left or centered
Serif- line or curve at the end of certain letters or numbers
Sans serif- without line or curve at the end of letters or numbers
Subpage- page that is a child’s other page
Image map –graphic with an area called the hot spot that links to another page
Hot spot- graphic related page or other area in page
Section 8.1
· Shared Border-area remains the same on all or some of the pages
· Raster graphic- made up of pixels
· Paint program- software app the creates raster graphics
· Vector graph-graphic combined by simple lines
· Draw program- software app that creates a vector graph
Section 8.2
· Graphic interchange format- graphic with 256 possible colors
· Jpeg- joint photographic expert group- graphic with millions of colors
· Lossless compression-lose no data
· lossy compression- less data
Section 8.3
· Scanner- hardware that converts printed to digital format
· Digital camera-a camera that saves digital images
· Dots per inch- pixels per inch
· Wordart-text objects with special formatting applied
Section 8.4
· Resizing- changing size of image without losing data
· Aspect ratio relationship images with height and width
· Resampling- changing number of pixels in a graphic to match a new size
· Cropping- removing portions of image
· Photo gallery- collection of photographs with a description
· Thumbnail small image that links larger version
· Shared Border-area remains the same on all or some of the pages
· Raster graphic- made up of pixels
· Paint program- software app the creates raster graphics
· Vector graph-graphic combined by simple lines
· Draw program- software app that creates a vector graph
Section 8.2
· Graphic interchange format- graphic with 256 possible colors
· Jpeg- joint photographic expert group- graphic with millions of colors
· Lossless compression-lose no data
· lossy compression- less data
Section 8.3
· Scanner- hardware that converts printed to digital format
· Digital camera-a camera that saves digital images
· Dots per inch- pixels per inch
· Wordart-text objects with special formatting applied
Section 8.4
· Resizing- changing size of image without losing data
· Aspect ratio relationship images with height and width
· Resampling- changing number of pixels in a graphic to match a new size
· Cropping- removing portions of image
· Photo gallery- collection of photographs with a description
· Thumbnail small image that links larger version