This project may be completed by the following students:
1st Year Media Arts Majors.
2nd Year Media Arts Majors.
3rd Year Media Arts Majors.
Technology Concepts Students.
Directions
Pre-Production
The goal for this lesson is not to create a full website (that's a different course that you WILL take in 8th grade), but to make the organizational and visual aesthetic choices necessary for a website.
Make a list of 5 artworks you've made that you want others to see and appreciate.
These can certainly be videos, but do not have to be limited to video content.
Think about the themes and aesthetic choices for those artworks.
What, if anything, do they have in common?
Create a series of 5 or more thumbnail sketches that include the elements listed in the rubric.
Menus/links are traditionally placed across the top, left, or right side of a website. Note that most of the links on Canvas are placed vertically on the left side.
Avoid leaving large, open spaces in your website. Adding an example of your art to fill space in can solve this problem.
Show all of your thumbnail sketches to your Media Arts teacher for approval. They may have advice to make the production and post-production processes easier.
Production
Use a program or website like Method Draw or Vectr to recreate your best website design.
The text tool is very useful for this, but Method Draw does NOT have a spellchecker. PROOFREAD YOUR WORK!
Graphic elements like images (including your logo) can be imported directly into Method Draw. For videos, use your Chromebook's built-in screenshot feature to make a still image you can import as a placeholder.
Method Draw's white background exports as transparent unless you change it. Websites should not have transparent backgrounds.
Post-Production
Not everything that can view SVG files will open them the same way, so you will need to save your SVG file to show you did the work but also export a PNG file to show what you wanted it to look like.
To save an SVG file in Method Draw, click on File, then click on Save Image.
To export a PNG file in Method Draw, click on File, then click on Export as PNG.
Upload your SVG & PNG files, as well as a photo of your thumbnail sketches, so they can be critiqued and graded.
Rubric
25% Thumbnail sketches are included with the project.
25% Design included the following components:
Title
An original logo created by the student.
Student's portfolio of work, or "link" to a section that includes said portfolio.
Fictionalized contact information, or "link" to a section that includes it.
An "Artist's Statement" that summarizes the student's philosophy about art creation.
25% Design is free of negative space, with its elements arranged into logical sections.
25% Design handed in both as the original .svg file and exported 800px x 600px .png file.
Anchor Standard 1: Generate and conceptualize artistic ideas and work.
I:6-8:1: Formulate variations of ideas, goals, and solutions for media artworks by practicing focused creative processes.
E:6-8:1: Work independently to create a visual representation of formulated ideas.
E:6-8:2: Act on creative ideas to generate artistic goals.
E:6-8:3: Predict potential obstacles and generate possible solutions.
Anchor Standard 3: Refine and complete artistic work.
I:6-8:1: Experiment with multiple approaches to produce content and components for determined purpose and meaning in media arts productions.
I:6-8:2: Evaluate, improve, and refine media artworks by intentionally emphasizing particular expressive elements to reflect an understanding of purpose, audience, or place.
1st Year Media Arts Majors.
2nd Year Media Arts Majors.
3rd Year Media Arts Majors.
Technology Concepts Students.