Mr Likens,
Can you please look at this and help me to figure out two things
1. How can I get the email a clickable link on the document.write ( if your confused you will see what I mean) haha
2. Why does my phone numbers keep showing up outside the table.
Now I have stared at this all I can right now and have tried it all kinds of different ways. Im sure it has something to do with all the double and single quotes and I have them in the wrong spot or something. Thanks alot!!!
Holy Moley! I forgot about this part….
I had my number game all worked out and then , I lost it. Totally my fault but didnt realize it till this morning and didnt have enough time to re do it. Then I just realized that I didnt upload last weeks programs. What is the deal! So here is this weeks homework.
The Informational Info-Structure of Information in Neatly Packaged Little Boxes Called a Table
The title dosnt make sense but its fun to look at. So tables are easy enough to do. I dig em’. Its regimented and consistent in its coding. Since I have had this class before, I know that the document.write thing will be coming soon.
However, I did have a problem with one thing. I wanted to change the color of the font in different rows. So I wondered how to do that. For example, if I wanted the names in each row to be a different color, do I have to div out each of those? There has got to be an easier way. Other than that, its all good in the hood.
Now what is my “real world problem”? Well I guess I can be too sensitive at times, or that I eat too fast, or maybe its that I have abandonment issues. How could I possibly explain those in an algorithm. Besides , I think the population as a whole has a pretty good grasp on how to feel lost, bulimic , overwhelmed and insecure.
Coffee can surely make it all better. So here is how I make coffee
water in coffee maker
coffee in filter
hit power button
stare at coffee maker till brewed
pour coffee
drink coffee
The 5 in review…..
Initially I looked for premium website designers. I like to google them as a source for different layout ideas. I dont want to be stuck in the branding top, navigation top or side and some content. I like to see how people keep with basic formating yet think outside of the box.
4 stroke jeans- A site dedicated to fashionable jeans. I like the openness to the site. It uses a font other than the basic Arial, Helvetica or such. I like the additional sub links in the site info area. I find the site interesting because it doesn’t use multiple graphics and words to bring about a point. Its simple and only uses white background with black letting. To me, the main images are the best part of the site. These images are creative and very professional.
JewelSuite – A geological remodeling and reservoir simulation software company. Forget what all that means (cause I dont have much of a clue) but I really like the colors used, and again the white background, Maybe I should consider that for my website. This site also offers a couple separate navigations bars. The site map along with the client log in is at the top of the page (cool!) . The images are also a big seller for me for this website. In my comp the CODARUS logo was branded all along the top, here it only takes up a part of the left side and uses white space across the top. It shows off the logo without it being overpowering. Ive already done my wireframes, if I had done this assignment first I would have rethought the layout again.
Siena Kitchen Design- A Kitchen Design web site, SiennaKitchendesign.com uses color and beautiful images to bring in its users. In general I really like the use of photography and images to bring about a mood, this site does a great job for me. The layout is simple and easy to navigate. I really like the background color and may actually use it on my comps.
Pine Cone Hill – A bedding and sleepwear distributor. Has a nice home page with bright colors. I like the elongated images at the bottom that show the user a sample of different product. The have a “Where to buy” feature that helps the user to find their closest Pine Cone Hill retail store. They use drop down and basic formatting that helps the user to find a close store. Its simple and fast.
Yves Delorme – A fine linen vendor. Gray background, white text and green links. The home page has rotating images. The font is in lower case on the navigation bar which helps to make the design simplistic yet elegant. Because the company is from Paris, they offer the site in French and in English. What I found funny was that the site offers instructions on how to fold napkins. It has a virtual book that you can turn the pages on and get the instructions. Pretty funny……
The Float Layouts…
Float layouts are known to be a good organizational and designing tool. I have just learned of a Liquid layout. There is a helpful site called Max Design. They define a liquid layout as; “All containers on the page have their widths defined in percents – meaning that they are completely based on the viewport rather than the initial containing block. A liquid layout will move in and out when you resize your browser window.” So I said to myself, “Self, what is the big deal weather the bounderies are absolute or floating?” I came to the conlusion that it is a usability tool. You have probably had a need for one and didnt even know it. And right now I notice that wordpress uses Liquid layouts.
Autistic Cukoo explains the floating layout in a easy to understand manner. Simply put, you can only float things left or right and it is generally used for images. He goes into a deeper discussion, but that is about the gest of the article.
Netmag has a great tutorial on layout design and you can download a PDF file. According to the comments, its a valuable tutorial. I havnt downloaded it yet but I most definitely will.
Semantics and meaningful markup…
According to Wikipedia “,the Semantic Web is an evolving development of the World Wide Web in which the semantics of information and services on the web is defined, making it possible for the web to understand and satisfy the requests of people and machines to use the web content.”
Since the webs conception, now more than ever it is necessary to understand and practice strict and concrete codeing. With new ideas and design concepts constantly forming, the person doing the codeing will have to take a creative yet organized back seat to the outside packaging of a web page. In other words, the markup may be way more important than the actual visual page the audience sees.
