Monday, October 13, 2008

First Web Project (XHTML and CSS)

This is a five week web page assignment that should incorporate your knowledge of XHTML and CSS. The details of this assignment are posted at http://www.pgrocer.net/Cis44/assignments/fstwebprojS07.html. You should also look at http://www.pgrocer.net/Cis44/evalsites00.html in order to help yourself evaluate your project. If you do not currently have a resource for posting your site online, you may use www.brinkster.com. Be sure to select the "free" developer service. Once your site is complete you should email your live link to me. You may also use this blog to post your link for peer feedback, which is highly recommended.

22 comments:

Rita McLaughlin said...

I want to leave a couple of websites. My hubby thinks the Drudge Report has a great website but its all news: www.drudgereport.com. I think its boring, but it probably fulfills its readers wants & needs.
My riding instructor was talking about this vet, Dr. Robert Miller
http://store.robertmmiller.com/index.html
His website is a self-promotional one, and I found a link that doesn't work. Its' not very smooth, but interesting, to me as a horse person with just enough info to tease me into almost wanting to purchase his books.
Rita

Bret Brown said...

Rose,

Are we meeting in the classroom this afternoon? I know that you planned to meet in the classroom but you weren't feeling well. Please let us know if we will be meeting this afternoon.

Thanks,
Bret

Bret Brown said...

Hi,

I have a book called "The principals of Beautiful Web Design" by Jason Beaird. The ISBN-13: 978-0-9758419-6-9. The book is only 163 pages long so even if you don't want to buy the book, you could take small notebook into a book store, find the book and get some value from it.

The book actually approaches the subject in a similar way as the assignment is stated. It talks about the process of designing by interviewing or pretending to interview a representative from a company who wants a web site designed.

The book references and in some cases shows images of web sites that well done. Some of the links listed in the book are links to web sites that are design to highlight other web sites that are considered to be very well designed.

I'm slowing working my way throug this book as I do the homework assignments.

I also have a friend who is starting his own web site design business, he is the one who suggested that I look for this book. He uses some of the techniques described by the book and so far I think that my friend's web sites look pretty good.

Hope this helps.
Bret

Bret Brown said...

Hi,

Here is another piece of information that I learned from my friend who is starting a web design business.

Probably the most important tag to use that makes the most use from CSS is the div tag. The div tag is the best way to organize the different items on the page in an attractive and flexible manner.

While we have used the div tag in our homework assignments, I believe that if you spend some time reading about different ways to use div, how to use the div tag to divide the web page into sections and use the float attribute to control how other elements are displayed inside of their containing div tags, you will see the power of this tag.

Finally, using CSS and the div tag consistently will enable you to alter the appearance of you web site simply my modifying your CSS and this will allow you to make all of the pages in your site retain the same look and feel.

Read about how you can place your CSS in separate files that you can include in your html files. Doing this allows you to reuse the CSS to give your html pages the same styling.

