Fall 2010
Welcome to the Fall 2010 Semester!
I will be uploading all class assignments and handouts to this site.
Please make a point of checking in on a regular basis.
Follow the links on the right-hand side to find your class and the related lesson plans.
Make sure you ‘subscribe’ so you receive my emails.
ADV3550 – Kionic Competition Winners
Hello,
Happy New Year! I hope you all had some nice time off in January. See below for information on the Kionic award winners:
Here were the finalist:
Most Promising New Web Designer Fall 2010: Award $200
http://www.stephavenue.com/
http://elvahsiehdesign.com/index.html
http://www.mariemone.com/index.html
http://fdorado.com/index.html
http://alfredolopez.net/
http://wendyconcepcion.com/index.html
Best Website Fall 2010: Award $300
http://nysportshype.com/index.html
http://doodlegum.com/index.html
http://www.thediycandy.com/
http://www.meetthepros.us/
http://sikenation.com/index.html
http://www.tonyan.org/
And here are the winners:
Most Promising New Web Designer Fall 2010:
http://fdorado.com/index.html
Best Website Fall 2010:
http://www.meetthepros.us/
Congratulations to all of you for your hard work.
Have a great Spring semester!
Genevieve
Week 15 – 7158
Hello class,
Tomorrow is our final class. I would like to collect a final digital version – PDF – of your booklet. For extra credit you can print them out and bind them as I showed in class last week. We will have a short quiz on the vocab words listed below. Good luck! One more day and you’ve made it through the semester. After the quiz it should be a celebration!
Alignment
Rag (left / right)
Flush (left / right)
Justify
Centered (rag left & right)
Small Caps
Ascender
Descender
Drop Cap
Grid: a pattern of regularly spaced horizontal and vertical lines
Page gutter: Line or fold at which facing pages meet.
Spine: the part of a book’s cover that encloses the inner side of the book’s pages and that faces outward when the book is shelved;
Master page
Style sheet
Specs
Text/ body copy
Comp
Greeking/ Latin text: placeholder text, usually it does not make sense.
Text column: A rectangular object that controls the placement of text.
Indent: set in from the margin; extra spaces (usually 5) at the beginning of a paragraph
Bad break: In composition, starting a page or ending a paragraph with a single word, or widow.
Typo: misprint: a mistake in printed matter
River: In typography, rivers, or rivers of white, are visually unattractive gaps appearing to run down a paragraph of text. They can occur with any spacing, though they are most noticeable with wide inter-word spaces caused by either full text justification or monospaced fonts.
Widow: a single word or part of a word on a line by itself, ending a paragraph, or starting a page, frowned upon in good typography.
Orphan: the first line of a paragraph that is set as the last line of a page or column
Leaders:
Text wrap/ runaround: the technique of flowing text around graphic elements.
Clipping path: a means to make parts of an image opaque and parts of an image transparent. Usually it is used to “knock out” the background. It is also a way of changing the rectangular-shaped boundary of a bitmap image into a shape of your choice.
Pull quotes: is a quotation or edited from an article that is typically placed in a larger typeface
Text gutter/ alley
Tint
Gradient
Bleed/ trim
Text inset
Week 14 – 7162
Hello class,
Here are the vocab words to review for next weeks quiz:
Alignment
Rag (left / right)
Flush (left / right)
Justify
Centered (rag left & right)
Small Caps
Ascender
Descender
Drop Cap
Grid: a pattern of regularly spaced horizontal and vertical lines
Page gutter: Line or fold at which facing pages meet.
Spine: the part of a book’s cover that encloses the inner side of the book’s pages and that faces outward when the book is shelved;
Master page
Style sheet
Specs
Text/ body copy
Comp
Greeking/ Latin text: placeholder text, usually it does not make sense.
Text column: A rectangular object that controls the placement of text.
Indent: set in from the margin; extra spaces (usually 5) at the beginning of a paragraph
Bad break: In composition, starting a page or ending a paragraph with a single word, or widow.
Typo: misprint: a mistake in printed matter
River: In typography, rivers, or rivers of white, are visually unattractive gaps appearing to run down a paragraph of text. They can occur with any spacing, though they are most noticeable with wide inter-word spaces caused by either full text justification or monospaced fonts.
Widow: a single word or part of a word on a line by itself, ending a paragraph, or starting a page, frowned upon in good typography.
Orphan: the first line of a paragraph that is set as the last line of a page or column
Leaders:
Text wrap/ runaround: the technique of flowing text around graphic elements.
Clipping path: a means to make parts of an image opaque and parts of an image transparent. Usually it is used to “knock out” the background. It is also a way of changing the rectangular-shaped boundary of a bitmap image into a shape of your choice.
Pull quotes: is a quotation or edited from an article that is typically placed in a larger typeface
Text gutter/ alley
Tint
Gradient
Bleed/ trim
Text inset
Week 13 – 7162
Hello everyone!
We are moving into the final stretch. I know things are busy but three more weeks and you can all relax!!
Here is the handout I gave in class last week: ADV1160_Week12-Cover
The goal for this week is to finish off the cover and the back design for your layout.
We will add pull quotes
We will focus on the design for the individual pages
And we will begin to talk about paper and binding books
Here is a handout about types of binding: ADV1160_Booklets
See you Wednesday!
Week 13 – 7158
Hello everyone!
We are moving into the final stretch. I know things are busy but three more weeks and you can all relax!!
Here is the handout I gave in class last week: ADV1160_Week12-Cover
The goal for this week is to finish off the cover and the back design for your layout.
We will add pull quotes.
We will focus on the design for the individual pages.
And we will begin to talk about paper and binding books.
Here is a handout about types of binding: ADV1160_Booklets
See you Monday!
Week 13 – 7260
Hello everyone!
We are moving into the final stretch. I know things are busy but three more weeks and you can all relax!!
If you have already sent me the link to your website – thank you! The Grace Gallery exhibit goes up this week, so please send me your link so I can submit.
If you have not handed in your copy to me be sure to bring a printed draft of it to class on Monday.
Here is a checklist for the final site due week15 (Dec 20th): FinalChecklist
In class we will continue to fine-tune your site.
Review Flash
1. Frames vs. Keyframes
2. Frame by frame animation
3. Shape tween
4. Library
5. Graphic Symbol
6. Motion tween
We will also look at:
Buttons in Flash and how to link them using action script
and optimizing your site for search engines.
See you Monday!
Week 12 – 7162
Hello,
Hope you all had a nice weekend.
Agenda (Wednesday, November 24)
>> Posters DUE: Please make sure you save your final InDesign file and PDF file into my drop-box folder. Make sure your name are on the files. Example: ‘hitchings-poster.indd and hitchings-poster.pdf’
Posters will be entered into a competition to be selected for the Grace gallery show.
I MUST HAVE YOUR FILE BY MONDAY NOV. 22nd – this Monday.
>> Bring a magazine to our next class. We will be looking at the design of articles.
>> Project II: ADV1160_ProjectOverview
>> Project II copy:ADV1160_CopyForBooklet or ADV1160_CopyForBooklet
>>In class presentations:
- Deanne Cheuk
- Stephan Sagmeister
- Gail Anderson
Homework
Set all the copy for the booklet – 16 spreads – in InDesign
Week 11 – 7158
Hello,
Hope you all had a nice weekend.
Agenda (Monday, November 22)
>> Posters DUE: Please make sure you save your final InDesign file and PDF file into my drop-box folder. Make sure your name are on the files. Example: ‘hitchings-poster.indd and hitchings-poster.pdf’
Posters will be entered into a competition to be selected for the Grace gallery show.
I MUST HAVE YOUR FILE BY MONDAY NOV. 22nd.
>>Everyone was supposed to bring in a magazine. We will be looking at the design of articles.
>> Project II: ADV1160_ProjectOverview
>> Project II copy: ADV1160_CopyForBooklet or ADV1160_CopyForBooklet
>>In class presentations:
- Deanne Cheuk
- Stephan Sagmeister
- Gail Anderson
Homework
Set all the copy for the booklet – 16 spreads – in InDesign
Week11 – 7158
Hello everyone.
Agenda for week 11: Today we will focus on the contact form.
C. Build a ‘contact’ form
Here’s a good, detailed tutorial I recommend watching;
http://www.youtube.com/watch?v=7soyO5DwJMY
-> We will follow this simple tutorial to build our basic form in Dreamweaver:
http://dreamweaverspot.com/adobe-dreamweaver-tutorial-contact-forms/
For the contact form, you will need to download a PHP script provided in the tutorial. PHP is a server-side scripting language that is embedded in html to perform all sorts of tasks. In our case we will download an existing PHP file: ‘FormToEmail.php’ from the tutorial. Make sure the file is saved in the same folder as all your existing html files for your site.
Follow these steps. (Use the tutorial listed above.)
- Drop the FormToEmail.php file into the same folder as your contact.html page.
- Edit the php file as instructed in the tutorial. You will have to change the email address in the form to be yours. (Please note: you cannot test the form until it is up on your server.)
- Create your form in Dreamweaver.
- Add any styling you want to add.
- Publish your files to your site and test them by sending yourself an email
The basic from that we are building in class is not secure, meaning it does not prevent against spam. If you would like to explore other options you might check out this link here:
http://www.freecontactform.com/free.php
Homework:
1. I would like you to post a first draft of your site to your URL and send me a link by Sunday. The site does not have to be 100% complete but by Sunday you should have the homepage built and at least one link of the navigation should be working.
If you need help uploading your site here is a quick refresher:
http://www.vineyardesigns.com/resources/dreamweaver/test_upload.shtml
2. And if I did not yet receive your statement and your work descriptions, please be sure to bring a printed copy of that for me this Monday.