WD - Website Development [OVERVIEW]

MSCompSci2_OverviewBannerTop

Introduction

Building Your Own Website

Creating a website can be an exciting endeavor where you can showcase your creativity and reach a specific audience online. In this process, you will learn how to develop a blueprint for their website, design it with tailored content for their target audience, and build it using digital tools. By applying design principles, you also will be able to produce professional-looking digital products that stand out. 

Imagine you are passionate about a particular hobby like playing video games. Creating a website dedicated to game reviews or tips for fellow gamers will require you to think about what kind of content would attract your audience and how to layout your webpage effectively to make it engaging and easy to navigate.

Expect to take that journey into the world of website development in this module by learning about techniques and strategies necessary in making digital content that the world can see!

Learning Questions

    • Students will be able to develop a blueprint to create, design, and build a website with digital content tailored to a specific target market.
    • Students will be able to apply design principles to produce professional digital products.
    • Students will be able to create their first webpage using a digital tool.
    • Students will be able to design a plan to debug their first webpage.

Module Key Terms

Alignment | Aligning elements creates a visual connection between elements which leads to order and organization.  

Balance | Provides stability and structure to a design. It is the distributed weight in the design by the placement of elements on the page.

Branding | A name, term, design, symbol, or any other feature that identifies one seller's goods or services as distinct from those of other sellers.

Color | Light reflected off objects. Three main characteristics: hue (the name--red, green, blue, etc.), value (how light or dark it is), and intensity (how bright or dull it is).

Contrast | Emphasizes or highlights key elements by contrasting them with other elements.

Direction | All lines have direction. Horizontal suggests calmness, stability, and tranquility. Vertical gives a feeling of balance, formality, and alertness. Oblique suggests movement and action.

Line | The linear marks made with a drawing tool or the edge created when two shapes meet.

Proximity | Creates a relationship between elements. Elements should be visually connected in some way.  Provides a focal point.

Repetition | Strengthens a design by tying elements together and creating association and consistency.

Shape | A self-contained defined area of geometric (squares and circles), or organic (free-formed) shapes.

Size| The relationship of the area occupied by one shape to that of another.

Space | The distance or area between, around, above, below, or within elements. Positive and negative spaces are important in every design.

Texture | The surface quality of a shape - rough, smooth, soft, hard, glossy, etc.

[CC BY-NC-SA 4.0 Links to an external site.] UNLESS OTHERWISE NOTED | IMAGES: LICENSED AND USED ACCORDING TO TERMS OF SUBSCRIPTION - INTENDED ONLY FOR USE WITHIN LESSON.