<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>web design</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/" />
    <link rel="self" type="application/atom+xml" href="http://webdesign.katybeck.com/atom.xml" />
    <id>tag:,2009-01-02:/9</id>
    <updated>2009-01-03T16:09:10Z</updated>
    <subtitle>GRAPH-3271-01</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.2-en</generator>

<entry>
    <title>January 7</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-1/january-7.html" />
    <id>tag:webdesign.katybeck.com,2009://9.949</id>

    <published>2009-01-07T15:38:38Z</published>
    <updated>2009-01-07T16:42:51Z</updated>

    <summary>LectureIntroduction to the Web [slides (PDF)]HTML Part I [slides (PDF)] [sample code (ZIP)]...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 1" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />Introduction to the Web [<a href="http://webdesign.katybeck.com/docs/week1-intro-to-class.pdf">slides</a> (PDF)]<br />HTML Part I [<a href="http://webdesign.katybeck.com/docs/week1-html-part-one.pdf">slides</a> (PDF)] [<a href="http://webdesign.katybeck.com/docs/week1-sample-code.zip">sample code</a> (ZIP)]<b><br /></b><div><br /></div>]]>
        <![CDATA[<b>Resources<br /></b>Download <a href="http://www.mozilla.com/en-US/firefox/">Firefox</a> and install.<b><br /><br />In Class</b><br />We're going to create three web pages.<br /><br />

<blockquote><p><i>The first:</i><br />
A menu page, named index.html. At
the beginning it will only contain a link to your bio and resume pages,
but as you do more assignments you will add links to them on this menu
page.</p><p><i>The second:</i><br />
A bio page telling us a little information about you. Include links to relevant websites or blogs, and anything else that
might be interesting.</p><p><i>The third:</i><br />
A resume page that includes a section on education, work experience,
and skills. For examples of simple resumes, take a look at the Career
Services' information on <a href="http://intranet.risd.edu/ContentAdministrator/articles/view/default.asp?department=Career_Services&amp;text=699&amp;page_title=Resumes_+_Cover_Letters">Resumes + Cover Letters</a>.</p><p>In each page, make sure to use proper h1-h3 hierarchy and include meta data.</p></blockquote><br />





 ]]>
    </content>
</entry>

<entry>
    <title>January 8</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-1/january-8.html" />
    <id>tag:webdesign.katybeck.com,2009://9.950</id>

    <published>2009-01-08T15:39:18Z</published>
    <updated>2009-01-08T17:26:49Z</updated>

    <summary>LectureHTML Continued [slides (PDF)] [sample code (ZIP)]Hosting + Domains [slides (PDF)]...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 1" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />HTML Continued [<a href="http://webdesign.katybeck.com/docs/week1-html-part-two.pdf">slides</a> (PDF)] [<a href="http://webdesign.katybeck.com/docs/week1-day2-sample-code.zip">sample code</a> (ZIP)]<br />Hosting + Domains [<a href="http://webdesign.katybeck.com/docs/week1-hosting-domains.pdf">slides</a> (PDF)]<br />
  ]]>
        <![CDATA[<br /><b>Resources</b> <b>for demos</b><br /><a href="http://www.1and1.com/">1and1.com</a><br /><a href="https://addons.mozilla.org/en-US/firefox/addon/684">FireFTP</a><br /><a href="http://www.flickr.com/">flickr</a><br /><a href="http://www.picnik.com/">Picnik</a><br /><br /><b>Homework</b><br /><br /><blockquote><i>Part A</i><br />Set up your
domain and hosting for next week. Upload your in-class exercises from
this week to your new hosting account. Make sure that your index page
is actually named index.html, otherwise nothing will show up when you
type in your domain! This is the start of your process pages for the
class.<br /><br /><i>Part B</i><br />Spend some time in the next week
browsing sites, or use some of the resources provided on the course
website. Create a page that acts as a kind of mood board, with links
and images from at least 5 sites whose design you really like, and a
brief explanation of why they appeal to you. Are there web tools you
use a lot? Is there something you see that you would like to try to
make? Include a link to this page in your index.<br /><br /></blockquote>Post
a comment to this entry telling us what your new domain is, and include
a link to your process pages. Don't worry if these still look a little
rough - next week we start to tackle CSS! <br />]]>
    </content>
</entry>

