Web Technology @ CCBC

Student driven blog for all things web.

Welcome WEBT 143 Students!

Posted by vjnoone on January 28, 2008

Welcome to the WEBT Course Blog! This is where we will share knowledge and communicate between classes.

Stay up to date and subscript via RSS (click here to get an email newsletter of posts nightly)

If you are in my WEBT classes and do not have access to the blog email me (vnoone@ccbcmd.edu) your name and course number for access. This blog is for the WEBT 143 and WEBT 157 classes.

To learn all things web you have to love all things web! Have fun blogging!

-Roni

Advertisements

12 Responses to “Welcome WEBT 143 Students!”

  1. miisronhm said

    WEBT143 Hello Roni, class. I have been surfing CSSzengardens. I used the view source and downloaded some of the css files that was accepted. On the first page there is one “Sakura by Tatsuya Uchida” that I found interesting. It was the only page that when viewed I was unable to use my back button to return to csszengarden. I am going to see if I can find out what was placed in the code to keep me hostage and will report back. If you find it feel free to reply.

  2. steuerman said

    Hi Class

    New to blogging, this is just a test.

    Thanks

    Ken

  3. cdowd1 said

    Hey hey hey classmates. Glad to be part of the webt 143 crew.

  4. akeatin1 said

    Miisronhm – I was looking around CSSzengardens too. I looked into the issue you brought up, and I think it is caused by the unordered list under header three, line 102 in the source code. That hyperlink redirects you to http://www.re-bloom.com If you go to that site in a new window it automatically redirects you to http://www.d131.jp/ I believe that is why the back button doesn’t take you back to CSSzengardens. If you click back twice quickly or hit the backspace key twice quickly it will get you back to the Zen Garden site.

    -Adam

  5. resthereawhile said

    Folks:

    I mentioned that in the first class I took in the Fall of 2001, my teacher wanted us to design a website, and she gave me the assignment of researching CSS and of making a style sheet for it. The website is http://www.kofcessexmd.org. Remember to put the www. in there, as it will not work without it. The URL is different and I chose the kofc URL because it is the name of the organization.

    When the site appears, go to source, and you will see the CSS I devised. It was my first plunge into internet authoring. My teacher and I could not cause the website to produce a table, so you will see a lot of repetitious coding where the list of officers is. The website is not perfect, but it works!

  6. nemrt19 said

    Hey fellow students. I’m not afraid to let the whole class know that my geek level is like a 1 to 2. I get axious if I don’t know what I’m doing. Please notice that I’m having trouble and if you can HELP! I have no idea how this blog thing works.

    If someone could help me understand the homework stuff besides the reading. Which by the way I love that little green book. It made it easy for me to kinda understand whats going on. I’m a designer I make pretty art other techniqal things are not something I’m good with. So wish me luck.

  7. rdrummo4 said

    Hello,

    I think this class will be fun. However, right now, I haven’t a clue. So, I will need all the help that I can get.

  8. rdrummo4 said

    Hello,
    I was reading about xhtml at http://www.xhtml.ord/
    I like site because it also provides links to other sites and provides recommendations for current projects, etc.

  9. rdrummo4 said

    oops!!! http://www.xhtml.org/

  10. tpierce4 said

    Hello,
    I too am new to blogging and would appreciate any help in class. I agree with rdrummo4 comments that I don’t have a clue to what’s going on, but I do intend to learn and have fun doing it.

  11. j31c said

    Hey this is jaquetta part of the class of the webt143 and blogging is new to me

  12. resthereawhile said

    Folks:

    Designing web pages for the colorblind is important as one out of twelve visitors have this problem. An excellent link for this information is;

    http://www.allwebdesignresources.com/webdesignblogs/graphics/how-to-design-web-accessible-pages-for-the-colorblind/

    Here are some excerpts from the article:

    HOW TO DESIGN WEBSITES FOR THE COLORBLIND & COLOR COMBINATIONS
    As web designers, we are all used to having the entire palette of colors to choose from. Designing a website for the colorblind won’t limit your color palette at all, however, you will need to watch out for the color combinations that you do use. Learning what color combinations are “no-no’s” is a great place to start, because without this you will get nowhere. Basically, you need to remember to stay away from Red and Green Combinations. Although most people see Red and Green as contrasting, those with Anomalous Trichromat Vision Colorblindness (the most common type) will not be able to tell these colors apart. This also goes for combination with variations of green and red, including colors such as purple and orange.

    DESIGN CONTRAST IS IMPORTANT WHEN DESIGNING FOR THE COLORBLIND
    It is necessary that you prioritize your website’s content to find the most important content. The more important the content, the more necessary that it will be to make these items colorblind-safe. The most important aspects of a website are navigational text (includes image and button text), menus, headers, and subheaders. Make sure that these items are very high in contrast…this means that you should either make these items black and white or opposite ends of the color saturation pole. However, I suggest black and white as the best possible contrasting colors for these critical page elements. Also, with articles and other large format pieces of copy, using dark text on a white background is essential in my opinion. Maybe I’m getting old, but I am sure that we have all read an article online and landed up with a huge migraine headache because the yellow text on blue background was too much for our eyes to take. If you don’t want to use black and white for text, then after laying out the page, ask yourself, “Does this text Contrast Well With the Background?!” Use as much color as you want in the surrounding parts of the page, as long as it doesn’t take away from the contrast of the text.

    A website that uses a monochromatic look splashed with color is Adobe.com. Adobe’s website is very clean, professional, and most importantly beautiful.

    If you aren’t sure if a page is contrasted enough, one good tip is to desaturate your website (save first) in Fireworks or Adobe Photoshop and see if the images still have an impact. Desaturating the image will remove all the color from the image and this way you will be able to tell if the image has enough contrast without color to be seen. However, an easier way is to use these tools that I found on the net. The first one is The Web Design Evaluation Tool … This free online utility allows you to see the 3 different ways that your page can look depending on the viewer’s vision and color disability. Another tool that I found useful was the Colorblind Web Page Filter … The way that it works is that you type in the URL and then choose some options that describe different types of color blindness. Then this filter shows you what the page will look like to the colorblind viewer. Of course I had to try out these cool tools. I had a lot of fun playing around with the different ways that my website looks when changing the filters. Take a look at what AllWebDesignResources.com looks like in different colorblind filters. You can click on the images to go to see the pictures bigger or to play around with the colors yourself.

    I have difficulty with reds and greens, and there are some color combinations that I absolutely cannot read.

    Good Luck,

    Dan Pasten

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: