http://sws.pcc.edu/student/CAS206_pdeangel_43992/cassandracicero82/FileManagement/Midterm/Website-Part1/
-What worked well for me was creating the basics of the home page first, then copying it to the other pages. After that it was just adjusting the pages to their individual needs.
-My target audience is my family and other people who plan to visit San Francisco. I plan to provide alot of pictures, with descriptions. I also described my experiences with some of the museums that the city has to offerl.
-I used Explorer, FireFox, and Chrome. The differences I noticed is the text size, Chrome is smaller text than the others. The colors, while relatively close, were slightly different between them.
-I spent quite a bit of time on my links, and my lists. I couldn't decide what type of lists I wanted to use where, and how to display them. With my links I had a hard time deciding how I wanted to display them, and how obvious I wanted to make them.
-I had issues getting my CSS to work how I wanted it to. I put the wrong code in the wrong places, so it just didn't work. I had to work to adjust that. Other than that I didn't have very many errors.
-I constantly copied and paced my code throughout my web pages. Why type the same thing repeatedly? I saved and validated often. Kept my code consistent is spacing and lowercases.
Thursday, November 4, 2010
Midterm - Part 1, Leslie Elliott
Here is my link: http://sws.pcc.edu/student/CAS206_pdeangel_43992/leslieelliott56/Midterm/Website-Part1/
What worked well?
The main parts such as the headers, footer, unordered lists and definition list worked as I wanted them to. I had a hard time working on some of the class tags to get them as I wanted. That's mostly why I'm posting so late. I would have been done hours ago, otherwise.
Who is your target audience? What design choices did I choose to attract your audience to your site?
My target audience is my family and friends. I decided to go with a basic layout design to keep it organized and easy to read. Picking out the colors was tough. The color scheme I went with is nothing I started out with and I'm not complete happy with it. Most of the people I know, know that I'm a Seahawks fan so, it was purely unintentional, but that's what I ended up with so I kept it.
What browsers did you test in? What differences did you see?
I tested on IE, Firefox and Opera. I mainly use Firefox so my formatting looked as I wanted it to. When I tested on IE, everything was much larger. Wow! I didn't realize there was such a difference. Opera look the same as Firefox.
What troubleshooting did you experience?
As I mentioned before, I had a hard time keeping the ID and Class selectors straight. With trial and error, I think I have it figured out. I had forgotten about using the element. Once I went through my practice pages and remembered to use them in the listing sections, they worked to make some of the text show as I wanted.
Describe your validating experience.
Validating went pretty smoothly. Just a few errors because I either left out a ">" or ";". Otherwise, no problems.
What best practices discussed in class assisted in your productivity.
Cutting and pasting was a big help. Plus, on the CSS page, keeping a color list is very helpful. I also like using markers which lets me keep track what is what.
What worked well?
The main parts such as the headers, footer, unordered lists and definition list worked as I wanted them to. I had a hard time working on some of the class tags to get them as I wanted. That's mostly why I'm posting so late. I would have been done hours ago, otherwise.
Who is your target audience? What design choices did I choose to attract your audience to your site?
My target audience is my family and friends. I decided to go with a basic layout design to keep it organized and easy to read. Picking out the colors was tough. The color scheme I went with is nothing I started out with and I'm not complete happy with it. Most of the people I know, know that I'm a Seahawks fan so, it was purely unintentional, but that's what I ended up with so I kept it.
What browsers did you test in? What differences did you see?
I tested on IE, Firefox and Opera. I mainly use Firefox so my formatting looked as I wanted it to. When I tested on IE, everything was much larger. Wow! I didn't realize there was such a difference. Opera look the same as Firefox.
What troubleshooting did you experience?
As I mentioned before, I had a hard time keeping the ID and Class selectors straight. With trial and error, I think I have it figured out. I had forgotten about using the element. Once I went through my practice pages and remembered to use them in the listing sections, they worked to make some of the text show as I wanted.
Describe your validating experience.
Validating went pretty smoothly. Just a few errors because I either left out a ">" or ";". Otherwise, no problems.
What best practices discussed in class assisted in your productivity.
Cutting and pasting was a big help. Plus, on the CSS page, keeping a color list is very helpful. I also like using markers which lets me keep track what is what.
Midterm p1 - Christina
Link!
http://sws.pcc.edu/student/CAS206_pdeangel_43992/christinamort21/Midterm/part1/
My audience was meant to be young girls interested in cats. So, I went for a cool/cute theme with the blacks and pinks.
The alignment of text, and the links all did exactly what I was hoping. Instead of everything being centered I let it be off to the side.
The browsers I tested with were...
-Firefox: This was the browser I checked with most of the time. Everything works right.
-Internet Explorer: The words are a bit bolder/larger looking when in this. Otherwise, it's similar to firefox.
-Safari: I had wanted to use chrome, but was having issues, so I tried safari instead! This one views the HOME link strange. It changes the background to black for some reason
when it's suppose to remain gray.
I constantly had issues with links being the wrong color, but I figured it out after a while. I wasn't able to fix it on safari though. I also had issues with picture placement.
I had intended to include an image of a cat on the home page, but I couldn't figure out how to make it work with the strict HTML.
I had no issues with validating CSS. Only once, when I had accidentally added '#', twice in a hex code. As for the HTML, I had little problems. They were easy to fix.
As for best practices...I validated constantly so I wouldn't end up with a large list of errors. I also tried my best to put everything in a nice/consistent order in the HTML.
Overall I tried to keep things simple.
Little went wrong as I was making the site, and
I'm pretty happy with how it turned out. xD
Also! As for the pictures page, I don't plan on leaving it laid out like that.
I just wanted something to fill up some white space.
I'm thinking about adding a cat picture to the Home page...One that's off to the side.
It feels kinda boring without anything there
http://sws.pcc.edu/student/CAS206_pdeangel_43992/christinamort21/Midterm/part1/
My audience was meant to be young girls interested in cats. So, I went for a cool/cute theme with the blacks and pinks.
The alignment of text, and the links all did exactly what I was hoping. Instead of everything being centered I let it be off to the side.
The browsers I tested with were...
-Firefox: This was the browser I checked with most of the time. Everything works right.
-Internet Explorer: The words are a bit bolder/larger looking when in this. Otherwise, it's similar to firefox.
-Safari: I had wanted to use chrome, but was having issues, so I tried safari instead! This one views the HOME link strange. It changes the background to black for some reason
when it's suppose to remain gray.
I constantly had issues with links being the wrong color, but I figured it out after a while. I wasn't able to fix it on safari though. I also had issues with picture placement.
I had intended to include an image of a cat on the home page, but I couldn't figure out how to make it work with the strict HTML.
I had no issues with validating CSS. Only once, when I had accidentally added '#', twice in a hex code. As for the HTML, I had little problems. They were easy to fix.
As for best practices...I validated constantly so I wouldn't end up with a large list of errors. I also tried my best to put everything in a nice/consistent order in the HTML.
Overall I tried to keep things simple.
Little went wrong as I was making the site, and
I'm pretty happy with how it turned out. xD
Also! As for the pictures page, I don't plan on leaving it laid out like that.
I just wanted something to fill up some white space.
I'm thinking about adding a cat picture to the Home page...One that's off to the side.
It feels kinda boring without anything there
Wednesday, November 3, 2010
Be careful classmates!
I just wanted to send a heads up -
When I wrote out my blog I used a couple of codes in my writing to describe my process. Apparently you can't do this because it wants to read it as a code and not just text. It made it so that my link to my site wouldn't work. But I did some troubleshooting and figured it out.
Just thought I'd save y'all the trouble:)
When I wrote out my blog I used a couple of codes in my writing to describe my process. Apparently you can't do this because it wants to read it as a code and not just text. It made it so that my link to my site wouldn't work. But I did some troubleshooting and figured it out.
Just thought I'd save y'all the trouble:)
Midterm - Part 1
Hello Class! Feel free to go check out part 1 of my midterm.
Here is a summary of how things went:
a) I was able to snag the "backbone" of my code from our Java Jam assignment and that made starting a new page from "scratch" easier. (Kind of like the muffins I made from "scratch" the other day, but most of the ingredients came out of a box). Okay, I kid here. I did keep the basic layout of the Java Jam assignment because it worked for what I wanted to do, but I changed it quite a bit. That was a couple of weeks ago, so I don't remember everything, but I do recall playing with the width and that was fun.
b) Christine's target audience would mostly be mom's (or the women of the household) who want to order specialty cakes for their events, but are economically conscience as well. Christine has been using business cards for the past year or so and sent me a link to the card. I tried to snag the image of the card so I could upload it onto Adobe Kuler, but that proved to be one of the more difficult parts of this assignment for me. I believe the folks who make the business cards have heavier copyright restrictions on their site because copying and saving the image was extremely difficult. I finally forfeited and accepted the tiny picture I got from my attempts and used that in Kuler. It wasn't ideal, but it worked. And thus, my color scheme was born. I used white for my background because I read somewhere that some 80/85% of the top 50+ websites have black text on white backgrounds.
Sidenote: I originally snagged a photo off of Christine's facebook of a super nice cake she did with swans on it. It showcased her work well, and had a nice color palette with white, greens, blues, brown, black, and ivory. I thought that the cake used as a type of logo and the color scheme would work well for her target market. But, since she already has cards I figured they should match. Pink and brown look really good together, and it works for selling cakes to moms, (even if that color combo is a little 2008).
c) I tested my site in Firefox, Safari, and Google Chrome (since I couldn't upload IE on my Mac without having Windows installed). Very slight, barely visible differences between the three - except for one thing - my CSS properties for my external absolute link (which I used a class selector for) would not work in Safari. So frustrating! All validated in Firefox, and it looks right in both Firefox and Chrome, so after some failed troubleshooting I ended up tossing it up as a minor loss.
d) Troubleshooting - Well, you just read my example above, but what else? The main issue was getting my ordered list to actually order itself. It was wanting to adopt the styles I assigned for my unordered list, even though my ordered list was farther down in the cascade. So, my first move was to apply a class selector to it. When I first started doing this I was applying it to the ordered list tag and that didn't work. Finally, after fiddling around a bit, I applied it to each line tag in my ordered list and it worked!
e) My validating experience went well. When I'd check it periodically whether things were going as planned or not, it would either pass, or fail and easily point out that I was missing something minor in my code. A good tool to help me find my coding typos!
f) Since there isn't a lot to this site as of yet, I didn't get an opportunity to take advantage of all of my best practices knowledge. However, I kept the pages short and repeated the general look of the site (colors, font, navigation, header, footer, etc) on all of the pages. I also added the background color to the header and footer so there wouldn't be too much white space, and to add some interest. Also, when my text/paragraphs looked too close together (mainly because the page is so short to begin with) I added some paragraph tags with non-breaking spaces inbetween to my code to space things out more and expand the page.
g) If you didn't see it at the beginning of my post, here is another opportunity to check out Cakes by Christine.
Thank you!
Jenee
Here is a summary of how things went:
a) I was able to snag the "backbone" of my code from our Java Jam assignment and that made starting a new page from "scratch" easier. (Kind of like the muffins I made from "scratch" the other day, but most of the ingredients came out of a box). Okay, I kid here. I did keep the basic layout of the Java Jam assignment because it worked for what I wanted to do, but I changed it quite a bit. That was a couple of weeks ago, so I don't remember everything, but I do recall playing with the width and that was fun.
b) Christine's target audience would mostly be mom's (or the women of the household) who want to order specialty cakes for their events, but are economically conscience as well. Christine has been using business cards for the past year or so and sent me a link to the card. I tried to snag the image of the card so I could upload it onto Adobe Kuler, but that proved to be one of the more difficult parts of this assignment for me. I believe the folks who make the business cards have heavier copyright restrictions on their site because copying and saving the image was extremely difficult. I finally forfeited and accepted the tiny picture I got from my attempts and used that in Kuler. It wasn't ideal, but it worked. And thus, my color scheme was born. I used white for my background because I read somewhere that some 80/85% of the top 50+ websites have black text on white backgrounds.
Sidenote: I originally snagged a photo off of Christine's facebook of a super nice cake she did with swans on it. It showcased her work well, and had a nice color palette with white, greens, blues, brown, black, and ivory. I thought that the cake used as a type of logo and the color scheme would work well for her target market. But, since she already has cards I figured they should match. Pink and brown look really good together, and it works for selling cakes to moms, (even if that color combo is a little 2008).
c) I tested my site in Firefox, Safari, and Google Chrome (since I couldn't upload IE on my Mac without having Windows installed). Very slight, barely visible differences between the three - except for one thing - my CSS properties for my external absolute link (which I used a class selector for) would not work in Safari. So frustrating! All validated in Firefox, and it looks right in both Firefox and Chrome, so after some failed troubleshooting I ended up tossing it up as a minor loss.
d) Troubleshooting - Well, you just read my example above, but what else? The main issue was getting my ordered list to actually order itself. It was wanting to adopt the styles I assigned for my unordered list, even though my ordered list was farther down in the cascade. So, my first move was to apply a class selector to it. When I first started doing this I was applying it to the ordered list tag and that didn't work. Finally, after fiddling around a bit, I applied it to each line tag in my ordered list and it worked!
e) My validating experience went well. When I'd check it periodically whether things were going as planned or not, it would either pass, or fail and easily point out that I was missing something minor in my code. A good tool to help me find my coding typos!
f) Since there isn't a lot to this site as of yet, I didn't get an opportunity to take advantage of all of my best practices knowledge. However, I kept the pages short and repeated the general look of the site (colors, font, navigation, header, footer, etc) on all of the pages. I also added the background color to the header and footer so there wouldn't be too much white space, and to add some interest. Also, when my text/paragraphs looked too close together (mainly because the page is so short to begin with) I added some paragraph tags with non-breaking spaces inbetween to my code to space things out more and expand the page.
g) If you didn't see it at the beginning of my post, here is another opportunity to check out Cakes by Christine.
Thank you!
Jenee
Monday, November 1, 2010
Subscribe to:
Posts (Atom)