PHP FORM

Last Updated on Monday, 29 November 1999 18:00 Written by Vitaliya Monday, 29 March 2010 10:29

Hi, guests!

Are everybody here who interested in programming languages?

Whow of you have ever faced with php scripting language and creating php form?

If speaking about php form in brief, this is:

PHP Form on the web page allows to the user to enter the data which send in a server to treat. For example, almost every web site of the society contains the responsible form, so that visitors could send the message to the owner of a page. Such responsible form normally contains some fields - for a name of the visitor, for an e-mail address and one for the main message. PHP Form remind paper forms because internet users fill switch of the use of forms, buttons with dependent fastening, or text boxes. For example, forms can be used to enter upload or the credit card data, to order a product, or can be used to recover the data.

_________________________________________________________________________

So at last I want to tell if you want to learn php form more extensible you should look thse tutorial resource:

php form tutorials

Meta Tagsss

Last Updated on Monday, 29 November 1999 18:00 Written by Dana McGee Tuesday, 14 April 2009 13:40

Meta tags were originally created to help categorize information in search engines.  There are two tags in particular: the keywords and descriptions apart from the other metadata they can give.  By using popular or the most useful words for the keywords or descriptions, a website can bring lots of searchers to their page.  This was a good thing, but since it has been abused, search engines are ruling over these tags.  I found that there are only two major search engines, Inktomi (who I believe was bought by Yahoo) and Teoma that still use these tags fully.  Even though they are not the focus anymore for searches, most sites encourage the use of them, since it will not hurt anything if they are in the code.  Yahoo and google use the description element, which gives a better description to the site in the search menu.  The description usually will come up on the search page.

META

Last Updated on Monday, 29 November 1999 18:00 Written by James Penney Tuesday, 14 April 2009 13:34

On page 180 of Learning, the meta element is defined as "an empty element that provides information about the document, such as its creation date, author, copyright information, and the character coding and type file."  Upon further research I found out the meta tags are used in the head of the page and are invisible.  They also help search engines find your site, such as keywords that will allow search engines to recognize what your site is about.

http://www.yourhtmlsource.com/promotion/metatags.html

meta tag

Last Updated on Monday, 29 November 1999 18:00 Written by Anna Andreen Tuesday, 14 April 2009 08:51

Normal 0 The meta tag is placed in the header and is unseen by the viewer of the website. It shows description of website on search engines with the description and content tags. The keywords tag may help move a website up the list on search engines. There is also a ROBOTS tag that allows the web page to not be indexed by a search engine. It’s language attribute describes what language the page is written in, cache instructs the browser not to cache the page, refresh tells the browser how long to wait before refreshing, and redirect will redirect the page after a certain amount of specified time.

this is the main site I used for my information and has a meta tag builder link at the end of the article.

http://searchenginewatch.com/2167931

 

mega meta tags

Last Updated on Monday, 29 November 1999 18:00 Written by diana keele Monday, 13 April 2009 15:33

meta tags supply search engines with a few different attributes that enable sites to be categorized, indexed, and discovered. wholly, meta tags are used to direct search engines, such as google or yahoo, toward the content of the site, whether by use of keywords or description. they enable the site creator to index the content and break the page down, section by section. these sub-chapters can then be specifically defined by keywords so that any user running a google search can quickly and easily find just what they are looking for.

meta tags are useful for search engine optimization, although my further readings of such elements have uncovered a quote by the director of research at google saying "currently we don't trust metadata because we are afraid of being manipulated." this is certainly a valid fear, as the use of meta tags does empower the creator of the site. one would hope, however, that the abuse of these tags is an infrequent activity.

Meta tag blog post

Last Updated on Monday, 29 November 1999 18:00 Written by John Ramsey Sunday, 12 April 2009 20:55

So, after doing some meta tag research. I found out that the meta tag is utilized when one wants to give additional information in the header tag. Also, it gives details of how to handle things that the "link" element can't do. From the research that I did, there are tons of different things that can be done by the meta tag. One of the coolest things that I found out about the meta tag is that it specifies times when things on a page expires. This is useful when something needs to be updated like a news article on a page. Many sites would find this extremely useful, especially one that is followed on a regular basis by a crowd who is looking up recent data on something.

 

-JR

Gettting Web Space

Last Updated on Monday, 29 November 1999 18:00 Written by Kate Monday, 30 March 2009 13:32

Hey all!

Here is a link to IT request for server space.  It only took me two days to get it.  Just tell them in your request that you need space for your web design class, and that our teacher is Sara, and its as easy as that.

http://www.centenary.edu/it/service.php

 

Kate

CSS

