
My favorite picture is an improvement on my pirate picture from project #7. Since the background is an animated drawing I thought it would look cool if the pirate boy was animated also. I then decided he needed a black frame. I’m going to print this up for a poster for the playroom, our guest room for the grandkids.
1. What was your experience using Layer Comps? In what way will you continue using Layer Comps in future projects?
Layer comps are cool, but I was a little nervous with making a series of pictures and figuring how to get layer comp to apply. I made all the changes by hand in another file and then redid the layers comp. I’ll continue to experiment with comps.
2. Please describe which method you used to produce your slices. Did you experience challenges? After completing this part of the project, will you use slicing in future projects? Please review the Smashing Magazine link to see how Photoshop is being used to create web page layouts and assets. What are your thoughts about using Photoshop in your future web projects?
- I sliced using the divide button because I couldn’t get consistent button sizes doing it by hand.
- Smashing Magazine had a lot of helpful ideas and links. After reading one article I googled photoshop shortcuts and found some useful charts to post near my desk.
- I thought slicing was handy. I’m sure I’ll use it as I develop my website.
3. In Part 2, you added images to your CSS to create a rollover without the text added to your image. The text was added in the XHTML. Which method of adding buttons do you prefer in your web design, rollover buttons using Dreamweaver or adding the image to your CSS? Why?
- The text was part of the image created in photoshop. I guess I misunderstood the instructions. Doing it in the future, I would put the text in XHTML, and I’d use the rollover buttons of Dreamweaver. (Actually, though, I find rollovers a little boring, and prefer some of the spry widgets that are available through the Dreamweaver user community.)
4. What web asset did you create for Part 3? Did you create any additional assets for your web site? Which ones?
I browsed the internet and found some freely downloadable horizontal clip art. I installed it as a background image of a class and added the class as an attribute of the HR tag, which I then placed between sections on projects 3 through 8. I also put it between sections on project 2, but since project 2 (and 1) were done before I arrived at a common style, these projects still don’t have the same “look and feel” as the rest of the projects.
5. Did you complete the bonus? Tell us how you completed it.
Yes, I completed the bonus item. Actually, I did so before I realized it was even a bonus item; I simply thought it was necessary to endow project 1 with the same navigation bar as the rest of the projects. The way I did it is essentially this: I hacked! First, I added the navigation bar to all the other project web pages. Then I went into the HTML code and grabbed all the stuff that looked like it related to the rollovers – the div tags that supply the normal and rollover images; the preloading of the rollover images in the body tag; the javascripts that implement the rollover; and the title and author text that I made part of the same “boilerplate” header, with the navigation buttons.
That all seemed totally sensible, and I expected it to work just fine. It didn’t, until I hacked around some more, and figured out that some of the crud at the very top of the HTML file – crud that I don’t really know what means – had to be replaced as well. What I think it was all about was that this crud identified the HTML as being of an older so-called standard, whereas when I just cut-and-paste this boilerplate from one of the other projects, it worked fine.
What gave me the clue that this might be necessary was that I happened to notice, in Dreamweaver, when I hovered over the index.html file tab for project 1 versus all the other projects, all the latter had “(XHTML)” jotted down to the right of the pathnames, whereas project 1 did not.
I was a little nervous that changing that boilerplate might bust the slide show, but make the rollovers work. Well, it makes the rollovers work. And the slide show still works, too. The one downside, though, is that unlike before, when I navigate to the Project 1 web page, I get a dialogue box pop up to warn me that a “local application” is trying to communicate with an “Internet-enabled location”. I don’t know what that means, but if I just close that box, the slide show works fine.
6. What keyboard shortcuts are you using regularly now?
Mostly the same ones, but now that I have my handy shortcut chart I’ll try to do more.
http://sws.pcc.edu/student/CAS208_pdeangel_16723/annnickerson75/Project9/index.html