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

ONW Now Sophomore Edition

This was definitely the hardest project we've done this year. Not only was the time schedule very hard to meet, but there was also just a lot of things that had to be done. I definitely learned a lot about all the work that goes in to making a good news show. I learned how much goes on behind the scenes, such as what is done in the control room and with the camera and teleprompter. Personally, I really enjoyed working in the control room for this project. It was definitely a lot of pressure to work completely on the go. I had a huge part in the live recording of the show, which was definitely stressful, but I still enjoyed it. After doing this project, I would say the most important aspect of a successful news show is organization. It is extremely important for everybody to know exactly what their job is so they can execute perfectly. It is also very important to have good communication among your crew. For example, we didn't do a great job at communicating with our anchors...
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