Last Updated on Monday, 29 November 1999 18:00 Written by James Penney Thursday, 26 March 2009 10:22

I would like to know more about CSS, in general.  I want to look at various websites and look at what they did and how they put their site together.  Basically, I want to see CSS at work because the book is one thing but actually seeing it online and see how it functions within the site would be satisfying.

Exersize 2

Last Updated on Monday, 29 November 1999 18:00 Written by Jerrald Bonham Tuesday, 24 March 2009 12:34

I had a few different problems while coding the table-less page. First I had a problem with formatting the page as in the actual lay out, I would get one thing in a correct place and then another element of the page would be moved to another spot. The other problem I had was with the main text wrapping around the navigation

Exercise 2

Last Updated on Monday, 29 November 1999 18:00 Written by James Penney Tuesday, 24 March 2009 11:49

I had a difficult getting my margins and padding.  The biggest problem was the cross browser capability.  Everything would look fine in Firefox, but when I would view it in IE it would look nothing like the Firefox.  I found out the percentages didn't work that great in IE so i changed my CSS to pixels instead of percentages.  Also, I had some trouble with my content, but just some time and tinkering I figuered out how to keep my content from flowing into other regions.

Table site

Last Updated on Monday, 29 November 1999 18:00 Written by Dana McGee Tuesday, 24 March 2009 11:00

One of the biggest problems I encountered was something basic, lol.  When aligning the image in the paragraph (trying to make it float) I had a problem because I could not get the link correct in the code or the placement in the paragraph correct!  This also became more frustrating because when I sized it with the table information (width and height) it took the original size and just cropped that size starting at the top left.  After several tries and some help, I realized I was missing the file link in the source.  Opening  the website in an external browser helped me key in on why the image was cropping it, and when i re-did the code "from scratch" it resized correctly.  I floated the image before the first paragraph, and it looked pretty perfect after adding some margin.

table exercise

Last Updated on Monday, 29 November 1999 18:00 Written by Anna Andreen Monday, 23 March 2009 23:57

Normal 0 In recreating the table web page, I first stripped the code down to its basic html and css properties to eliminate anything and everything associated with tables. I separated the page into divs so I could then use the float property to position the content of the page. I used the float property so the layout would be elastic and change depending on the size of the browser window when I set the widths of the navigation and content divs in percentages. I ran into the problem of not being able to extend the background of the navigation box without setting a specific height. Had I done this, the layout would not be as elastic as it could be. I then used the faux column method in the Bulletproof text to create an image in the background that would repeat down the y-axis to fake a navigation column that fully extended. I also ran into the problem of my content spilling over into the navigation bar when the browser size was changed (since most of the bar is really just an image). I set padding on the left side of the content so that there would be space between it and the navigation. The text starting with the h2 element also kept running into the image and first short paragraph, so I used ‘#content h2’ to select it specifically and set it to have a clear property so it wouldn’t run into the text above it.

JR Exercise 2 Blog

Last Updated on Monday, 29 November 1999 18:00 Written by John Ramsey Monday, 23 March 2009 17:52

So, the exercise 2 went pretty well and had little snags. I encountered 1 problem though. I set the banner and the footer to 100 percent but the scrollbar was at the bottom of the page. I realized that if I scrolled right, there would be about an inch of nothingness that extended past my banner and footer. This was because I used relative positioning within my body. This pushed the div space past the 100 percent. I took out the relative positioning and fooled around with it for a long time and messed up the layout of the site so much that I just decided to keep the empty space to the side. On face (without scrolling right) the page looks identical to the one that we were given. I figure that the empty space to the side is better to have than messing up the entire layout of my page. It works anyway.

 

-JR

Exercise 2

Last Updated on Tuesday, 17 March 2009 12:45 Written by Sara Hebert Tuesday, 17 March 2009 12:33

Exercise 2

Download the exercise files.

You will be tasked with translating a table-based page into a CSS layout page.  You will be graded on your ability to translate the design into a table-less format effectively and ensure proper rendering in IE7+ on Windows and Firefox 3 on Windows and Mac.  You will also be graded on your ability to translate the design with a minimal amount of markup and CSS styles.

Please write a blog entry explaining your approach to creating your layout, any troubleshooting methods you used and resources you found helpful.

Email your page's file structure as a .zip to Sara.

The Art of War

Last Updated on Monday, 29 November 1999 18:00 Written by James Penney Tuesday, 17 February 2009 11:50

I want to do mine on the Art of War, just the name sounds cool.

http://www.gutenberg.org/etext/132

Mid-Term Website

Last Updated on Monday, 29 November 1999 18:00 Written by Jerrald Bonham Tuesday, 17 February 2009 11:48

