Honors CSCE 102 Study Guide for Test 1

No hats allowed on test days.

Test Format - No multiple Choice - No True false

On the test you will solve problems by writing code, answering questions about code that is given, correcting, changing, or filling in the blanks in code. There will also be a few short answer and explanation questions.

General Information

• Control a, Control c, Control x, and Control v
• What is the purpose of HTML?
• What type of language is HyperText Mark-up Language?
• Is HTML a programming language?
• What file extensions can be used to create an HTML document?
• What is contained in the HTML source document? (In your notes)
• What is the difference between a text editor and a word processor?
• What is wrong with using Microsoft Word instead of the text editor to write HTML code?
• What is an HTML editor?
• Give a good definition for (In your notes)
  • software
  • computer program
  • hardware
• Is a browser hardware or software?
• Name three browsers.
• Explain what the browser does.
• Is a browser the same thing as a search engine?
• How can you view the HTML code that created a web page?
• What does the browser do when it encounters an unknown tag?
• Can Microsoft Word create an HTML document, inserting the tags without you coding them? Explain?
• Name ways to open the html document in the browser.
• Explain exactly what an element is when you are looking at the code. How is it different from a tag? Know the difference.
• Know the difference in an element name and an attribute name. (if asked for an element name give the element name without any attribute names)

HTML

• What are the two sections of an HTML document?
• What elements can only go in the head?
• What elements can only go in the body?
• What is an empty/void element?
• Name the empty elements that we have discussed. (In which section can each element be placed?)
• What does the title element do?
• Nesting elements properly
• Be able to use the elements that we have used in class.
• Which elements are inline/phrase elements, which are block-level elements; what is the difference?
• Special entity characters (Web Design textbook pgs 44, do not memorize)
• Be able to identify and correct simple errors in the code.
• What is a comment tag?
• How is a comment tag different from other tags? What are the two things that they are used for? What does a comment look like?
• Where can a comment be placed?

Images

• Does an HTML file (filename.html) ever actually contain an image?
• Types of images gif/jpeg/png (Chapter 6)
• Saving an image from the web.
• Using an image that is on the web that you do not save.
• How do you place an image on a web page?
• *Be able to write the code.
• Is the image element an empty element?
• Attributes used in the img element. Which of these attributes are required?
• What does the alt attribute do?

Anchor Element

• What is a hyperlink? (pages 48-48 Web Design book)
• Creating a hyperlink using the anchor element
• *Be able to write the code
• Linking to other files that you have created.
• When is the path name necessary?
• *Creating an image that is a link. Be able to write the code. (pgs. 146)
• Internal/fragment identifiers, external, combined pgs. 248)
• Target attribute

Lists

• Types, ordered, unordered, definition/ description
• Be able to write the code to create a list.
• *Be able to write the code to create a nested list (in your notes)

User defined elements

• What are custom elements?
• div (Container element, block level)
• span is in-line but works just like div, (pgs. 124)
• Be able to use them to solve a problem.
• Know how to use them and which one to use

Cascading Style Sheets

• How do we separate presentation from structure?
• What are Cascading Style Sheets? (starts in Chapter 4, pg 109)
• How can we put a comment in CSS?
• What are the three types of CSS and how to use them? ( internal/ embedded (pg 118), external (pg 120), and local/inline, (108-109)
• The type that takes precedence and inherits from and overrides the others is the one that is listed last. So if the style element occurs after the link element the internal override the external. Have you tested this?
• Cascading, inheritance, nesting
• Internal Style Sheets ? What are they? How is the style element used?
• External Style Sheets, How to create? What is the file extension? Using the the link element
• *Classes creating multiple styles for one type of element. (114-115)
• Using the id selector to create different styles. (114-115)
• What are properties? How are they used? What is the format?
• *What are the possible values or types of values for the following properties and what do they do? background-color, color, text-align, font-size, font-style, font-weight, text-decoration, text-transform (pg 364), text-indent, font-variant, and line-height, border.
• The font-family is listed in quotes because it is sometimes multiple words.
• Creating local styles. When would a local style be used?
• The use of color
• Using color hexadecimal value representation
• *Be able to look at the code and figure out the exact style using classes, id, local styles(remember the inheritance)
• Using Pseudo-classes (not for links)we used :hover on other elements
• Using Background images (chapter 5)
• Positioning background images
• Favorites icon (pgs 162) don't memorise this code, just know how it works.

Programming - From your class notes

• Developing the algorithm
• Computer languages
• Programming Languages
  • high level
  • low level; assembly language, machine language
• binary, binary code
• Assembler/Compiler/ Interpreter
• Syntax/grammar
• Logical flow; sequential, conditional, looping, go to/ jump
• Logical errors
• Syntax errors
• Debugging
• Testing

JavaScript

• What type of language is JavaScript?
• What are the three locations that you can put JavaScript? (Specific locations, Not the head and the body)
• Know the syntax so that you can write the code correctly.
• What is an event handler? (What is an event?) Name event handlers. What can you make happen when an event occurs?
• Be able to write the code, to solve a problem, by making a web page interactive using an event handler.
• alert, prompt (built in methods/functions of the windows object) Be able to use to solve a given problem.
• Two types of JavaScript comments
• Objects and properties
• Giving a value to a property. Example: document.body.style. backgroundColor ="red"
• Variables (In your class notes and DOM, chapter2)
• Define a variable? (In your class notes.)
• The relationship between the variables name, the data type, and the value.
• Naming variables - valid variable names.
• Data types - Look in your notes(also Web Design Chapter 2 - DOM)
  • What are the data types?
  • Identifying the data type
  • Changing the data type
  • Loosely/weakly typed
• Assignment statements
• Determine how to solve the problems of how to change the presentation of particular parts of the web page after the page has loaded and write the code in JavaScript to do it.
• How to change the values of CSS properties with JavaScript.
  • Using:
    • this.style.
    • getElementById In your notes and on Lab assignments and (Chapter 3 of DOM)
    • document.body.style.
• concatenation
• Be able to write the code to solve the problem.
• Finding and correcting errors in code
• Following the logic in code that is given

Creating an image map

• Map and area elements,
• Shapes: circle, rect, and poly
• The coordinates for each shape
• img element in relation to an image map
• What ties the image to the map?

What to study:

In the Web Design book

• Chapter 1
• Chapter 2 all except The HTML5 structural elements - on test 2).
• Chapter 3 - color
• Chapter 4 CSS
• Chapter 5 Images
• Chapter 6
• Chapter 7 pseudo-classes only.
• Chapter 8 only relative links, fragment identifers and figure and figcaption.
• Chapter 11 pages 344-349 CSS transform, transition.

* Will be on the test

Not on this test but will be on Test 2:

• Tables
• Text boxes
• Buttons
• If statements
• Image rollover
• Arithmetic
• Math. functions
• Functions with parameters