beatty@lasalle.edu

Home
Assignments
Resources
Syllabus
Weekly



Web Design and Development
DART/ENG 230

MW 1:55 - 3:10 (S 31); H-167


Oct. 29

October 31

Nov. 5

Today’s topic is Project Planning, (see HTML and CSS Chapter 18 "Process & Design") FTP, (see Chapter 19 "Practical Information"), and CSS review (build a float: layout) and work on your sites.

The process that we are going to discuss today comes from Web Redesign: Workflow That Works. Note that while this is about re-designing, it has become a standard that is “easily adaptable to new Web design projects,” to quote a review in Technical Communication.

Note that there is a similar set of steps at December.com. And this is useful to understand the process of design for clients. Remember that the sites need to be posted to the Web so that I can pull them up. You might want to try FileZilla and FTP a test page to alpha.lasalle.edu if you have not tried that for a while (user name is your normal one; password is the La Salle one: 1234567.abc where 1234567 = your La Salle ID, and abc = first three letters of your last name lowercase). Here are some more complete Posting tips.

Some other tips and suggestions:

  1. Each page is a separate html file. Relative links are then simply
    <a href="resume.html">.
  2. Consider creating a separate links page that annotates those links.
  3. Your site should have at least 300 words of text.
  4. Try the TARGET="_blank" and TITLE="Stuff written here" attributes for your links and also for your images (works better than alt="blah blah" in some browsers).
  5. Follow the CSS we did in class (now on USB only) based on the textbook file—you should have these basics down by now
  6. If your grid from the previous assignment is not working, look back at the Adobe page or my float example (that includes a footer).
  7. And we will build one starting today, going from this page . It could look like this (centered, with your choice of colors).

And here is Video #7 that makes a grid from the page above, plus adds a set of links in a <header> and a <meta> tag.

Web Development Site maintained by John Beatty