I have decided to do my web site on the Movie rating system (Motion Picture Association of America). I do not like how they have there site organized with the navigation. I plan to make the navigation of the site much simpler.

Their site is: http://www.mpaa.org/index.asp

Possible mid-term pages

Last Updated on Monday, 29 November 1999 18:00 Written by Dana McGee Tuesday, 17 February 2009 11:30

After some random searches, I found this "Dogs and All About Them" book by Robert Leighton : http://www.gutenberg.org/etext/10991

Also, another possiblity is something to do with shoes! I typed that in on and Gutenberg and I got several books, including "How to make a shoe." lol, so I might experiment with pictures and formating the step-by-step process: http://www.gutenberg.org/etext/25013. 

This should be fun!

- McDana

midterm

Last Updated on Monday, 29 November 1999 18:00 Written by Anna Andreen Tuesday, 17 February 2009 10:26

so I'm thinking about either doing my midterm site on Grimm's Fairy Tales

http://www.gutenberg.org/etext/2591

or on this old-school document on the Natural History of Chocolate, it's just that it was written a looong time ago, so the language isn't modernised. I just found it interesting!

http://www.gutenberg.org/etext/24588

 

post

Last Updated on Monday, 29 November 1999 18:00 Written by Cole Campbell Tuesday, 17 February 2009 00:42

i am doing my project on 'on the origin of species' by darwin

http://www.gutenberg.org/dirs/etext98/otoos11.txt

Meet in Magale Lab 1A

Last Updated on Monday, 29 November 1999 18:00 Written by Sara Hebert Monday, 16 February 2009 18:31

Please meet in Magale Lab 1A for 2/17.  We'll be getting some practice coding there.  You can also bring your laptop if you'd prefer to work on it.

Also, please remember to be making your blog posts before Noon on the date they appear on the syllabus. Quite a few of you have missing posts...

Blog Post for 2-17-09!

Last Updated on Monday, 29 November 1999 18:00 Written by John Ramsey Monday, 16 February 2009 17:55

So, After much deliberation and turmoiling. I have finally decided to do my midterm project on Alternative forms of Energy. I am going to have an index page with five branching pages (a different page for a different type of alternative energy) The types of energy will be: solar, wind, geothermal, biomass, and hydroelectric. These pages will serve as an informational site for viewers who want to learn more about the different types of alternative energy.

The link to the text I will use is as follows:

Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4 /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:minor-fareast; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;}

http://cnx.org/content/m16731/latest/

 

-JR

creative commons text

Last Updated on Monday, 29 November 1999 18:00 Written by diana keele Wednesday, 11 February 2009 22:54

I will be working with various recipes (desserts, appetizers, etc) found on this site: http://www.forusbyus.com/Recipe/

blog post

Last Updated on Monday, 29 November 1999 18:00 Written by Cole Campbell Tuesday, 10 February 2009 11:57

i empathize with jr, remembering all of the variants and modifications of css is difficult, but i feel like at this point in our career as web designers that is not nearly as important as understanding why we are doing things and why things happen. plus, we take notes so that we can look back at them. im still struggling with div, class, and id specifications. i find myself not knowing when to use them outside of the practice situations learning web design has layed out for us. these mostly came up in floating and positioning, so i guess that technically i am having the most trouble with floating and positioning; not so much how to do it though, but why it is done that way.

as far as link posting, i think the main problem right now is that i am learning from  a text which, while having several advantages, has a disadvantage in the sense that it cannot answer specific questions i have that are generated from its examples. i feel that you (my instructor) can clear this up for me in about ten minutes whereas i would be endlessly searching forums for my answer otherwise, so i believe that person to person instruction is my best bet to improvement.

CSS Blog

Last Updated on Monday, 29 November 1999 18:00 Written by Jerrald Bonham Tuesday, 10 February 2009 10:35

I feel much like JR in that I think that my biggest problem with CSS is actually remembering all of the properties. The only other thing that I came across was in the section for today where you add in a background image, I do not understand why it is labels as a URL when inserting the image.

 

http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

            this site gives you a lot of different CSS techniques, and it actually shows you what you doing will look like with examples on the page.

 

http://www.tizag.com/cssT/internal.php

            I really like this site. First off this site is laid out really well, every thing is easy to get to and not complicated, also there are lessons, and at the end of the lesson you can type them up on the site and the site will show you what they look like

CSS

Last Updated on Monday, 29 November 1999 18:00 Written by James Penney Tuesday, 10 February 2009 10:15

Some of the problems I encountered was using id's and knowing the difference between bloc level and in-line.  Here are some sites that really helped me clarify, and any other problems I ran into these made it easy, if I couldn't understand the book.

