Skip to main content

Website Portfolio Project

Website Portfolio Project

Overview

After all we have done this year in e9, we were assigned with creating a website on Adobe Dreamweaver to showcase all of our work for the semester. This website we would be creating would have two pages; one that was a main page, and talked about us, and then another page that was completely dedicated to our projects in e-Comm. Both of these pages were also accompanied by a sidebar, footer, links, and headers that we had to edit and change ourself.

How We Did It

This project on Dreamweaver was able to teach me a lot about the program, along with how to make a layout look pleasing to the eye. We started the project by changing the necessities of a web page, which are headers, a sidebar, and a footer. All of these aspects helped to make the page look much more presentable and professional. After this, we imported a picture of us, and our "Elevator Pitch" into the main page. These would help to serve as an introduction for the people entering our website. We then learned how to embed links into our sidebar, so we could access other important links, as well as our projects page. We then moved on to our projects page, and began to put in all of our best work from throughout this year. This included multiple projects involved with Graphic Design, and Animation. Once we had done this, we were able to focus more on the design of our web page, and began to change the color of our background. Once we had come up with a color scheme that we liked, we started to change the colors and fonts for the writing in our website. We also learned how to change the colors of the links in our sidebar. This required us to choose a color for when the link has been activated, when it is being hovered over, along with a starting color. Once we had completed this, we tweaked and changed our design until we were happy with our webpage.

Conclusion

I actually really enjoyed making this webpage, which I wasn't really expecting. I thought I would hate the code aspect of Dreamweaver, but it wasn't as bad as I thought it would be. I enjoyed the fact we had all the power of making our website look exactly how we wanted it. There were a lot of different aspects we could change to make our website unique and creative. As a whole, I thought the project went pretty well, and I didn't have too many issues with the program once I got going. This project was an enjoyable experience for me, and I am very pleased with how my website looks. Even if this is all I learn in web design, I am still glad I did this project because I think it is very valuable to have the knowledge of how to make a website. This was a great introduction into web design.




Comments

Post a Comment

Popular posts from this blog

Music Video

Pre-Production For this project, we were separated into groups and were told we had to either recreate a real music video, or create our own from scratch. Our group decided we would recreate a music video for our project. For our song, we decided to go with "Bet on it" from High School Musical 2. In this video, the actor starts out a little troubled, and ends in a very confident and defiant mood. Our group wanted to help recreate this change of mood in our music video. To start the process of making this video, we had to complete our pre-production work. This was by far the most work we've had to do in pre-production for any of our videos. We had to make a beat sheet, which showed what was going on in each individual clip, as well as the length of the clips. We also had to storyboard, and show the mood of the music video in the beginning, middle, and end. Our group was very productive in pre-production, and finished as quick as we could so we could get right in to film...
Post a Comment
Read more

Vector Portrait

Pre-Production To start out with this project, I had to choose a picture for me to vectorize. I don't take a lot of pictures, so I didn't have a lot of pictures to choose from. I eventually decided to crop myself out of a picture with my family and use that for my vectorized portrait. Once I imported this picture, I brought it in to Adobe Photoshop. In Photoshop, I used the posterize option to clearly separate the differences in color. This allowed me to make more specific shapes that would eventually make my portrait look a little more realistic. Then I imported this updated picture into Adobe Illustrator. When I started in Illustrator, I had to make two art boards. Both of the art boards would have my original picture on it. However, one of them would have a decreased opacity, and that picture would be the one I trace over to create my vector. The other picture was simply used for reference, and to grab colors for my vector. Production When I first started this project...
Post a Comment
Read more

Graphic Design Second Semester Review

Projects Typography For this project, we had to come up with quotes and then make four unique typography designs using various colors and fonts. We completed this project over the span of about 1-2 weeks. This project was difficult for me because I tend to get stuck on the same idea often, so when I came up with one design, I struggled to create other unique and interesting layouts for my type. I also struggled to find good colors to use for some of my designs. This project really helped me to learn much more about the use of type/text in designs. I learned how to make fonts stand out by using different font types such as script and serif. I also became much more comfortable with the pen tool as I had to trace certain graphics. For this project, I often asked my peers what fonts or colors they preferred so that my designs could look even better. With my original designs, most of them were very similar and did not include very many graphics. So, in order to make my designs more in...
Post a Comment
Read more