Week 7: Putting It All Together
With using the textbook on chapter 9, "Putting It All Together," I created a possible portfolio website. Some of the examples and codes helped me with the possible portfolio. Screen and print sheet also attached. No CSS style view also works.
I love how it turned out! (:
Portfolio
Design Objective:
For the design objective, I added jquery/javascript tab contents in the page, so the content boxes fades or transition every time the tabs are clicked. So instead of making more than one HTML one, I used jquery to put tabs to make separate pages. A smart way. I created a small design of my name to let it known and put it out there. I created the background, so the background won't look as plain. I also added CSS3 to make my page with much more style; CSS3 with rounded corners. I was going to use drop shadows as well, but then it didn't look that good with the tabs content. I tried using a gradient background with CSS3, but it won't show up on my Firefox browser.. The @font-face code is very useful. I like using a font family type that I chose. The font family I used is called QuigleyWiggly. The portfolio page with the gallery has the jquery of image viewer. I like using it because it shows a preview of the images to users. Also, if they like what they see on the images, they can click on the link to view a larger image.
Target Audience:
I target the audience for future employers, teachers, students, and anyone who visits my portfolio page. I set up a portfolio page of a gallery for them to see my recent works and skills. I designed the page to make it user friendly and easy to navigate. Therefore, the viewers will continue to browse through my page.
No comments:
Post a Comment