http://htmlhelp.com/reference/css/properties.html

http://www.htmlite.com/CSSintro.php

 

Blog Post for February 10th

Last Updated on Monday, 29 November 1999 18:00 Written by John Ramsey Monday, 09 February 2009 20:28

I really haven't come across any problems with CSS coding. I guess my only problem is that I can't remember every single property and every single value! I found the following site useful to fix my amnesiatic condition toward CSS. This site has a comprehensive list of CSS properties and values that makes remembering things A LOT easier and helps me with CSS!!!

 

http://www.pageresource.com/dhtml/cssprops.htm

 

Also, this site is excellent for showing CSS markups in action!

http://www.w3schools.com/Css/css_padding.asp

These two sites I also posted as resources!

 

-JR

Reichenstein - Post 4

Last Updated on Monday, 29 November 1999 18:00 Written by Cole Campbell Tuesday, 03 February 2009 12:13

typetester. org is one of the resources on reichenstein's site. it is very useful to someone who is planning on putting large bodies of text into a website because it allows you to insert your text and change its typeface, spacing, color, emphasis, etc. in three different ways that you would possibly consider. This makes it easy to visually compare the different styles and choose the correct style of text that conveys the message of the designer.

sites like this are helpful in the way that they provide a service for free purely because they understand the importance of text in web design. tools like this should be utilized more often to ensure that what the designer intends to convey with their text choice is semanticll received by the viewer.

Reichenstein's Article

Last Updated on Monday, 29 November 1999 18:00 Written by Jerrald Bonham Tuesday, 03 February 2009 11:18

The Next Big Thing in Online Type – by Anne Van Wagener 

This article deals with a Microsoft’s development and distribution of six new type faces that will help with user readability. The article then goes on to tell you that these new font faces are much better than previous fonts because of how much easier they are to read. Then the author Anne Wagener tells us of the types of fonts that they are, with three of the fonts being san-serif, two being serif, and one font being a monospaced font.

After this section the article goes more in-depth into each one of the fonts, but the article seems to be a little bit bias at this point because then the writer tells the reader what she thinks the best and worst fonts are. Although the writer is opinionated, she still tells the reader what each font does well, like the first font Caribri and how it is “appropriate for use both in text sizes and larger headline sizes”. The article does a good job of describing these fonts, along with telling the reader what they can be used for.

Typography

Last Updated on Monday, 29 November 1999 18:00 Written by James Penney Tuesday, 03 February 2009 00:41

A List Apart-“ Setting Type on the Web to a Baseline Grid”

The article dealt with the establishment of the baseline grid and its importance in web design. “The main principle of the baseline grid is that the bottom of every line of text (the baseline) falls on a vertical grid set in even increments all the way down the page.” This idea helps create a multi-column grid layout that maximizes the typeface used. This idea is crucial in web design because unlike print web design has to be compatible with multiple browsers while print is just printed on a piece of paper.

The article then breaks down how to set up a page using the grid, paragraphs and headers, lists, floats and side bars. The article breaks down how to set each one of those items up and explains their importance. When setting up the grid they recommend a 12 pixel font base with a line height of 18 pixels. When establishing paragraphs and headers reset your padding and margins to zero and then as we change font size for headers, you need to change line-heights in multiples of 18, as well as adding the 18 pixel bottom margin. The article uses the same theory for lists, floats and side bars. The fact that keeping everything is controlled in multiples of 18 pixels.

Reichenstein's Blog

Last Updated on Monday, 29 November 1999 18:00 Written by Dana McGee Tuesday, 03 February 2009 00:14

Blog #4

One of the resources listed was the http://www.typetester.org/  

On typetester, you can compare up to three different text styles to see which one would "fit" better for a website.  By editing the texts' color, background, size, alignment, and more, a designer can really see how different fonts give off different meanings.  This is a great design resource, especially when choosing fonts with clients.   

In the article, "The Next Big Thing in Online Type" (which is from 2006 btw) shares information on Microsoft's plan to incorporate easier-to-read typefaces in their new systems.  There are two new serif fonts, three san-serif, and one monospace typeface.  The article shows these six new types, and even though they are very similar to the old fonts, I see their use: they will be much better to use, especially in small text and even more in larger text, because they are very precise and will not "be as soft and mushy looking."  It is good Microsoft is taking an interest in the readability of their products/software, and I think all of these "ClearType technologies" are great typefaces.

-McDana

type type type

Last Updated on Monday, 29 November 1999 18:00 Written by Anna Andreen Monday, 02 February 2009 23:58

