Personal Critque of Website

I personally like my website, but I have much to learn in terms of graphically appealing images. I need to format my banner so that it is the actual size that I want it on the page. This reduces seeing pixels when trying to stretch and reduce the image size.

Do you have any input about items I should work on?

Organizing Without Tables

Being in Web Design and Implementation, I am often tempted to use the OLD version of tables for organization. I guess it is because I am not used to the using absolute, float, and relative, yet. I have to play around with the content in order to make these work, but like I always say, "PRACTICE MAKES PERFECT"!

Here are some cool notes:

CSS Positions:
Relative
-places an element at an arbitrary location in the page
- container is positioned relative to its usual position
- property's include top, left, right, and/or bottom
- Use em or %, not px

Absolute
- positions an element relative to its position in the page
- property's include top, left, right, and/or bottom
- removes data from the container on the page and allows us to place it anywhere we want

Static
- doesn't move from original position

Fixed
- Similar to absolute
- Computed in respect to the viewpoint
- stays on the screen
- not supported in Explorer

Finally
- Useful for multi-column layouts


Other CSS tags:
Overflow - tells the computer what to do when the container overflows

z-Index - allows for layering

Float
- often the best solution for pages

Tips:
- Set Padding and Margin explicitly

Homepage in Website Design and Implementation

I am so excited to create my home.html page. Here's how it is going:

1. Outline
2. Creating a Banner and Buttons




3. Coding

My coding seen by viewing the source of my page.

4. Editing

I had some difficulty validating my page because of the javascript. I learned to make sure everything is lowercase and to comment out javascript and declare it within brackets

So what do you think?

http://people.rit.edu/~ifo0912/409/home.html

Unfortunately when I went to revisit my banner, all of my hard work was BLANK!
This is a good lesson to remind everyone to save often, and to save under different names. Luckily, I saved my banner as a jpeg so I used that for my website. I will revisit it later, as I am infatuated in making a cool border and a nice layout for webpages.

Class Notes Chapter's 1 in Website Design and Implementation

The first chapter of the book is basic. I would place notes here, but I don't want to bore you. I'll post something interesting when I find it.

Last class we were asked to improve our recipe sites. I revisited my site and this is what I came with:

Inspired

I was really inspired today in both my programming class, and web site and implementation class. My goal for the summer is to obtain an internship in either of these areas, and hopefully by the end of the class I will have the needed knowledge and confidence to get one.

I like web-design but I still need more practice in photoshop and illustrator. I know a couple of New-Media majors who are upper-classmen and their websites are super! Even though I am not a new-media major, I hope with more practice I will be at their level.

One of their websites can be seen on: http://www.smashingmagazine.com/2008/03/04/creating-a-successful-online-portfolio/



Other cool websites can be found at: http://www.thefwa.com/

HR is depreciated!!

Oh wonderful horizontal rule, how your simpleness made making quick webpages easy and nice.They tell me your depreciated, what will I do? Is there something similar out there just like you? Oh how sad a day :(

-Diya

I took Intro to Multimedia like a year ago, and making these practice webpages were VERY helpful. I am ok with programming, but I would sure love to be AWESOME in PhotoShop and illustrator. I am on my way to Awesomeness.

On a more serious note this is what I learned when making these two webpages:
Page 1 done in HTML: http://people.rit.edu/~ifo0912/409/htmlrecipe.html
Page 2 done in XHTML: http://people.rit.edu/~ifo0912/409/xhtmlrecipe.html

***Brackets have been removed in order to show the code***

1. You need to have a DOCTYPE!
Most likely they will be html transitional or xhtml transitional:
html:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"

xhtml:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"



2. Watch how you close your code:
Items that normally do not require a closing tag in regular html require one in xhtml.
Then tend to look like this: br and br /


3. In XHTML you declare html with added content:

html xmlns="http://www.w3.org/1999/xhtml"

CSS:

4. You are able to declare and close css internally in a webpage by (I added some content in order to remind me of the format):

style type="text/css"
ul{
background: #ffcc66;
border: 2px solid black;
width: 300px;
height: 150px;
padding: 1cm;
}
/style

Well thats it, I feel NOT ready, but hey practice makes perfect. With that in mind, I am going to be practicing a lot, but I like making webpages so noooo sweat :D