<entry>
    <title>Getting Lost Online</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/resources/getting-lost-online.html" />
    <id>tag:webdesign.katybeck.com,2009://9.961</id>

    <published>2009-01-08T17:08:36Z</published>
    <updated>2009-01-08T17:25:12Z</updated>

    <summary>Part of your homework for this week is to get lost online. Spend some time wandering around, following links, taking screen captures and savings images. Its your time to figure out what sorts of web sites appeal to you, and...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Resources" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="Week 1" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[Part of your homework for <a href="http://webdesign.katybeck.com/syllabus/week-1/">this week</a> is to get lost online. Spend some time wandering around, following links, taking screen captures and savings images. Its your time to figure out what sorts of web sites appeal to you, and what doesn't. When we start learning about creating the visual interface of a web site, you'll have a useful archive of ideas and imagery to start your own sketches.<br /><br />The resources for this week, therefore, aren't all about web design, per se. They are sites that consistently offer unique and thoughtful insights about the nature of the internet, as well as recent projects that are worth noting in the realms of art and design online.<br /><br /><a href="http://kottke.org/">Kottke.org</a><br /><a href="http://www.alistapart.com/">A List Apart</a><br /><a href="http://www.rhizome.org/art/">Rhizome</a><br />An archive of <a href="http://www.webbyawards.com/webbys/current.php?season=12">Webby Award winners</a><br /><a href="http://www.underconsideration.com/quipsologies/">Quipsologies</a><br /><a href="http://typesites.com/">Typesites</a><br /> ]]>
        
    </content>
</entry>

<entry>
    <title>January 14</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-2/january-14.html" />
    <id>tag:webdesign.katybeck.com,2009://9.951</id>

    <published>2009-01-14T15:39:37Z</published>
    <updated>2009-01-14T20:21:43Z</updated>

    <summary>LectureCSS Part I [slides (PDF)] [sample code (ZIP)]...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 2" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />CSS Part I [<a href="http://webdesign.katybeck.com/docs/week2-css-part-one.pdf">slides</a> (PDF)] [<a href="http://webdesign.katybeck.com/docs/jan14-sample-code.zip">sample code</a> (ZIP)]<br />
  ]]>
        <![CDATA[<b><br />Resources</b><br /><a href="http://w3schools.com/css/css_reference.asp">w3schools.com</a><br /><a href="http://www.codestyle.org/css/font-family/index.shtml">CSS Font Survey</a><br /><a href="http://oreilly.com/catalog/9780596515058/">CSS Pocket Reference</a> (O'Reilly Books,$10)<br /><a href="http://www.google.com/analytics/">Google Analytics</a><br />]]>
    </content>
</entry>

<entry>
    <title>January 15</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-2/january-15.html" />
    <id>tag:webdesign.katybeck.com,2009://9.952</id>

    <published>2009-01-15T15:40:01Z</published>
    <updated>2009-01-19T19:56:40Z</updated>

    <summary>LectureCSS Part II [slides (PDF)] [sample code (ZIP)][code discussed in class (ZIP)]...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 2" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />CSS Part II [<a href="http://webdesign.katybeck.com/docs/week2-css-part-two.pdf">slides</a> (PDF)] [<a href="http://webdesign.katybeck.com/docs/Jan15-sample-code.zip">sample code</a> (ZIP)]<br />[<a href="http://webdesign.katybeck.com/docs/Jan15-in-class-example.zip">code discussed in class</a> (ZIP)]<br />
  ]]>
        <![CDATA[<b>Resources<br /></b>http://validator.w3.org<b><br /><br />Homework</b><br />Using the html and css you have learned, create a set of pages that takes us on a tour of a place that you feel creative in. Is it your studio, your kitchen, or on the train? Give us a sense of what that place feels like through photographs, drawings, words, or links. This is a chance to go a little crazy with all these new css styles you've just learned, as well as dip your toe into making something thats more expressive than functional.<br /><br />This mini site you build doesn't need to be more than 3-5 pages, but think about how you want to lead us through them. Will we follow links in one big loop, or will we always come back to a central page?<br /><br />We'll meet in small groups on Wednesday and walk through your sites, offer feedback, and answer technical questions. Also, be prepared to discuss what sort of final project you want to make. <br /><br />]]>
    </content>
</entry>

<entry>
    <title>Web Design Inspirations</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-2/web-design-inspirations.html" />
    <id>tag:webdesign.katybeck.com,2009://9.963</id>

    <published>2009-01-19T19:58:32Z</published>
    <updated>2009-01-21T14:23:00Z</updated>

    <summary>These are the sites I discussed in class this week. They run the gamut from the very structured, grid-based design, to expressive pages that make use of positioning and images. If you need ideas, take a look! no one belongs...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Resources" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="Week 2" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[These are the sites I discussed in class this week. They run the gamut from the very structured, grid-based design, to expressive pages that make use of positioning and images. If you need ideas, take a look! <br /><br /><a href="http://noonebelongsheremorethanyou.com/">no one belongs here more than you</a>, Miranda July<br /><br /><a href="http://www.csszengarden.com/?cssfile=005/005.css">CSS Zen Garden</a><br /><br /><a href="http://blackestate.co.nz/">Black Estate Vineyards</a><br /><br /><a href="http://www.projectprojects.com/">Project Projects</a><br /><br /><a href="http://www.learningtoloveyoumore.com/index.php">Learning to Love You More</a><br /><br /><a href="http://www.happycog.com/">Happy Cog</a><br /><br /><a href="http://www.sweetgifs.com/?pg=22">Sweet GIFs</a><br /><br /><a href="http://www.alfa60.com/">ALFA60</a><br /><br /><a href="http://www.alfa60.com/">my city/your mountain</a><br /><br /><a href="http://www.kutztown.edu/acad/commdes/">Kutztown U</a><br /><br /><a href="http://aigalosangeles.org/">AIGA Los Angeles</a><br /><br /> ]]>
        
    </content>
</entry>

<entry>
    <title>January 21</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-3/january-21.html" />
    <id>tag:webdesign.katybeck.com,2009://9.953</id>

    <published>2009-01-21T15:40:39Z</published>
    <updated>2009-01-21T17:12:44Z</updated>

    <summary>LectureDesign Process Part I [slides (PDF)]...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 3" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />Design Process Part I [<a href="http://webdesign.katybeck.com/docs/week3-design-process-one.pdf">slides</a> (PDF)]<br />
  ]]>
        <![CDATA[<b>Resources</b><br /><a href="http://getfirebug.com/">FireBug</a><br /><a href="http://delicious.com/katybeck/webdesign">del.icio.us</a> is always updated<br /><br />We not only got a new president yesterday, we got a new <a href="http://www.whitehouse.gov/">whitehouse.gov</a><b><br /><br />In Class</b><br />Begin thinking about your final project. Create a process page that outlines your projects in terms of goals, audience, scope, etc. Start sketching a site map (it can be digital or drawn - use the tool you're most comfortable with).<br /><br /><blockquote><b>goals</b><br />&nbsp;&nbsp;&nbsp; Thought-provoking or functional?<br />&nbsp;&nbsp;&nbsp; Share your work? Get a job?<br />&nbsp;&nbsp;&nbsp; Come back regularly, or visit once?<br />&nbsp;&nbsp;&nbsp; <br /><b>audience</b><br />&nbsp;&nbsp;&nbsp; Are they individuals or firms?<br />&nbsp;&nbsp;&nbsp; Mac or PC users?<br />&nbsp;&nbsp;&nbsp; What language do they speak?<br /><br /><b>scope</b><br />&nbsp;&nbsp;&nbsp; How many pages?<br />&nbsp;&nbsp;&nbsp; How much content?<br />&nbsp;&nbsp;&nbsp; Will it be updated regularly?<br /><br /><b>then what?</b><br />&nbsp;&nbsp;&nbsp; Do your users contact you?<br />&nbsp;&nbsp;&nbsp; Send you feedback?<br />&nbsp;&nbsp;&nbsp; Participate in some event?<br /></blockquote>]]>
    </content>
</entry>

<entry>
    <title>January 22</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-3/january-22.html" />
    <id>tag:webdesign.katybeck.com,2009://9.954</id>

    <published>2009-01-22T15:40:56Z</published>
    <updated>2009-01-22T19:14:37Z</updated>

    <summary>LectureDesign Process Part II [slides (PDF)][sample code (ZIP)] [design resources (ZIP)]Notes from HW2 [slides (PDF)]...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 3" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />Design Process Part II [<a href="http://webdesign.katybeck.com/docs/week3-design-process-two.pdf">slides</a> (PDF)]<br />[<a href="http://webdesign.katybeck.com/docs/jan22-sample-code.zip">sample code</a> (ZIP)] [<a href="http://webdesign.katybeck.com/docs/jan22-design-resources.zip">design resources</a> (ZIP)]<br /><br />Notes from HW2 [<a href="http://webdesign.katybeck.com/docs/week3-notes-from-hw2.pdf">slides</a> (PDF)]<br />
  ]]>
        <![CDATA[<b>Resources<br /></b><a href="http://delicious.com/help/linkrolls">del.cio.us linkrolls</a><br /><a href="http://www.flickr.com/badge.gne">flickr badge</a><b><br /><br />In Class</b><br />Yesterday you worked on creating a page that had the basic goals, audience, and <br />scope of your web site. Add an image of your site map to this page (scanned is fine).<br />Today be thinking about what type of wireframes are most appropriate for your project. Using your goals and sitemap as a guide, start making wireframes for your site. Create a separate wireframe for a main page, a sub page, and a detail page. Post them to your process pages.<br /><br /><b>For next Wednesday</b><br />Using the wireframes from this week as a pattern, start sketching what you want your site to look like! Bring a printed copy to class of at least two different sketches of directions you want to go.]]>
    </content>
</entry>

<entry>
    <title>January 28</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-4/january-28.html" />
    <id>tag:webdesign.katybeck.com,2009://9.955</id>

    <published>2009-01-28T15:42:24Z</published>
    <updated>2009-01-03T16:22:47Z</updated>

    <summary>In ClassReview Site PlansWork in class...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 4" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>In Class</b><br />Review Site Plans<br />Work in class<br /><br />
  ]]>
        
    </content>