In "The Next Big Thing in Online Type," Ann Van Wagner reports on Bill Gates wanting computer users to have a "more enjoyable on-screen reading experience." To do so, Microsoft created 2 serif fonts, 3 sans-serif fonts, and one monospaced font to be shipped out in 2006 with Microsoft operating systems. These fonts were not only meant for online, on-screen use, but hopefully for print as well. These fonts were created to improve upon clarity and structure of type so users would be able to read from the computer screens more easily than before.

In the article, Van Wagner displays all six fonts and reviews them. These six fonts are called Calibri, Cambria, Candara, Consolas, Constantina, and Corbel. All the fonts (in my opinion) are highly readable, even when displayed in bold, italics, or oblique, taking into consideration kerning and word spacing. None of the letters run into one another, all are clean-cut with their own personality, and each are functional. I mean functional as in they are each usable in their own way, some more friendly, business-like, and some versatile, and none are over-the-top in terms of flare. These fonts would allow a broader range of choices as well as facilitate a more pleasurable and easy reading experience, especially if sites are being viewed through a handheld device where everything is super-small. Though these fonts were created by Microsoft, Mac users can view them if "the operator has licensed them for embedding or if an individual has licensed them for personal use."

(Personally, I think there should be a font-revolution for a new set of fonts to be created that are widely, if not fully, supported by multiple platforms to give a new range and easier readability to designers and users everywhere)

Blog 4

Last Updated on Monday, 29 November 1999 18:00 Written by John Ramsey Monday, 02 February 2009 21:32

Mark Boulton's article "Five Simple Steps to Better Typography" illustrates five important ways to better use text within a webpage. His suggestions are things that one would normally not think about when placing text on a website. One of his rules is to avoid "hanging" text. This means that the indentations are correct for certain lines of text. Bullet points is an example. He suggests to avoid unnecessary indentations at the beginning of bullet points and to space the other lines accordingly. This makes a big difference because if the bulleted list begins on a different vertical line than the rest of the text, it makes the eye jump unnecessarily.

Ligatures are also talked about in another point of his. Ligatures are combined letters of text. For instance, when the two letters "fi" are typed together in certain fonts, the two letters are combined because the kerning between the letters are not far enough. This is interesting because this is a problem that people usually do not look for in text. He goes on to say that ligatures can be used for linguistic purposes. An example is when "AE" are combined to create a linguistic symbol. Being mindful of the possibilities of ligatures is very important in creating the correct message within text.

-JR

Saving an image

Last Updated on Monday, 29 November 1999 18:00 Written by Dana McGee Monday, 02 February 2009 15:15

I think I figured it out...I hope this is right!

Jpeg:
 

Gif:
 

Png:

I can't see them - let me know if I did this wrong :)

- McDana 

jpg, png, and gif

Last Updated on Monday, 29 November 1999 18:00 Written by diana keele Friday, 30 January 2009 01:42

        .jpg

        .png

        .gif

Gif vs. Jpg vs. Png

Last Updated on Monday, 29 November 1999 18:00 Written by Jerrald Bonham Thursday, 29 January 2009 11:27

Gif

jpg

png

blog3

Last Updated on Monday, 29 November 1999 18:00 Written by Anna Andreen Thursday, 29 January 2009 10:29

gif

jpeg

png

again

Last Updated on Monday, 29 November 1999 18:00 Written by Cole Campbell Thursday, 29 January 2009 10:08

looks like my second picture didnt go through

Blog 3 (?)

Last Updated on Monday, 29 November 1999 18:00 Written by Cole Campbell Thursday, 29 January 2009 10:04

i understood this blog post to be post a picture of each different file type

BLOG 3!

Last Updated on Monday, 29 November 1999 18:00 Written by John Ramsey Monday, 26 January 2009 21:23

So, I found this really cool picture using google images. I converted it into .gif and .png from a .jpg file. It is a pretty sweek picture!

 

GIF file

JPEG file

PNG file

 

-JR

Sample Profile

Last Updated on Monday, 29 November 1999 18:00 Written by Jerrald Bonham Friday, 23 January 2009 13:58

Profile:

 

Name: Bryan Clark

 Sex: Male

 Age 21

 Residence: Manhattan, Kansas

 

Career and Hobbies: Undergraduate Student at Kansas State University. Enjoys going out to bars and clubs with friends. Watching movies and playing video games, and playing basketball with his friends on the weekend

 

Reasons for visiting Yahoo: he uses the site to do quick research for class work, and got get movies times and driving direction to places that he need to find.

 

Expectation: his expectations are not extremely high for finding great information for his research assignments, but he does the search engine to give him lots of information and find stuff quickly.

 

Ideal Outcome: Start him of to finding good information for his researches and to get other reliable information that he uses daily, like movie times.

 

Narrative:

"The other day I was really hungry and I wanted some food from chili’s but I did not know where one was in Manhattan, so I went to yahoo and searched for chili’s. A few seconds later a search returned with the nearest chili’s address to me and I was on my way to get a mean which only took about 30 seconds to find"

-Bryan

MY Yahoo.com

Last Updated on Monday, 29 November 1999 18:00 Written by JB Friday, 23 January 2009 13:57

A web site that I visit daily is My.Yahoo.com. This is a spin off of Yahoo’s main home page. With My.Yahoo.com you have the ability to choose what links and navigation boxes appear when you go to the page. Personally my yahoo page is very similar to Yahoo’s main home page. I have added navigation boxes like a one to a personal planner/calendar, and a comic strip at the bottom of the page. This page is very well organized because there are clear boxes around separate pieces of information and the same information will appear in the same spaces every time that you go to the page. There is not on aspect of the page that I do not like but I would have to say that my favorites are the news links, the Mail Preview and the search bar. Over all I think that this web site is really well organized and easy to use on a daily bases for just about what ever you need.

First Blog Posting

Last Updated on Monday, 29 November 1999 18:00 Written by Cole Campbell Thursday, 22 January 2009 13:35

Centenary.edu, the website for Centenary College of Louisiana, is a page that I visit frequently. Whether I need to access the college's academic calendar, my webmail, or the faculty directory, everything is self explanatory and easy to find. The homepage has all of its static links on the left side of the page that lead to more subdivisions of links that appear in outline format. This makes it easy to find what you are looking for with even the smallest amount of prior information. Also, the right side of the home page has links to news about different groups from the college or abut the college itself. The large changing graphic in the middle of the page also makes the viewer interested in college news, giving the site several uses.

Reminder and change to the syllabus

Last Updated on Monday, 29 November 1999 18:00 Written by Sara Hebert Wednesday, 21 January 2009 17:00

Please remember your blog posts are due by noon on the day they appear on the syllabus.  Posts made after noon will be counted as late and you will receive no credit for them.

Also note that there is a change to the syllabus.  Your reading assignment for 1/21 should be Chapters 4 and 5 in the Learning Web Design book and in the XHTML book pp. 69-80 & pp. 215-25.  You do not have to read chapter 6 of Learning for this day.

Centenary Homepage

Last Updated on Wednesday, 21 January 2009 10:50 Written by Cole Campbell Tuesday, 20 January 2009 13:57

twitter.com sample scenario

Last Updated on Monday, 29 November 1999 18:00 Written by Dana McGee Tuesday, 20 January 2009 13:20

Sample Profile

Name:  Jane Tolkien 

Sex: Female

Age: 24

Residence:  Mid-sized apartment with three other Grad students in Med school

Hobbies:  Singing at a local night spot, listening to music, running, and trying to keep up with current TV "Doctor" shows.

Reason for coming to Twitter:  She wishes to stay in contact with several of her friends from high school and college now in other cities without spending too much valuable time.

Expectation:  An easy to use site with only a few ways to communicate, making it easy to follow her friends.

Ideal outcome:  Be able to know what her friends are up to and still be a part of their life.

Narrative:
"I was very scared to move off to a different state than all of my friends from college.  By reading their actions and knowing that they do similar things on a daily basis (and seeing how they too are scared at this new chapter of life) really helps me know that they are behind me all the way and care about me."  - Jane

Sample Scenario

Last Updated on Monday, 29 November 1999 18:00 Written by Anna Andreen Tuesday, 20 January 2009 10:29

YouTube's Sample Scenario

Last Updated on Monday, 19 January 2009 16:51 Written by John Ramsey Monday, 19 January 2009 16:47

Profile:

Name: Debra McIntosh

Sex: Female

Age 32

Residence: Mansion in the Bahamas

Career and Hobbies: Professional Dancer and Actress. Loves drinking hot chocolate next to a warm fire. Enjoys watching Indy Films. Likes long walks on the beach. 

 

Reasons for visiting Youtube: She has an upcoming audition for a Broadway Musical and she wants to learn some interesting dance moves for the audition. She wants to be a world famous Broadway Dancer and Actress.

 

Expectation: She expects to watch some interesting, innovative dance moves performed on video on Youtube. She believes some of the videos on this site are unique and done by talented people.

 

Ideal Outcome: She finds a few interesting dance video clips. She took some interesting moves from these dance videos.

 

Narrative:

