Facebook script

Weebly Website Design

Lesson Plan

Description

Students will learn basic drag and drop coding using Weebly to create an online portfolio of their work. Students will select artwork for a portfolio and create an artist statement describing the main purpose behind their work and their website design choices.

Level

Areas of Study

Collections

Lesson Objectives

Students will learn basic drag and drop coding using Weebly.

Students will select personal artwork to add to a portfolio website.

Students will photograph their work in preparation for a presentation on a portfolio website.

In order to access the full exclusive content, you must be a FLEX Member.

Learn More

Teaching Strategies

  • Demonstrate how to use Weebly to build a website and display their artwork.
  • Guide students on choosing which artwork to add to their portfolio/website.
  • Demonstrate how to photograph artwork for presentation on a website.
  • Show how to view the HTML code within the Weebly website.

In order to access the full exclusive content, you must be a FLEX Member.

Learn More

National Standards


Create

In order to access the full exclusive content, you must be a FLEX Member.

Learn More

Time Requirements

Teacher Prep Time

15 minutes

Demonstration Time

15 minutes

Student Studio Time

2 hours and 40 minutes

Supplies and Materials

  • Digital device
  • Weebly account
  • Completed artwork
  • Camera
  • Access to artists’ portfolio websites

National Standards


Create

In order to access the full exclusive content, you must be a FLEX Member.

Learn More

Steps

What is Coding?

Discuss what coding is and how it is used in website design. View the code of a website by right-clicking on the website and then clicking on View Page Source. Discuss how the HTML code determines what is displayed on the website.

In order to access the full exclusive content, you must be a FLEX Member.

Learn More

Instructional Materials

Anchor Chart

5 Steps to Documenting Artwork

Resource
Manage Material
Create a Unit
ADD

This has been added to

Reference

What is Coding?

Resource
Manage Material
Create a Unit
ADD

This has been added to

Worksheet

What is My Web Design Aesthetic?

Resource
Manage Material
Create a Unit
ADD

This has been added to

Reflection

Artist Statement Checklist

Assessment
Manage Material
Create a Unit
ADD

This has been added to

This has been added to .