Published using Google Docs
DIT V22 Module 6 Guided Notes.docx
Updated automatically every 5 minutes

Digital Information Technology

Driven by Design Guided Notes

Building Blocks for Web Design

Objectives

  • Define programming terminology
  • Describe appropriate browser security configurations
  • Explain parts of a web page
  • Use an HTML converter
  • Create a basic web page

Vocabulary

ex. Web page

Single, usually hypertext document on the World Wide Web that can incorporate text, graphics, sounds, etc.

Place your cursor at the end of this sentence and press Tab to add rows

Notes

Describe the uses of the different coding languages.  

CSS:

HTML:

Java:

JavaScript:

PHP:

SQL:

Python:

Block-based programming:

Explain the following concepts.

1. Programming:

2. Algorithm:

3. Data:

4. Code:

5. Functions:

What do HTML documents consist of?

-
-
-

What is the purpose of the character styles?

Which tags are located above the title on a web page?

List some ways to keep your browser secure.

1.

2.

3.

4.

Which tag is used for each of the following:

Body of the web page:

Paragraph:

A large title to display within the body of the page:

The Art of Design

Objectives

  • Define color theory
  • Explain how color theory relates to web design
  • Apply design and color theory to a web page
  • Explore design and color theory to create dynamic and appealing visuals
  • Describe storyboarding techniques

Vocabulary

Place your cursor at the end of this sentence and press Tab to add rows

Notes

Why is contrast important?

How should you decide what colors to use?

What are some suggestions for selecting fonts for your web pages?

-

-

-

How should you select images for your web pages?

-
-
-

What is the purpose of a storyboard?


Image Obsessed

Objectives

  • Access and digitize graphics through various resources
  • Enhance web pages through the addition of images and graphics, including animation
  • Use basic functions of WYSIWYG editors

Vocabulary

Place your cursor at the end of this sentence and press Tab to add rows

Notes

What image hosting sites are available?

List some examples of stock photo sites that are free.

-  

-

How are you able to retrieve pictures from digital cameras or phones?

What does WYSIWYG stand for?

Explain the concept of public domain.

Unless Otherwise Noted All Content © 2022 Florida Virtual School. FlexPoint™ is a trademark of Florida Virtual School.