Simply floating

In this video the author shows how you can float an image where it is on one side, and the text wraps around it. He also demonstrates how easy it is to create margins around the picture.

Box model video

In this video the author explains the text box and the margins. He explains that you cant actual see the margins when editing? He then goes on to show some borders.

Spry

For this assignment i learn how to create an easy to navigate drop down menu. Dreamweaver does all the work in the coding which was quite a relief. These kind of menus can make large navigation bar look very simple.

http://bcts-potomac.aacc.edu/cat/01/week12/menu.html

spry

http://bcts-potomac.aacc.edu/cat/01/SpryAssets/

Final Project

I have begun building out my site in dreamweaver. I used slices that i made from fireworks and built them into the template. I can still fine tuning some things, but the templates makes updating very simple.

http://bcts-potomac.aacc.edu/cat/01/final-website/

Killer Web content

This article was interesting in demonstrating various popular heading lines and comparing them with unpopular headings. It also made a point on how the internet is an excellent tool in dertermining what kind of things people are looking for.

https://angel.aacc.edu/section/content/Default.asp?WCI=pgDisplay&WCU=CRSCNT&ENTRY_ID=0F97B1518EBF4EA58147B9BE217D3DD5

CSS basics

This page gave some practical exercises for some basic CSS techniques

http://www.adobe.com/devnet/dreamweaver/articles/css_page_layout_basics.html

css layout

This gave some practical advice towards building out a page with CSS.

http://www.adobe.com/devnet/dreamweaver/articles/css_starter_pages.html

Final Project Final Comp

For this comp i changed the grid a bit to make it easier for slicing. I added a sub title to the name and logo. I altered the colors a bit and changed the logo. I also made the picture graphic fit together a little better.

http://bcts-potomac.aacc.edu/cat/01/fogepage/yoga-com-425jp.jpg

Finalized Foge

For this i took the design comp of the foge Page and sliced the graphics to move into dreamweaver. It is now in html. formate. It was neat seeing how everything comes together. I was very happy when i got the rollover working.

http://bcts-potomac.aacc.edu/cat/01/fogepage/final-foge-page4wed.html

List design

For this assignment i learned some different keys to leaving tag and how the effect the CSS for formating lists for bullets

custom list bullets

http://bcts-potomac.aacc.edu/cat/01/lists/lists-of-arm-balances2.html

Exercise

http://bcts-potomac.aacc.edu/cat/01/lists/examples.html