"I was fearful the week before my Broadway Audition. There are so many talented and creative dancers in the world. I needed to find a solution! After browsing Youtube, I found many innovative dance moves and techniques to ace the Broadway Audition. I'm performing in my premier Broadway performance next Tuesday!"

-Debra 

 

bloooog

Last Updated on Monday, 19 January 2009 19:13 Written by Cole Campbell Monday, 19 January 2009 16:47

i don't exactly know what we're supposed to blog about yet...

post one: google.com

Last Updated on Monday, 29 November 1999 18:00 Written by casey mcbeath Thursday, 15 January 2009 11:32

one of the simplest home pages i have ever seen is also one of the most effective ones as well. Google is my favorite search engine and to ccount i have already used it 5 times today alone. With a white background and a centered type field and minimal buttons and options on the screen google.com is so simple to operate it is no wonder why it is the main search engine on the internet. then the spinoff site googlenews is set up with more on the layout obviously, wiht a news site feel woth colums and boxes separating headlines form each other. in google once you have searchd for something the results screen is set up into the navigation header at the top that allows the user to change their search at any time as well as jump to other sections of the google site. the rest of the page is set up into 3 columns the left side bar, the right side bar and the center main search results bar. This layout allows you to easily look at search results and allows advitisers to display ads in the page that don't get in the way of your searching but are visible. the headlines form the search results are easy to read and make for a quick scan of pages to see if it is in fact relevent to your needs. i think what makes google such a great layout is the simplicity in its design that allows almost veryone to use it with ease. 

Imdb

Last Updated on Monday, 29 November 1999 18:00 Written by James Penney Thursday, 15 January 2009 11:06

I visit imdb.com daily for no specific rhyme or reason, but I will say it is an enjoyable website to visit.  Not only does it have a great deal of data packed into the site, but also the data is well organized and easy to navigate.    What makes the data easy to navigate is the fact that the data is organized in chronological  order and if not chronologically, then it is organized by popularity.  The site is also easy navigate  due to its use of hyperlinks. For example, you want to know what movies are coming out, so you click under the coming soon. The movies are broken down by what day they come out. It has the genre, director, actors, and trailer next to the title, but its not clustered.  You can then click on the movie to get a full break down.  From there you can see what actors are in it and what other films the actor has been in and the same goes for the director, producer, etc. Then there are blogs about the film and what the users think about the film.  Overall, I enjoy this site because the amount of data crammed into it, but it is not overbearing to navigate, in fact it is extremely user friendly.

Blog One: Coast to Coast AM

Last Updated on Monday, 29 November 1999 18:00 Written by Tyler Davis Thursday, 15 January 2009 09:37

One website I view regularly is coasttocoastam.com. It's the official website of the "world's most listened-to late-night radio talk show" Coast to Coast AM. This particular radio show broadcasts online and on AM waves from 12am-5am nightly, and when they do not report hard news the show's hosts discuss the paranormal: government conspiracy theories, ghost stories, angels, demons, Jack the Ripper, near-death-experiencs, remote-viewing, psychics, alternative history theories, alternative medicine, urban legends, scientific discoveries, big foot... They go all over the place and some of it is worth the time to listen, other topics are irritatingly fantastic and totally ridiculous, but admittedly entertaining.

The C2C webiste is laid out in two collumns with a navigation bar to the right. And show info for the whole week is located on a bar to the right. One can use the navigation bar to move to different areas of the site and explore various information about the radio show. One can search through digital archives of past shows, guests and topics from 2002 to present. The site hosts a streaming channel when the show is live, and one can also access a database of past shows up to three months prior (as long as you pay for it).

Usually there is an article featured in the right column that contains info relavant to the most recent show. Other 'news' info is located at the bottom of the right column and various offers for fans and listeners are found all over the page. The site is set up kind of like a fan club website rather than a news website. There are ads and special offers for various things like news letters or related magazine subscriptions directed at Coast to Coast listeners.

The user can also find listener photos that are sent in and posted. Usually photos consist of weird anamalies or strange natural phenomenon. Users can use links on the site to directly email the hosts and staff of the show to send in info and comments. Also members who pay to listen online can utilize what is called the "Fast Blast". Fast Blast can be used to send short messages to the host of the show only when it is being broadcasted live. (Fast blast is not visible on the site when a show is not broadcasting.) So members can listen to the show on their radio or online and actually make comments or correct the host and staff if there is a factual error. It's a very interactive option that many radio shows do not use widely.

Another helpful thing for listeners is the availability of info on affiliates who carry the show. Listeners can use an interactive map to locate local stations that broadcast the show.

It's a fun sight that supplies lots of links to interesting stories and sights each week. And the C2C sight is notorious for crashing other people's sites as it is highly trafficked hub to other sights.

