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.
 1) In the head...
Title the page "Music" Set the author Set the viewport Define 5 keywords in regards to this site Give the site a description for search engines <meta name="description" content="This is the text that will show up on search engines. It is important to write 2-5 sentences. It should be under 160 characters because Google truncates text longer than that."> 2) In the body.... Headline: [Your Name]'s Musical Taste Subheadline: Write the name of your favorite musical genre (ie Country Music) 3)Write 1 paragraph describing your musical taste and EMBED a YouTube video that you like. Go to the video, click "Share," then "embed," and copy and paste that code Insert an unordered list with your top 5 favorite bands/artists Insert 1 image of your one of those bands/artists 4)Using CSS, change the style for h1, h2, paragraph, and body to your personal taste! Give the body a margin of 25px. 5) Insert Javascript code so that a button comes up underneath your image that says "Do you know this band/artist?". When it is clicked, that button reveals the name of the artist/band. Remember, that we are putting the Javascript in the body. Write an html comment describing what this code does <!--Remember this is a comment tag-->. <p id="demo">My favorite band/artist</p> <button type="button" onclick="myFunction()">What is my favorite book?</button> <script> function myFunction() { document.getElementById("demo").innerHTML = "Answer to your favorite band/artist"; } </script>
8 Comments
 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. This site is your final project and should reflect the skills we have learned in class.
Your site should include the following:
Steps:
How to write an artist statement:
Topics we have learned in class:
Grading Criteria Check out the rubric her  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 targeted email campaign that includes both text and moving imagery. The email blast should aim to advertise a product or service in a creative way using ONLY your imagery. You may not use stock imagery for this. 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
 Javascript Directions
<button type="button" onclick='document.getElementById("demo").innerHTML = "Yourname"'>Find out!</button> EXTRA POINTS: An example of a favicon: the small icon that shows up on your page tab Extra points (+3) if you 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. |
