HTML Elements

• Basic formatting tags (Exercise 1 & 3)
  • every page has the standard format (too many to list off!)
    
• Text Styles and Lists (Ex. 2)
  • used text styles sparingly after the creation of the css (see below)
  • unordered list-npc-info
  • unordered list-artsc-elements(you are here)
    
• Images and Graphics (Ex. 3)
  • art sci-yes!
  • a good example-npc home page
    
• Links (Ex. 4)
  • npc-to survey from cart
  • artsci-mailto on contact
    
• Jump Links (Ex. 4)
  • npc-science (links back), dr.ochabski in menu on home page/nav under about us, cart, etc.
  • artsci favs-web design has sites that jump, personal sites , blog , etc
    
• Tables (Ex. 5)
  • npc-cart, each product page, contact, everything!
  • npc-the form has a wicked table
  • art sci-any art/design page-web design, fine art, 3d , etc.
    
• Frames (Ex. 6)
  • because they are generally not search engine friendly, we did not add them to our professional sites
  • you can view our past frame work on our personal sites-Peter & Jana
    
• I-frames (Ex. 6)
  • npc-every page is set in an i-frame on the home page unless it jumps
    
• Forms (Ex. 7)
  • npc-questionnaire
  • our old sites had forms too!
    
• CSS (Ex. 8)
  • oh yeah!-npc-style sheet on every page!
  • artsci-for menu & general
    
• Javascript (Ex. 9)
  • npc-menu & config
  • artsci-menu, pop-ups in art/design galleries, tracking, mouseovers (we got really into javascript and even did a week long tutorial!)
    
• Animated GIFs
  • art sci-direct link from home page
• Image Maps
  • artsci-nav at bottom of each page
• Audio/Video
  • artsci-holiday web
• Flash
  • artsci- all photo gals, the Flash nav in middle of web gallery

We used Dreamweaver, Fireworks, Photoshop, Illustrator, Flash (where would we be w/o Adobe?) and copious amounts of hand coding. You can see in our code where we had to go in and tweak each table, css, etc by where the program's formatting changes its justification. We could have never done these sites on programs alone as the complexity needs tweaking to the pixel. By the same token, no one could imagine doing this all by hand-are you mad?!

We worked on this final all nite every nite for the last 3 weeks. We took turns doing different parts and so our work over laps alot. You couldn't build a better team! For arguments' sake, a few pages Peter put extra effort into-npc home page, artsci interior top nav, artsci javascript top menu working with mouse overs.
Jana is claiming-the art sci galleries layout & javascript, npc form, npc products images and layout, css for both sites
As for the rest, (we didn't get any >.<) we work side by side and reference and improve eachother's imput constantly!

I hope all the above links work but you get a good overview. These are just a sampling of all the elements as you can see...Artscientific is taking forever to upload, 2+ hours, and that is why this elements page is coming in late, but it is linked at the bottom of the home page of artsci! JEFF!3L3M3NT5!