A great article on the difference between UX and UI Design See some more examples! UX – What is UX Design? A video that talks about the User Experience … why it’s important! See also The Anatomy of User Experience Features of Good Design by Georgia Tech How design successfully for the User of your website: Find…
Category: Assignments for ART 180
Anatomy of a Webpage – (aka Don’t get Head tag mixed up with Header sections)
Dos and Don’ts Don’t get the Head tag mixed up with the sectional div Header!! The HEAD tag <head> </head> has to be between the HTML tag <html> </html>and the BODY <body></body>tag.(SEE EXAMPLE 1 ) Always add a TITLE TAG! The HEAD tag has a tag called a TITLE tag <title></title> that will display the title…
Student Gallery of Websites
Course: Introduction to Web Development Instructor, Dina Pearlman All students here are new to web development, and almost of them have never coded or created a website before this class. Please scroll down to enjoy, click on any image to view the live site. Current students showing here include (top to bottom): Bianca Mistretta Elyssa…
How WordPress Works and other Intro Stuff
Welcome to Intro to WordPress! Your “textbook” will be this blog, all pertinent material and class notes will be posted here, as well as a wealth of resources to peruse over. First great source material can be found at the The Codex site by WordPress.org. Here is the Introduction page. Second, what is the difference…
Easy Form Plug-In for Landing pages (and other pages
Fast Secure Contact Form (see an example here!) Try it!
Landing Page Resources
Learning About Landing Pages A Free Landing Page Course What is a Landing Page and Why Should You Care? What’s a Landing Page? 10 (Not So Dumb) Digital Marketing Questions, Answered Anatomy of an Optimal Landing Page, an info-graphic from Nifty Marketing Free WordPress Landing Page Themes Onesie Just Free’s list of Free Landing Page Themes…
Preparing for crunch time
Tomorrow we are starting our WordPress portfolio project. This will be using a version of WordPress that is customizable, unlike the free blog software that you’ve been using. I am installing the WordPress today, and you may receive an email from Bluehost, our hosting company about it. If you do, don’t worry, we will address…
About favicons
The problem with the demo in class, was that WordPress translated the code into curly left-right quotes, putting “bad code” into your headers. See the example below and retype the text carefully, or to to the link below… in W3 schools for tryout: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_link_sizes To design: Start of designing with a square of any size. Reduce…
Teaching Website Design 
You must be logged in to post a comment.