Monday, May 3, 2010

Final Time: Tues May 11, 3pm-5pm

Be ready to present your final, online, copy-edited web site. Be prepared to talk us through your thought process, and the various problems you had to work through.

Also, please have a data cd burned for me, with a local copy of all your website files on it.

See you then!

Monday, April 26, 2010

Next class: be prepared

Be ready to show off your website on Wednesday's class. See you then.

Mah Trailer

This trailer shows pretty much everything that appears in the movie, and any movie that has Fried Shrimp well... I just can't pass that up!

Wednesday, April 21, 2010

youtubeclip

Tuesday, April 13, 2010

Monday, April 12, 2010

Just saw Clash of the Titans over the weekend and it made me miss the 'old tech' movies dealing with similiar stories! Start around 3.20.
This is one of my favourite stop animation sequences, although I have not seen the Fabulose Mr Fox yet?


Wednesday, April 7, 2010

Monday, April 5, 2010

Monday, March 29, 2010

Monday, March 15, 2010

Over Break: 2nd-level page sketch, and CSS approach

Just a reminder that, on Monday when we get back from class, I'll want to see sketches of what your second-level pages will look like. You should also have a CSS layout chosen -- have an idea which of the Dreamwever CSS layout will best suit your design. You'll have some time in class to work on adjusting your homepage designs according to the feedback you received in the critique. The week after spring break, we'll be working on designing your second level pages, and begin the process of translating those designs into html.

Tuesday, March 9, 2010

YouTube Clip Round 2

I was debating what to use, then I remembered this from a few years ago.

I'm not trying to offend anyone who may be religious, but shit this is funny.



We can argue my maturity later.

Monday, March 8, 2010

Birdemic

Sunday, March 7, 2010

Wednesday, March 3, 2010

Monday, March 1, 2010

Homework for Wednesday

We'll continue to work on our two mock-ups next class. Please read Chapter 14 of the Dreamweaver book before next class -- I'll be showing some uses of spry.

Here are resources on the subjects I went over in class today:

Slicing web pages:

http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7570a.html

