Watch some beginning videos here: Adobe
- What can you do with Dreamweaver
- Understand the Anatomy of a Website : Link and Link
- Follow the stages of web design
- Define a Site
Redesign website. This could be a restaurant you frequent, a personal website for someone you know who has a service to offer (designer, plumber, hairstylist, anything). This will not be a responsive design as I would like you to get comfortable with other skills before we get there… This project is our intro project, our longer webpage will focus on responsive design.
WEEK TWO: Research/Planning + Wireframe Stage
Written Design Brief:
What is your product/Company?
What is the company mission?
Who is the target audience?
Wireframe of 1st and 2nd level pages
Use assets/components : See this project as a way to practice beginning web design in Dreamweaver. I’d like to see basic layouts with image and text, divs, experimenting with CSS. Remember: The more time you spend planning, the more cohesive and functional your website will be.
See these great links for ideas on “What makes good website design?“
Today’s class technical demonstrations + discussions:
IN CLASS EXERCISES:
Also: Look at the DEVELOP menu (View Page Source)
In your redesign: things to think about:
Four keys to Designing Connections: 1. Color 2. Logo 3. Type 4. Shape
See this article in Smashing Magazine for 10 Principles of Effective Website Design
Also this one for The Best Designs
Are you thinking in advance as to how to alter your website for IPad or IPhone viewing? Check this handy link for all pixel dimensions of standard screen sizes.
See this link for Google Web Fonts
I’m looking forward to a great semester with you. Today we will talk about an overview of the whole semester, the syllabus, online tutorials and resources and have a short introductory research project and discussion.
I’m thrilled to be teaching this course as we work our way through the components, terminology and features of Dreamweaver. Through hands-on lectures, demonstrations, and projects, the student will learn the essential techniques and functions of Dreamweaver. We will apply the principles of design to create effective, efficient and consistent web designs.
Please click here for our syllabus and always refer to this blog for our assignments, video tutorial requirements and due dates. This is our tentative schedule – but again, absolute deadlines + assignments are always going to be posted here. So check back regularly as I build this site.
Things to go over today:
Let’s talk about the following questions:
Intro research project:
Find 5 websites that you love + 5 websites that you don’t like – Why?
Plan out and research local redesign. Do you know anyone? This is a great way to learn as well as go to them with a better idea.
Some intro and theory-based links to check out:
An excellent, current, publication :
Homework: Check out these tutorials on Adobe.com (we will be revisiting these periodically – bookmark them now!)