</entry>

<entry>
    <title>January 29</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-4/january-29.html" />
    <id>tag:webdesign.katybeck.com,2009://9.956</id>

    <published>2009-01-29T15:42:45Z</published>
    <updated>2009-01-30T19:22:37Z</updated>

    <summary>Lecture Going from Sketch to CSS [slides (PDF)]Example Code (before class)(ZIP)Example Code (after class)(ZIP)ResourcesFavicon Maker...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 4" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />
Going from Sketch to CSS [<a href="http://webdesign.katybeck.com/docs/week4-sketch-to-css.pdf">slides</a> (PDF)]<br /><a href="http://webdesign.katybeck.com/docs/Jan29-sample-code.zip">Example Code</a> (before class)(ZIP)<br /><a href="http://webdesign.katybeck.com/docs/jan29-sample-code-after-class.zip">Example Code</a> (after class)(ZIP)<br /><br /><b>Resources</b><br /><a href="http://www.favicon.cc/">Favicon Maker</a><br /><br />
  ]]>
        
    </content>
</entry>

<entry>
    <title>February 4</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-5/february-4.html" />
    <id>tag:webdesign.katybeck.com,2009://9.957</id>

    <published>2009-02-04T15:42:58Z</published>
    <updated>2009-02-04T17:59:27Z</updated>

    <summary>LectureImage Galleries + Embedding Flash [sample code (ZIP)]In ClassTroubleshoot TemplatesWork DayResourcesIf you want to learn more about the jquery examples shown here, these are some good places to start:Jquery TutorialsJquery Cycle plugin...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 5" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />Image Galleries + Embedding Flash [<a href="http://webdesign.katybeck.com/docs/feb4-sample-code.zip">sample code</a> (ZIP)]<br /><br /><b>In Class</b><br />Troubleshoot Templates<br />Work Day<br /><br /><b>Resources</b><br />If you want to learn more about the jquery examples shown here, these are some good places to start:<br /><a href="http://docs.jquery.com/Tutorials">Jquery Tutorials</a><br /><a href="http://malsup.com/jquery/cycle/">Jquery Cycle plugin</a><br />
  ]]>
        
    </content>
</entry>

<entry>
    <title>February 5</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-5/february-5.html" />
    <id>tag:webdesign.katybeck.com,2009://9.958</id>

    <published>2009-02-05T15:43:20Z</published>
    <updated>2009-02-05T16:32:35Z</updated>

    <summary>LectureWhat&apos;s Left + General Maintenance [slides (PDF)]A Few Extra Code Demos (ZIP)ResourcesGoogle Webmaster ToolsIn ClassTroubleshoot TemplatesWork Day...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 5" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>Lecture</b><br />What's Left + General Maintenance [<a href="http://webdesign.katybeck.com/docs/week5-whats-left.pdf">slides</a> (PDF)]<br /><a href="http://webdesign.katybeck.com/docs/feb5-sample-code.zip">A Few Extra Code Demos</a> (ZIP)<br /><br /><b>Resources</b><br /><a href="http://www.google.com/webmasters/tools">Google Webmaster Tools</a><br /><br /><b>In Class</b><br />Troubleshoot Templates<br />Work Day<br />
  ]]>
        
    </content>
</entry>

<entry>
    <title>February 11</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-6/february-11.html" />
    <id>tag:webdesign.katybeck.com,2009://9.959</id>

    <published>2009-02-11T15:44:04Z</published>
    <updated>2009-01-03T16:08:16Z</updated>

    <summary>In ClassWork Day...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 6" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>In Class</b><br />Work Day<br />]]>
        
    </content>
</entry>

<entry>
    <title>February 12</title>
    <link rel="alternate" type="text/html" href="http://webdesign.katybeck.com/syllabus/week-6/february-12.html" />
    <id>tag:webdesign.katybeck.com,2009://9.960</id>

    <published>2009-02-12T15:44:25Z</published>
    <updated>2009-01-03T16:09:10Z</updated>

    <summary>In ClassPresent Final Projects...</summary>
    <author>
        <name>Katy</name>
        <uri>http://www.katybeck.com</uri>
    </author>
    
        <category term="Week 6" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://webdesign.katybeck.com/">
        <![CDATA[<b>In Class</b><br />Present Final Projects<br />
  ]]>
        
    </content>
</entry>

</feed>