Note however, that when you open a html file directly using a browser, this functionality does not work. This is why web site hosting is so powerful. The hosting software will be running something like Apache or IIS and this software supports the additional functionality needed to separate the CSS into different files and reuse it. I believe that there is also support, when your web pages are being hosted, to include html from another file into any html file. This allows you to use the same navigation html without having to maintain separate copies of the html or having to use frames (which are slowly being removed from the standard W3C because of the downsides that frames present to search engines.

Bret

Anonymous said...

Is anyone else having trouble with the brinkster site? I have tried twice to make an account and I haven't recieved the confirmation e-mail. I'll try another e-mail address if it still doesn't work. Thanks, Natalie

James said...

I havent tried it yet but maybe I will try Brinkster tonight. I will let you know

Rita McLaughlin said...

My co-worker gave me a website that is a lot of fun. It is written by an IBM programmer in JAVA and before anyone links to that site - read all the copyright info!
www.wordle.net

Rita McLaughlin said...

Natalie, have you had any luck with the Brinkster site? I am waiting to hear how you did.
I will have to code on my personal web page from my provider to see if I can code or if I can only create web pages using their tools.

Rita McLaughlin said...

Natalie, I did log into Brinkster only to discover much to my dismay that I have no clue where to begin to figure out how to load my pages into this site.
Does anyone have a clue? Rose, can you help? I don't even see a help function there. That is a problem with so many ads, they obscure the real content. I had to use Brinkster because comcast.net used tools to create websites with no way to upload files. thanks!

Rita McLaughlin said...

I found help on brinkster - you can upload files of no larger than 1 MB, up to 16.7 mb per day, 500 mb per month, no email for the free accounts, no audio or video either.
Total size of free website is 30 mb.
Read all the rules because some rules might be stickier for some students than others.
Bandwidth is quickly used up too, I didn't quite understand that concept either.
Rita

Jessica Lappin said...

Hi everyone,
I just want let you know that I signed up for Brinkster account and I was fine when I signed up. Anyway, I'm still working on form and style assignment that we have to design the website with imformation of CIS 61 Syallbus. I just want let you know I can sign up on Brinkster website account.

Anonymous said...

I've tried brinkster several times over the last few days with no luck, so I am going to try a different address. I am going to brinkster.com, the free web hosting link at the bottom, and then the developer package, which I think is what we did in class. I'll try to get back on later today and see if it worked. Thanks for the help, Natalie

James said...

I am gonna try brinkster now with my email address. See if it works.

Nan Tremblay said...

Hi folks,
I have a link to share:
www.peachpit.com
-which is a publishing company that puts out the Quickstart books. I have a few of these books because they are very direct (good as quick reference material) and relatively inexpensive. But the other thing that is so useful is they have a web site that includes pertinent tutorials, blogs, articles, etc. I just bought this book:
http://www.peachpit.com/store/product.aspx?isbn=0321430840
You can get it for a lot less at Amazon. It has some useful Appendices in the back...check out the Table of Contents and the companion website, which includes training examples: http://www.cookwood.com/html6ed/examples/

James said...

I got a code but I am not sure how to setup a page on the web server there. Are there any instructions anywhere?

Rita McLaughlin said...

Here is a site that has "stickers" about being W3C & CSS validated. If you follow it to the designer website there is more info.
http://www.fabriccornerinc.com/

Anonymous said...

Does anyone if there is an html code to display the current date?

Bret Brown said...

Hi, If anyone uses comcast for the internet access provider, with the service Comcast provides a hosting service. They call this 'Comcast Personal Web Pages' - you can Google this to get more information.

You can use ftp to copy your html and image files using Internet Explorer.

In the address control for IE enter ftp://(username):(password)@upload.comcast.net where (user name) is you comcast user name (without the @comcast.net) and (password) is you comcast account password.

Once it connects, IE will display folders and files similar to Windows Explorer. You can select the files and directories you want to copy to comcast from Windows Explorer and drag them to the comcast ftp site.

Then to view / test your html pages, you just need to enter the address for your personal web pages. This address should be

http://(username).home.comcast.net/

where user name is the same as above, your comcast username.

As a test I posted the last homework assignment to my personal web pages for comcast. If you just want to see how it looks you can look at:

http://bret.brown.home.comcast.net

I don't know how much disk space comcast allocates per account; but I think that if you keep your image files small there should be plenty of space for your project.

Since JavaScript runs in the browser the comcast web pages should allow you to put JavaScript as a part of your web site but I have not tried to do this.

Hope this helps.
Bret

Rita McLaughlin said...

Bret, you just made my day!!! I have Comcast and I'd rather use them than Brinkster. Comcast gives you 1 gig of space as opposed to 30 mb and tons of fussy rules. I'll have to check how to ftp however. I just have trouble with PC stuff.!
I'll print out your directions and test it out maybe tomorrow. thanks a bunch.
Rita

James said...

I am going to start the web project what parts are needed and how do I setup my site at brinkster? I have registered but wasnt sure from there.

Rita McLaughlin said...

here's a good site on basic web design:
http://freelancefolder.com/15-top-site-elements/

James said...

Can anyone assist with making the site map and contact us links? I am seeming to have some trouble with it.