Web Design
Web Design is a full year class open to all students. Students learn about the fundamentals of web design coding and layout while researching and applying the usability principles.
 Your final project is to create a portfolio website showcasing your work from this course. Every artist should also be a business person. Having marketable skills is only helpful if you market yourself! You may create this site using Wix.com. Take a look at working artist sites for examples. Check out the site by a former student. It is your responsibility to learn a new GUI and teach yourself how to use WIX. Try not to ask me questions unless you get really stuck.
Your site should include the following:
Steps:
How to write an artist statement:
Your site and logo should utilize the following aspects that we have learned in class:
Grading Criteria -- Check out the rubric
0 Comments
 Background An animated gif is essentially a file that rotates through multiple frames in order to create the illusion of movement. They are often used for advertisements (see image above) but they can also be used to make artwork. Your assignment is to create a an artistic quirky animated gif using vector drawings. You may only use your own imagery -- no stock images or tracing previous photographs. Steps to create an animated gif:
Check out this artist and this one who creates such great animated GIFs. Also, this site has some great examples of animated gifs in email marketing. Do you think that animated gifs are fine art, well now they are being given their time in museums! Grading Criteria
 Artist Daisuke Nimura  Student design  Project Description:
Blogging has not been around for long since the history of the Internet is relatively new in terms of world history. This project will allow you to set up your own blog and continually maintain it throughout the first semester of the year. You will learn how to design your blog, how to update it, how to research posts, and how to add different types of content. Remember, your blog is not just for you; it needs to be able to add something to other people's lives. You want to create a successful blog. The blog will be updated for terms 1-3. Assignment: Your assignment is to create a blog using weebly. You will write about art, web design, your lives, popular culture, and many times will have time to write free posts. Tips:
How to Make Your Blog Fantastic:
How you will be graded each term:
Resources: 5 Ways to Find your Blogging Personality How to Write an Awesome Blog Post Top 10 Bloggers Exemplars: Option 1: Book Cover
Option 2: Album Artwork
  Background We are living in a technology-driven world. We see it everywhere we look. Many colleges require students to purchase a laptop, virtually all businesses cannot survive without technology, and we ourselves feel the impact with iPads. As professional web designers, we need to keep ourselves up to date with the newest technology or risk falling behind. It is in your best interest to utilize the success of apps for phones and tablets. Assignment This project requires you to invent and design your own app. This app should be new and exciting. People should want to download your app. You should know the iPad's capabilities in order to understand what it can do. This is where your iPad research comes in. You will have TWO screenshots of your iPad. Screenshot 1 is what the app looks like when you open it. Screenshot 2 should display key features of the app’s capabilities; a visual representation of your application’s capabilities. Read this article about creating an iPad app.
  This is how your root folder should be organized Assignment: Your assignment is to create a fully functioning website with 4 different pages that link to one another using HTML code and utilizing the root folder, absolute paths, and relative paths. The theme of the site is: HEROES or VILLAINS. This assignment will be weighted as a project grade. HTML Directions:
CSS Directions
 EXTRA POINTS: An example of a favicon: the small icon that shows up on your page tab Extra points (+3) if you you want to add a favicon:
  HTML Practice 4: My Favorite Music
Directions: Using Adobe Dreamweaver, create a website the contains info about your favorite genre of music and favorite artists/musicians/bands. HTML
When done, open in Chrome to check and have a friend check over for you. Upload the html file to classroom. Save as yourname.practice4.html.
CSS rules can be made in a separate file, but we will place the CSS rules within the head using a <style> tag. See how it works below and then move on to practice 3 with CSS. The CSS is written in dark blue. <!doctype html> <html> <head> <style> body { background-color: linen; } h1 { color: #a49dc8; margin-left: 40px; } </style> </head> <body> </body> <html> Directions: Create a website describing your favorite food.
1) In the <head>: Title is “My Favorite Food" Key words: Foods, Yummy, Favorite foods Set the Viewport 2) Headline <h1>: “[your name]’s Favorite Food” 3) Subheadline <h2>: that says the name of your favorite food, ie: Baklava or Pad Thai. 4) Paragraph <p>: Two short paragraphs describing your favorite food. Every time you name the food, bold it. Create a link somewhere in your paragraphs that links to a website that has to do with your food (ie its Wikipedia page or something like that). 5) <hr> horizontal rule after the paragraphs. 6) <img src>: 2 images of the food. Change the width to 400px and give them alternate text. 7) Change the CSS. Look up the CSS codes here.
|
