1. ET-710 WEB-DESIGN By Bart Chuchro Queensborough Community College

2. Home Page CSS3 Design MS Expression Web Styled into a notebook CSS3 Dropdown Menu Page uses JavaScript to hide and show DIV’s Java Script used to insert text into a DIV for the Image map CSS3 rounded corners and shadow

3. CSS Dropdown Menu Nested Unnumbered List CSS3 Rounded Corners and Box Shadow Hover pseudo-class used to change appearance on mouse over Issues with browsers not supporting CSS3

4. Rounded Corners and Shadow Web-Kit Browsers Left and Right Lower Corner Rounded Mozilla Browsers Left and Right Lower Corner Rounded CSS3 Standard Box shadow

5. Rounded Corners and Shadow Value 15px represents radius of the corner Last is the color of shadow Third value is radius of shadowSecond value is Y-offset First value is X-offset

6. Link Info for Image Map This Image Map is showing a description for each external link on the image map when you hoover a mouse pointer over the link.

7. This Java Script goes in to a head tag This is Image map Area tag onMouseOver Text will be added to link_desc Div tag. This is the div containing Description for the link Code for Image Map Description

8. CSS Calendar Layout This project required a CSS formatting of the calendar contained in the table. Using External style sheets makes it easy to maintain and change the page colors and layout.

9. My Favorite classes frameset This page was designed using frame set. Each section is a separate frame and a separate html file. Clicking on the link in one frame commands to change the content in another frame.

10. Tribute Page Linux OS This Page is dedicated to Linux OS. It provides external links to different Linux distributions. Next link will take you to the essay Part and then to gallery. You can also link to different areas using navigation drop down menu

11. Image Transformation This page was done using Picasa and Photoshop. Using JavaScript onMouseOver property image is toggled between before and after editing. Side div contains description using overflow property I can add scroll bar to the div.

13. The End