Chapter 1 Notes
Chapter 1 Notes
Section 1.1
Internet: Hardware such as computers, cables, and telephone wires that is connected to create a worldwide network.
World Wide Web: Software that sends information that is stored in files along the internet’s hardware.
File: Text, graphics, video, or animation stored on computer hardware.
Web site: Group of related files around a common topic.
Web page: Single file within a web site.
Home page: The main page on a web site which contains general information about the site.
Hypertext markup Language: Code used to create web pages.
Types of Web Sites
Commercial sites:
-E-commerce sites
-Corporate presence sites
Portal Sites
Informational sites
-News sites
-Government sites
Educational Sites
-School & university sites
-Distance learning sites
Personal sites
Section 1.2
Text: Words, letters numbers, and symbols.
Graphic: A drawing, chart, diagram, painting, or photo stored digitally.
Audio: Live, streamed, or recorded sound.
Video: Live or recorded moving images.
Animation: The movement of text and graphics.
Hyperlink: A way to link web pages together.
Types of Hyperlinks
-Internal: On web site
-External: Somewhere else
-Intrapage
Section 1.3
Web site development
Step 1: Determining Purpose and Goals.
Step 2: Designing and Implementing a Web site.
Step 3: Evaluate and Test.
Step 4: Publishing a Web site.
Step 5: Maintaining a Web site.
Section 1.1
Internet: Hardware such as computers, cables, and telephone wires that is connected to create a worldwide network.
World Wide Web: Software that sends information that is stored in files along the internet’s hardware.
File: Text, graphics, video, or animation stored on computer hardware.
Web site: Group of related files around a common topic.
Web page: Single file within a web site.
Home page: The main page on a web site which contains general information about the site.
Hypertext markup Language: Code used to create web pages.
Types of Web Sites
Commercial sites:
-E-commerce sites
-Corporate presence sites
Portal Sites
Informational sites
-News sites
-Government sites
Educational Sites
-School & university sites
-Distance learning sites
Personal sites
Section 1.2
Text: Words, letters numbers, and symbols.
Graphic: A drawing, chart, diagram, painting, or photo stored digitally.
Audio: Live, streamed, or recorded sound.
Video: Live or recorded moving images.
Animation: The movement of text and graphics.
Hyperlink: A way to link web pages together.
Types of Hyperlinks
-Internal: On web site
-External: Somewhere else
-Intrapage
Section 1.3
Web site development
Step 1: Determining Purpose and Goals.
Step 2: Designing and Implementing a Web site.
Step 3: Evaluate and Test.
Step 4: Publishing a Web site.
Step 5: Maintaining a Web site.
Chapter 2 Notes
Chapter 2 Notes
Section 2.1
Hardware: Physical components of the computer
Software: Instructions that tells the computer what to do.
Central Processing Unit: Where the data is processed.
Random Access Memory: There computer stores data that is currently processing.
Keyboard: Allows you to enter text into the computer.
Mouse: Common pointing device used to enter commands into computer.
Monitor: Output device/display screen.
Printer: Device that produces hard copy of output.
Section 2.2
Basic input/output system: Program that performs basic startup activities.
Operating System: Software that specifies how the computer receives and processes input acts.
Graphical user interface: Windows.
Application Software: Programs that allows users to perform specific tasks.
Multitasking: Working with more than application or document at a time.
Section 2.3
Network: Communication lines or wireless connections are used to connect to computers.
Local Area Network: Network that is in one location.
Wide Area Network: Connects computers across a wide geographical area.
Server: Manages files and services for a network.
Clients: Individual computers on a network.
Network Interface Card: Plug in the network and creates & send the signal to the computer.
Modem: Hardware device that allows a computer to send and receive signals through phone wires and cables.
Section 2.1
Hardware: Physical components of the computer
Software: Instructions that tells the computer what to do.
Central Processing Unit: Where the data is processed.
Random Access Memory: There computer stores data that is currently processing.
Keyboard: Allows you to enter text into the computer.
Mouse: Common pointing device used to enter commands into computer.
Monitor: Output device/display screen.
Printer: Device that produces hard copy of output.
Section 2.2
Basic input/output system: Program that performs basic startup activities.
Operating System: Software that specifies how the computer receives and processes input acts.
Graphical user interface: Windows.
Application Software: Programs that allows users to perform specific tasks.
Multitasking: Working with more than application or document at a time.
Section 2.3
Network: Communication lines or wireless connections are used to connect to computers.
Local Area Network: Network that is in one location.
Wide Area Network: Connects computers across a wide geographical area.
Server: Manages files and services for a network.
Clients: Individual computers on a network.
Network Interface Card: Plug in the network and creates & send the signal to the computer.
Modem: Hardware device that allows a computer to send and receive signals through phone wires and cables.
Chapter 3 Notes
Chapter 3 Notes
Section 3.1
-Internet Service Provider: Business that provides a network to customers that use internet.
-Protocol: Set of rules and procedures that specify how data are formatted and transferred between computers.
-Hypertext Transfer Protocol: Used to transfer files from a web server to a browser.
-File transfer protocol: A method of uploading and downloading files on the internet.
-Intranet: A LAN or WAN that makes it easy to share information within an organization.
-Extranet: Network that can be accessed by outside users.
Section 3.2
-URL: A unique that enables a browser to locate specific pages on the web.
-Domain Name: Part of the URL that ids the entity that sponsors the website.
-Domain Name Extension: Part of the URL that tells the user what type of organization uses the address.
-Accessibility Option: Allows differently abled individuals to access and use web pages.
-Search Engine: App that locates info about web pages and stores the info in searchable database.
-Web Directory: Search tool that catalogs websites by topic or category.
-Keyword: Important word related to the topic you are trying to locate.
-Boolean Search: A search that combines keywords to locate specific pages.
Section 3.3
-Text Editor: App used to enter and edit HTML code.
-Website development App: App used to create websites.
-WYSIWYG: What you see is what you get.
-Web hosting Service: Service that sells web server space for a monthly fee.
-External Hyperlink: Hyper link that takes users to a different page on a website.
Section 3.1
-Internet Service Provider: Business that provides a network to customers that use internet.
-Protocol: Set of rules and procedures that specify how data are formatted and transferred between computers.
-Hypertext Transfer Protocol: Used to transfer files from a web server to a browser.
-File transfer protocol: A method of uploading and downloading files on the internet.
-Intranet: A LAN or WAN that makes it easy to share information within an organization.
-Extranet: Network that can be accessed by outside users.
Section 3.2
-URL: A unique that enables a browser to locate specific pages on the web.
-Domain Name: Part of the URL that ids the entity that sponsors the website.
-Domain Name Extension: Part of the URL that tells the user what type of organization uses the address.
-Accessibility Option: Allows differently abled individuals to access and use web pages.
-Search Engine: App that locates info about web pages and stores the info in searchable database.
-Web Directory: Search tool that catalogs websites by topic or category.
-Keyword: Important word related to the topic you are trying to locate.
-Boolean Search: A search that combines keywords to locate specific pages.
Section 3.3
-Text Editor: App used to enter and edit HTML code.
-Website development App: App used to create websites.
-WYSIWYG: What you see is what you get.
-Web hosting Service: Service that sells web server space for a monthly fee.
-External Hyperlink: Hyper link that takes users to a different page on a website.
Chapter 4 Notes
Chapter 4 Notes
Section 4.1
-HTML: The code used to create web pages.
-HTML Tag: Text contained between 2 angle brackets that tells the web browser how to display a page’s content.
-Starting Tag: The first pair of HTML tags, also known as an opening tag.
-Ending Tag: The last pair of HTML tags, also known as a closing tag.
-Nested Tag: An HTML tag inside another tag.
-Empty Tag: HTML tag that only has an opening tag.
-Source Code: Text an HTML commands used to create a web page.
Section 4.2
-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 that included in an HTML tag to specify a characteristic of a web page.
-Ordered List: A list that contains items that are numbered in a defined sequence.
-Unordered List: A list that appears in any way.
Section 4.3
-Anchor Tag: HTML tag used to make hyperlinks.
-Text Link: Type of link in which users click text to activate link.
-Graphic Link: A type of link in which user click on an image to a link.
-Absolute Link: A type of link that contains complete URL or path of the file linked to.
-Relative Link: A type of link that is used when linking to a local file such as one within a website.
-Debugging: Locating and correcting errors in HTML code.
- Testing: Process of repeatedly checking the web page and site to be sure certain elements display correctly.
Section 4.1
-HTML: The code used to create web pages.
-HTML Tag: Text contained between 2 angle brackets that tells the web browser how to display a page’s content.
-Starting Tag: The first pair of HTML tags, also known as an opening tag.
-Ending Tag: The last pair of HTML tags, also known as a closing tag.
-Nested Tag: An HTML tag inside another tag.
-Empty Tag: HTML tag that only has an opening tag.
-Source Code: Text an HTML commands used to create a web page.
Section 4.2
-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 that included in an HTML tag to specify a characteristic of a web page.
-Ordered List: A list that contains items that are numbered in a defined sequence.
-Unordered List: A list that appears in any way.
Section 4.3
-Anchor Tag: HTML tag used to make hyperlinks.
-Text Link: Type of link in which users click text to activate link.
-Graphic Link: A type of link in which user click on an image to a link.
-Absolute Link: A type of link that contains complete URL or path of the file linked to.
-Relative Link: A type of link that is used when linking to a local file such as one within a website.
-Debugging: Locating and correcting errors in HTML code.
- Testing: Process of repeatedly checking the web page and site to be sure certain elements display correctly.
Chapter 5 Notes.
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
Chapter 6 Notes
Chapter 6 Notes
Section 6.1
-Content: Text and graphics on a web page.
-Inverted Pyramid: Type of narrative structure that puts the most important info at the beginning.
Section 6.2
-Pixel: A single point in a graphic image.
-Screen Resolution: The amount of pixels a monitor can display.
-Safe Area: Amount of space available on every web browser and system.
-White space: An area on a web page without any content.
-Proximity: The closeness of elements on a web page.
Section 6.3
-Logo: A symbol used to represent a business or an organization.
-Title Graphic: An image that appears at the top of every page of the website.
-Table: An item used to display data and content.
-Column: Cells in a table arranged vertically.
-Row: Cells in a table that are arranged horizontally.
-Cell: Each individual square in a table.
Section 6.4
-Navigation Link: A button that takes users to other webpages.
-Hover Button: A navigation button that changes appearance when toughed by a mouse pointer.
-Active Button: A click button that is in the process of doing something.
-Interactive Button: A button that changes that lets the users know an action has taken place.
-Link Bar: A related groups of links also known as a navigation bar or table of contents.
-Footer: The bottom portion of a webpage that usually contains date info, copyright, contact info, and text links.
Section 6.1
-Content: Text and graphics on a web page.
-Inverted Pyramid: Type of narrative structure that puts the most important info at the beginning.
Section 6.2
-Pixel: A single point in a graphic image.
-Screen Resolution: The amount of pixels a monitor can display.
-Safe Area: Amount of space available on every web browser and system.
-White space: An area on a web page without any content.
-Proximity: The closeness of elements on a web page.
Section 6.3
-Logo: A symbol used to represent a business or an organization.
-Title Graphic: An image that appears at the top of every page of the website.
-Table: An item used to display data and content.
-Column: Cells in a table arranged vertically.
-Row: Cells in a table that are arranged horizontally.
-Cell: Each individual square in a table.
Section 6.4
-Navigation Link: A button that takes users to other webpages.
-Hover Button: A navigation button that changes appearance when toughed by a mouse pointer.
-Active Button: A click button that is in the process of doing something.
-Interactive Button: A button that changes that lets the users know an action has taken place.
-Link Bar: A related groups of links also known as a navigation bar or table of contents.
-Footer: The bottom portion of a webpage that usually contains date info, copyright, contact info, and text links.
Chapter 7 Notes
7.1 Principles of Presentation Design
Consistency- Logical coherence amongst part using similar elements throughout a site.
Repetition- Duplicating specific elements on all or most of the site’s pages.
Page Banner- Text and graphics at the top of a page such as a sites logo or title graphics.
7.2 Color Scheme Guidelines
Color Scheme- A set of selected colors used consistently on a web site.
Web-Safe Color- The 216 colors that display consistently from computer to computer.
7.3 Typography and Fonts
Typography-The style, arrangement, and appearance of text.
Font- A family of letters, numbers, and symbols that share a consistent style.
Point- Traditional unit of type measurement.
Alignment- Position of text on a page such as right, left, or centered.
Serif- Font with an extra line or curve at the end of letters and numbers.
Sans Serif- Doesn’t have an extra curve or line at the end of letters and numbers.
7.4 Creating subpages
Subpage- A page that’s a child of another page.
Image Map- A graphic with clickable areas, called hot spots, that link to other pages.
Hot Spots- A graphic link to a related page or another area on the same page.
Consistency- Logical coherence amongst part using similar elements throughout a site.
Repetition- Duplicating specific elements on all or most of the site’s pages.
Page Banner- Text and graphics at the top of a page such as a sites logo or title graphics.
7.2 Color Scheme Guidelines
Color Scheme- A set of selected colors used consistently on a web site.
Web-Safe Color- The 216 colors that display consistently from computer to computer.
7.3 Typography and Fonts
Typography-The style, arrangement, and appearance of text.
Font- A family of letters, numbers, and symbols that share a consistent style.
Point- Traditional unit of type measurement.
Alignment- Position of text on a page such as right, left, or centered.
Serif- Font with an extra line or curve at the end of letters and numbers.
Sans Serif- Doesn’t have an extra curve or line at the end of letters and numbers.
7.4 Creating subpages
Subpage- A page that’s a child of another page.
Image Map- A graphic with clickable areas, called hot spots, that link to other pages.
Hot Spots- A graphic link to a related page or another area on the same page.
Chapter 4
Chapter 8
Section 8.1
-Shared Border: An area that remains the same on all or some of the pages on a website.
Section 8.2
-Raster Graphic: A graphic made up of pixels aka bitmap graphic.
-Paint Program: A type of software app that is used to create raster graphics.
-Vector Graphic: A graphic composed of simple lines defined by mathematical equations.
- Draw program: A software program that creates vector graphics.
-GIF: Graphic interchange format. A graphic file with 256 possible colors.
-JPEG: Joint photographic experts group. A graphic with millions of colors.
-Lossless Compression: A compression scheme where you lose none of your data.
-Lossy Compression: Less data.
Section 8.3
-Scanner Hardware that converts a printed image to digital format.
-Digital Camera: A camera that saves digital images.
-DPI: Pixels per inch.
-WordArt: Text objects with special formatting applied.
Section 8.4
-Resizing: Changing the size of an image without losing data.
-Aspect Ratio: The relationship the images height and width.
-Resampling: Changing the number of pixels in a graphic to match a new size.
-Cropping: Removing portions of an image.
-Photo Gallery: A collection of photographs with a description.
-Thumbnail: Small image that links to a larger version.
Section 8.1
-Shared Border: An area that remains the same on all or some of the pages on a website.
Section 8.2
-Raster Graphic: A graphic made up of pixels aka bitmap graphic.
-Paint Program: A type of software app that is used to create raster graphics.
-Vector Graphic: A graphic composed of simple lines defined by mathematical equations.
- Draw program: A software program that creates vector graphics.
-GIF: Graphic interchange format. A graphic file with 256 possible colors.
-JPEG: Joint photographic experts group. A graphic with millions of colors.
-Lossless Compression: A compression scheme where you lose none of your data.
-Lossy Compression: Less data.
Section 8.3
-Scanner Hardware that converts a printed image to digital format.
-Digital Camera: A camera that saves digital images.
-DPI: Pixels per inch.
-WordArt: Text objects with special formatting applied.
Section 8.4
-Resizing: Changing the size of an image without losing data.
-Aspect Ratio: The relationship the images height and width.
-Resampling: Changing the number of pixels in a graphic to match a new size.
-Cropping: Removing portions of an image.
-Photo Gallery: A collection of photographs with a description.
-Thumbnail: Small image that links to a larger version.