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

Movie Trailer Remake

Pre-Production For this project, we were assigned a specific movie about high school, and were told to remake the trailer. My group was assigned "Ferris Bueller's Day Off" for our movie. I was pretty excited about this project to start with because I really like the movie I got, and I thought I got a good group. However, this project was certainly not an easy task, so we had a lot of work to do. We started off with all of our pre-production activities. This included story boarding, completing a beat sheet, and figuring out who to cast for each role. Our group decided to mainly cast from our own group to make scheduling a little easier. However, we still casted all of our adults, plus two of our main characters from outside our group. Before we started filming, we also figured out what we were going to do for locations, props, and costumes. Most of our group chipped in for some props or costumes, and we mainly decided the locations as a group. Once we had all of that...
Post a Comment
Read more

Ten Words Animation

Ten Words Animation Overview In this project, we were tasked with creating a video animation on Photoshop that included our first and last name, along with ten words we came up with that describe ourselves. We were taught a few things on how to use Photoshop, and were also able to use some of our prior knowledge from Illustrator to help us come up with a good layout, and then we created the actual animation. How We Did It For this project, we started off by typing in our ten words, along with our name. Once we had these in, we could choose individual colors and fonts for each word. After this, we had to put them into an arrangement on the page that was pleasing to the eye, and had an equal amount of white space between each word. Once we had done this, we created the animation itself, which included us making the letters move from one point to another, fade, and flip around. After we had done this, we were left with our final animation. Conclusion Overall, I believe thi...
Post a Comment
Read more

Color Wheel Project

Color Wheel Project Overview During this project, we worked with Adobe Illustrator to create a color wheel. Beforehand, we were taught a little bit about the color wheel and program we would be working with, but since this was our very first time working with Adobe Illustrator, we had to do a lot of experimenting with the different tools. This project as a whole was a very good learning experience for me. It really helped me test the waters for a brand new program. As a whole I think this project will really help me in future projects, and it was a good way to start off our journey. My final design How We Did it During this assignment, we started off by making a big circle with multiple triangles imbedded in them by using the different shape tools. After that, we used the ellipse tool to create three circles that represented the primary colors. We then made squares and triangles that would represent the secondary and tertiary colors respectively. This whole process was ...
Post a Comment
Read more