Website page dimensions (983x578 pixels is a pretty safe size, here's more details):

http://www.motive.co.nz/glossary/fold.php

Monday, February 22, 2010

Elisa's video pick

Different ways of building slideshows

Here are some links showing different approaches to slideshows:

Simpleviewer (it's free, uses flash elements, the thumbnails are somewhat large):
http://www.simpleviewer.net/simpleviewer/

Slideshow Pro (flash component that costs about $30, transitions are elegant, you can include video in the slideshows, can go full screen):
http://slideshowpro.net/

Flickr Slideshow (free, easy to adjust content thru Flickr interface, can include video but the limits is 90 seconds per clip, it's obviously branded as a Flickr tool, can go full screen):
http://sncart.blogspot.com/2009/11/japr-flickr-slideshow.html

Lightbox (free, darkens the rest of the web page so that focus is on each image, can't scale to full screen):
http://www.huddletogether.com/projects/lightbox2/

Tutorial download

Here's a link to a tutorial we'll be going over in class:

http://www.box.net/shared/cnubaiqcgf

Sunday, February 21, 2010

Wednesday, February 17, 2010

Due Monday's Class: wireframe for your proposed site

Next class, please come with a wireframe for first and second level pages of the site that you'll be creating as your main project for this class.

Kath's world wide web find....

DISCLOSURE!!! If you find profane language disconcerting and offensive then this is not for you.

video

Wednesday, February 10, 2010

Assignment for Wednesday (2/17)

By next class, have:

1. A website wireframe prepared for one of the sites you picked that is in the same "genre" of the site you'd like to make, their first and second level pages. A wireframe example (click to enlarge):



2. Make a website flowchart as well (you can do a google image search for "website wrireframe" and "website flowchart" to see examples).

 A flowchart example (click to enlarge):



Be ready to talk about the sites you analyzed (via drawing up the wireframe and flowchart) with your fellow classmates next class. Draw up a list: what were the elements you liked about the site? What are the elements you disliked about the site? What elements would you like to incorporate into your own site?

As I said in class, I usually use illustrator for doing up wireframes and flowcharts -- if you have any familiarity with Illustrator, it's a good tool for dealing with text, lines, and boxes. There's a tutorial here that has some good time on wireframing in Illustrator.

Photoshop would be fine too -- though if you're unfamiliar with both Photoshop and Illustrator, I'd recommend just drawing these out by hand. Just make sure the names for all the navigation and content are legible. It might help to use graph paper.

As a recap (and for those who weren't in class): the wireframe is to give an idea of all the pieces of content you need on a particular page. There might be some layout information in it, but it's far more about content than design. And since most sites have homepages that function differently than their interior pages, it's necessary two have at least two wireframes (for first and second tier page functionality) to give an idea of what's going on.

A flowchart, on the other hand, doesn't give an idea of everything that's on a page, but rather gives an idea of how the site as a whole is organized -- how the menu breaks the site into various sections, that may or may not have subsections. You don't need to draw out every single page, but you do need to draw out each section or subsection of your site.

The reasoning behind this exercise is to get you to dig deeply into the site architecture of a site that is trying to solve the same sorts of problems you'll want to solve for your own website. It will hopefully give you some ideas on how to organize your own site (or how not to organize it, as the case may be).
So I want to either design a web site for my friends project Gangstaraid
A semi-serious snowboard filming project
Or a my own company, which I plan to start soon

They would be similar sites like:
syndicateclothing.com
or
thetreeproject.org
So I want to either design a web site for my friends project Gangstaraid
A semi-serious snowboard filming project
Or a my own company, which I plan to start soon

They would be similar sites like:
syndicateclothing.com
or
thetreeproject.org

rubio's web site

lets see here ive already have a site up and im happy with it.  BUT! there are still some fixing and learning to do. :) My site show my photography work and what i will be working on soon, a link to my blog.

here are some sites that i enjoy looking at.
http://www.chrispaynephoto.com/payne.html

www.davidhilliard.com

http://www.davidlynch.com/

Shawn's Web Site

I have a website for my father's business that I need to do some work one. I want to make the front page flash and have better overall design and page flow.
Similar websites:
I want the front page to be like:

Red's Website

I would like to begin to build a website that is dedicated to my future production company that will include all things Hip-Hop, from music to a dictionary for slang (haha) to a clothing line. Here are a few websites I think I will be following:

Rocawear
G-Unit
Dre2001
Young Money
Makaveli Branded

Daniele's video

Kath's thoughts on a website

I want to design a portfolio website that is basic, clean, slick, professional- something that anyone can look at to get an idea of my aesthetic and work.
Some basic websites that are examples of this are Megan Sullivan, Aimee Lee and Meghan O'Connor. Daniele also had a good example of this with Nicoletti Ceccoli. These are pretty cookie cutter but 'nice' and cover all the necessities for a portfolio.
One that I love that is kinetic and bold with lots of personality, but really easy and intuitive to navigate through is Julie Perini!
I also love this 'bio' page on David Shrigley's and think the minimalist approach that Jason Polan takes is stark, but interesting.
It's obvious, I don't like clutter!

Keith's website

Since I'm dedicating this semester to getting my drawing skills up to snuff, I was thinking that I may practice creating a somewhat sophisticaed portfolio site.

A couple of examples:

Hyperboy Studios

Ken Wong
Yuko Shimizu
Michelle Hoefener
Andie DeRoux (Best example of what I had in mind)

Tuesday, February 9, 2010

Daniele's website

I'd like to make a personal website where i can put all my work, such as assignments, projects, images and give a description of them. I think people who are going to visit my site, if somebody will ever do, will be interested in art or digital images.

Elisa's site

My plan is to make a personal website with a blog section inside, and some info about me.
I like these websites:
Brian Hoff well done homepage
Sushi&Robots This is my favorite
RainbeaumarsI like the colors and the navigation
SimpleBits I like the navigation in this one
Mutt Ink The navigation menu should be bigger but I like this site

Tyler Baron's Website

I'd like to remake my portfolio website. I threw it together really fast and I'd like it to be nicer looking. Right now, it only needs to have a home page about me and then branch off to individual pages for the games I've made. Each of those has a description for the game from a game design point of view and a link to download the game to try out. I'm not really looking to change the function of my site, just its rather shotty presentation. The audience will be Grad schools and potential employers.

Alexarts - A rather quirky, but slow loading, portfolio page.

Hello Monday - Just plain crazy sauce.

Magnetic Network - Possibly the most interactive interface... ever.

Beakable - Not sure how I feel about this one...

All Day - Scares the crap outta me, but oddly convincing.

CSS resources

Some resources for class:

CSS lessons at w3schools

CSS syntax (w3schools)

CSS: id & class

The box model (from w3.org)

CSS Positioning (from brainjar.com)

Monday, February 8, 2010

Wednesday assignment -- what kind of site would you like to make?

Your assignment for Wednesday's class:

On the blog, post a one or two paragraph description of the website you'd like to make for the first major "website project" for this class, and provide at least five links to websites that are in the same "genre" of the website you'd like to make -- make sure at least two of the links are sites you think are designed particularly well. In your paragraph, be sure to include who you think the audience for your website will be.

ALSO: please bring the dreamweaver book to class. We'll be using it for an in-class exercise.

Shawn's Youtube Pick

Wednesday, February 3, 2010

Some links for today's class

HTML: tables.

HTML: the iframe tag.

Monday, February 1, 2010

Due on Wednesday

For next class, a reading assignment and brief response:

1. Read the below article, which uses the story we discussed in class as a jumping-off point:

http://www.nomadpete.com/files/fivestanding/hype/hyper-text.htm

2. Write a short paper answering these questions (in response to the story and the linked reading):

a. List three ways in which reading on the internet is different than reading from a book.

b. How is the web-reading experience "non-linear"? And how does linear thinking differ from non-linear thinking?

c. In what way does non-linear reading invite us to be the "author" of texts that we read, even if we didn't in fact write those texts?

Borges' "Garden of Forking Paths"

Here's a paragraph from a story we'll be talking about today -- and creating some hyperlinks with as well:

I said out loud: I must flee. I sat up noiselessly, in a useless perfection of silence, as if Madden were already lying in wait for me. Something--perhaps the mere vain ostentation of proving my resources were nil--made me look through my pockets. I found what I knew I would find. The American watch, the nickel chain and the square coin, the key ring with the incriminating useless keys to Runeberg's apartment, the notebook, a letter which I resolved to destroy immediately (and which I did not destroy), a crown, two shillings and a few pence, the red and blue pencil, the handkerchief, the revolver with one bullet. Absurdly, I took it in my hand and weighed it in order to inspire courage within myself. Vaguely I thought that a pistol report can be heard at a great distance. In ten minutes my plan was perfected. The telephone book listed the name of the only person capable of transmitting the message; he lived in a suburb of Fenton, less than a half hour's train ride away.

Here's the wikipedia page for the story, which contains a link to the full text of it.

Sunday, January 31, 2010


Hi guys!
My name is Marco Ciafarone - obviously Italian, yes!
I'm gonna be here at SNC till May, then I'll come back to the Mediterranean Sea...
Before coming to the States I graduated in Cinema studies and make some little movie experiences in Italy, my dream is to become a director but I love graphic and especially typography!! I love the internet for the accessibility to knowledge that it gives to everyone - so here's a website that I found useful for our textedit problem with html...
Ciao!

Wednesday, January 27, 2010

Tyler's Youtube Clip O' The Day

For those of you who don't know me, which is most of you, I am doing Entertainment Technology. This is to say, Video Game Design. So, I have a tendency to pick apart games as I see them. This is a shorter clip from a series of them that are posted by this user. He has remained level 1 and is defeating all the biggest baddest bosses without ever getting hit. I watch these and find what mechanics allow him to do this. The player has skill, no doubt he's very good, but skill is useless if the mechanics aren't there. With this in mind, here's one of the fights. This guy has the best scream when he's set on fire.

They're Famous

Monday, January 25, 2010

Keith's Youtube clip



Bill Hicks is just amazing.

Chris' youtube pick


Hey, My name is Shawn Clawson. I grew up in Massachusetts on a horse farm, and attended a winter sports academy in maine for high school. Moved to Mammoth after high school to snowboard and moved here a year later to attend SNC. I currently manage this website. A website I visit a lot is twsnow.com

Red's Post

Hello! My name is Patrick Burtt but I am known by most as Red (long story). I am a Native American from The Washoe Tribe of NV and CA. I am originally from Gardnerville, NV but I now live in Reno. This is my 3rd year at SNC, I have not yet declared my major but am leaning toward Digital Art.

My most frequented website would most definitely be Myspace.

Sunday, January 24, 2010

Keith's post


Hmm... what to say here...

Well, I'm a Fine Arts major, with a focus on digital art. I've been in Incline since I was two, but I am thinking about moving once I graduate. As I write this, I'm a big fan of artsy progressive rock... in particular, I've been listening to a lot of Dream Theater, Queensrÿche, Symphony X, Tool, and King Crimson. My website is going to be http://www.homestarrunner.com .

Don't take pictures of myself too often, so here's a webcam picture I took for one of my art classes a while back: (Look above)



Hi I'm Victor Gutierrez. I have lived in Tahoe my whole life.I was a computer science major but have recently changed to art with a concentration on digital art and minor in ETEK.

The website i normally visit is SPCR. Sometimes i use Stumble to when I'm bored.



So, my name is Tyler Arthur. I grew up in northeast Ohio, with the closest major city being Cleveland. I'm in my second semester at SNC, where my major is Interdisciplinary in Entrepreneurship and Digital Art. I like to snowboard a lot, and I am also into photography, especially working with film in the darkroom.

One website that I like a lot is one that is run by my friends back in Ohio. It hasn't been updated in a long time, but I like it. It is for their clothing company called Syndicate Clothing.


Hi!

My name is Daniele Giancola.
My major is computer science but I love digital arts too.

This is one of my favorites websites.

Kath's Post.


My name is Kath McGaughey. I'm originally from Bermagui, (Aboriginal for something poetic and profound) Australia.
I came to Tahoe following the ski season 16 years ago and have never left. I got a little jaded with the ski industry and decided to return to school- here- where I am working on a BFA concentrating in 2 dimensional practices. You can get a taste of my work at kathmcgaughey.freetzi.com (the thumbnails don't open....working on it!).

I'm not a big tech person and am not on the web alot, when I am, I visit omg.com. This is sad, but true.


Saturday, January 23, 2010

Tyler's Post

Here's a lovely picture of me taken at a neighborhood party over break:


About me: I'm a computer science major and ETEK minor. I want to be a video game designer. I graduate this May and I'm going on for my Master's in ETEK followed by a PhD in it. After I finally get out of school, I'm going to either take up a design position or teach ETEK, perhaps back here at SNC?


A website I visit frequently: http://failblog.org/ It helps me get up in the morning.

I have a website for my porfolio of games: snow.sierranevada.edu/~tbaron/index.htm I had a weekend to make it, so I used MS word. It's functional, not pretty.

I also have a blog here on blogger: barongames.blogspot.com Video game related dicussions for kicks.

Elisa's Post!


Hi, my name is Elisa Mancini.
I was born and grew up in L'Aquila, Italy, were I lived for 20 years together with my parents. I was studying Computer Science there, when I won a scholarship that gave me the chance to come here for a whole academic year. This is the greatest thing ever happened to me, and I hope I will be able to enjoy this experience as much as I can!

I found just today website that I think is really well designed and nice to visit: Sushi&Robots

I also have an Italian blog about online earnings and resources, if you want to take a look here is the address: Piccoli Guadagni Online (the title means "small online earnings").

Thanks and enjoy!

Wednesday, January 20, 2010

Rubio's Post


My name is Alejandra Rubio, I have been photographing for about 6 years. I started photographing my native American cultural in Arizona.I moved to Carson City, NV and now attending
Sierra Nevada College, working towards a Bachelor in Fine Art


www.alejandrarubio.freetzi.com



www.alejandra-rubio.blogspot.com







www.davidhilliard.com


Here is Chris' Post

I was born in 1970.

Here s a link.

Welcome to the 2010 SP Web Design class -- Assignment #1

Welcome to the blog for the web design class.

You have one assignment to bring in for next class, on Monday.

Make a post on this blog. You should: a) write a short paragraph about yourself, b) include a picture of yourself, and c) provide a link to a website that you like or visit often. Be prepared, next class, to talk about why you like the website for a presentation of 5 to ten minutes. Talk about:

1. The design of the site
2. The navigation of the site
3. The functionality of the site -- what the site "does."

Also, if you have a website of you own, post a link to that as well.

And don't forget to pick up the book for the class, "Visual Quickstart Guide to Dreamweaver CS4," in the school bookstore.