Deviant Art

Last Updated on Monday, 29 November 1999 18:00 Written by Anna Andreen Wednesday, 14 January 2009 23:45

Because I've grown up creating art, I'm a big fan of deviantart.com. It's a place for artists to post their work, sell it, buy it, create a network of online art-buddies, participate in contests, blog, and it even has a news feature of topics mostly related to art. It may seem overwhelming at first, just hearing about all its multiple functions, but it's actually pretty organized. The homepage has thumbnails of Most Popular Art submitted in 24 hours, the tabs at the top can change the time frame (anywhere from 8 hours ago to 'way back') or change the setting to Newest Art. The sidebar has options to choose a certain genre of art, if the user wants to focus their search or browsing as well. There is a search bar at the top, so art work tagged by the artist with certain words will pop up when those keywords are searched. If the user has an account and sees an image they like then they can easily click and drag this thumbnail into their favorites (this comes in handy when there are multiple works that the user wants to visit, but doesn't want to risk losing them if the page is refreshed when viewing a work up close). Friends found on the site can also be added to a buddy list where there is a chat function and artists can market and sell their works through deviant art.

All of this is set on a basic gray background which does not distract from the artwork itself, since that is the main attraction. And, though much of this site is image-based, it doesn't take long to load (unless maybe the artist decided to attatch a huge resolution image). And navigation, at least for me, is pretty simple and straight-forward. No obnoxious amounts of glitz and glamour and fairly convenient when I'm just browsing through recent works or a certain genre. I'd say this falls into the Usability Era, excluding the fact that the focus of the site is images. I find it easy to navigate and rarely run into loading problems, even with enlarged versions of the artwork loaded onto the site.

Tweet Tweet Tweet!

Last Updated on Wednesday, 14 January 2009 22:31 Written by Dana McGee Wednesday, 14 January 2009 18:49

Thanks to my Latin teacher last semester, and now my roommate, I am a fan of Twitter. (www.twitter.com)  This is a networking site for anyone who wants to share what they are currently "doing", while following there friend's status' simultaneously.  I am new on this site and was surprised how easy it was for me to interact right away!  I easily found my friends who have accounts, and within a few mouse clicks knew what they were up to and who they were friends with (including Yoda and Chewbacca...). haha

The presentation of the main page is very simple, with the text body and mini-feed in the middle on a white background and just one small column on the right in an offsetting color.  Since this is a personal website, changing the color scheme is an option, which is very good for those users who want to spice up there individual page.  

The website is very clean feeling, not busy at all, and organized by the two columns and then menu bars on the top and bottom.  The top menu bar shows ways to view your profile, to search for other people you might want to "follow", and the necessary help and logout buttons.  The bottom bar shows links to their news page and other pages about their company, including the Contact and About Us sections.  The company attributes most of their success to the simplistic nature of the site, and so do I; creating a simple website that answers one of the most popular questions was pretty brilliant. 

My SN is Dana_L1 if anyone in the class feels like joining/tweeting to me!

- Dana

Blog 1- Youtube: The Video Giant

Last Updated on Monday, 29 November 1999 18:00 Written by JR Tuesday, 13 January 2009 22:03

      I am evaluating the website, Youtube. Easily known as one of the most popular places on the World Wide Web, Youtube.com is a video database where users upload their own videos so others can watch. The presentation of Youtube is very simple. Having a blank, white background, this allows the user to sift through the contents of the site without color distractions. Also, the typeface used is very simple and easy to read. The titles of the different videos are thicker and colored blue so the user can find the link quickly. The organization is great on this page because it follows a "list-like" formula. The videos are usually organized in a single column. By changing listing options, one can sort the lists by "relevance", "date added", view count", etc. These options are further effective because of the use of a single column of the search results. The user can better organize content to their wants and needs.

      The interactivity of this site is unique because the content of Youtube is provided by the users of the website. In this way, not only is the user interacting with the website by adding content, but the user is also engaging in interactivity with fellow people who visit the site. Another interesting function of Youtube is that people can post responses to videos in the form of text responses or video responses. In this way, people who visit Youtube is interacting with the website by adding text content. This website falls into the era of "Speaking Web". The website is easy to navigate and find content that one desires. Also, the website provides ample opportunity for user interaction while containing great presentation. 

 

Love,
JR

First!!1

Last Updated on Monday, 29 November 1999 18:00 Written by Pwnd Tuesday, 13 January 2009 16:59

First!!1

Welcome to the Class Blog!

Last Updated on Tuesday, 13 January 2009 11:40 Written by test Tuesday, 13 January 2009 11:36

Welcome!