Today
1) Web design: some basics
2) Tools you can use
3) What’s critical
4) Dreamweaver
5) Homework and work time
Web Design: Basics
There are some specific points we need to make as
we start. We will be DESIGNING for the web, but
what ...
Web Design: Basics
For our purposes, you need to determine what you want
your web presence– the site you are going to make...
Your goal: hit your skills + learn
This doesn’t mean that you should find something you can
plug-and-chug into and stop; t...
For some of you…
That might mean working with Dreamweaver. We’ll be
working in DW later today so you can see some specific...
Others…
Will want to use some sort of Content Management
System (or CMS). I will suggest several here, but you are
welcome...
WordPress
Pro tip: You can do MUCH more
if you own your own webspace
and upload an install of
WordPress than you can with
the WordPr...
Tumblr
Weebly and Wix
Google Sites
The key for you…
…is to figure out what you want the site to look like when
you’re done. That’s why the wire-frame and moc...
Pro tip: one of the keys you
need to think about with your
site is FUNCTIONALITY. The
reason something like
WordPress is o...
Let me show you…
…some Dreamweaver. Please pull up the PSD file from the
course website, posted with today’s PowerPoint.
I...
Your homework
For next class, I want you to have a sophisticated mock-up
of your web presence/site. This should include a ...
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
Visual Rhetoric: Some Web Odds and Ends
Upcoming SlideShare
Loading in …5
×

Visual Rhetoric: Some Web Odds and Ends

415 views

Published on

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
415
On SlideShare
0
From Embeds
0
Number of Embeds
145
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Visual Rhetoric: Some Web Odds and Ends

  1. 1. Today 1) Web design: some basics 2) Tools you can use 3) What’s critical 4) Dreamweaver 5) Homework and work time
  2. 2. Web Design: Basics There are some specific points we need to make as we start. We will be DESIGNING for the web, but what we’re going to do isn’t, specifically speaking, the “job” of a web designer. You might not be required to work as intimately with code as a professional web designer.
  3. 3. Web Design: Basics For our purposes, you need to determine what you want your web presence– the site you are going to make– to look like. That requires the standard wire framing and some mock-up work. But at that point, your tasks change. Instead of needing to code from scratch, you need to determine the best possible way to accomplish your site design goals.
  4. 4. Your goal: hit your skills + learn This doesn’t mean that you should find something you can plug-and-chug into and stop; that’s not learning design. That’s using a template. BUT templates and content- management can be really useful for creating sites. You need to balance your needs with your level of skill. You should still be learning, but you don’t want to make the curve too steep
  5. 5. For some of you… That might mean working with Dreamweaver. We’ll be working in DW later today so you can see some specifics. Dreamweaver is good for people who either know code, want to learn code and are not afraid to stare it down, want to “borrow” easily from the web, or think they might want to look into a web job, as it is the industry standard.
  6. 6. Others… Will want to use some sort of Content Management System (or CMS). I will suggest several here, but you are welcome to look at and into others.
  7. 7. WordPress
  8. 8. Pro tip: You can do MUCH more if you own your own webspace and upload an install of WordPress than you can with the WordPress app itself.
  9. 9. Tumblr
  10. 10. Weebly and Wix
  11. 11. Google Sites
  12. 12. The key for you… …is to figure out what you want the site to look like when you’re done. That’s why the wire-frame and mock-up matter so much. You can then determine if one or the other of those tools will work for you.
  13. 13. Pro tip: one of the keys you need to think about with your site is FUNCTIONALITY. The reason something like WordPress is often superior to tool like Google Sites (or even to hand coding) is that you can automate how content is added and displayed.
  14. 14. Let me show you… …some Dreamweaver. Please pull up the PSD file from the course website, posted with today’s PowerPoint. I’m going to show you some basics as well as how you would start to move pieces over from Photoshop into DW.
  15. 15. Your homework For next class, I want you to have a sophisticated mock-up of your web presence/site. This should include a wire- frame and mock-up as well as a list of what features the site needs to be able to accommodate. We will talk about how to realize these designs.

×