I wish that I could say that I created my website from scratch, but that would be a lie. I used the template simplestyle_purple from https://www.html5webtemplates.co.uk/templates.html to create my website. One of the first things I did was access all the html pages for all of the pages on my sight and changed the logo from simplestyle_purple: Simple. Contemporary. Website Template. to Maddie Glanton: My Introductory Website. A challenge I faced with this was when I originally didn't realize that I had to change the logo on ALL of the html pages, not just my home page. I also had to do this with my social media accounts section and the link to my Weebly website. The next thing I did was change the existing links that just led back to my home page into links to my social media accounts. At first, I was wracking my brain to remember how to type out a link in code, but then I had a aha moment. I copied the urls of my accounts and put them in between the quotation marks in <li><a href="">Name of Social Media</a></li> and voila! I had links to my social media accounts and Weebky website on every page. I then had the challenge of changing the names of the tabs, which ending up being very simple. I kept the original html tag, for example index.html, and changed the appearance name like index to Home. From there, I started typing information on the Home page and I was fine until I tried to make certain words links to the only website pages. I used the same link procedure as I had with the social media accounts, but I couldn't get one to come out the way I wanted it too. Luckily, I realized that at the end of my link coding I had switched the a and the backslash where it looked like <a/> instead of </a>. I fixed the mistake and everything turned out the way I wanted it too. The thing I had the biggest problem with when creating my website was pictures. The collage of myself on the home page was no problem as I made it the same size as the first banner picture and just switched the .jpg in the coding. The photos on the Summary of Me page were a whole other story. At first, one of the pictures was just not showing up, which ended up being because I forgot to put style/ in front of the .jpg. Then the picture of my family ended up being too small when resized to fit the original so I reverted it back to the bigger size, which fit perfectly. The photo I had the worst trouble with was the photo of my pets. No matter what I did, the photo kept getting cut off. I eventually solved the problem by resizing it over and over until it fit. It took a while. I then typed up the rest of my website. This involved using a header 2 code and the <strong> code to bold words. I then moved onto my changes of the style sheet. Using the W3Schools website, I picked the colors for my header, footer and border. I changed the light purple header and footer of the original template into a nice blue ranging on purple. I then changed the color of the borders from a dark purple into a light pink. I then found myself unsatisfied with the thickness of the header and footer borders and decided to make them thicker. The original thickness was 2px and now the thickness is 10px. I then realized the second color of my logo, which was dark purple, no longer matched the theme of my website. I changed the second color to light pinking, keeping the first color white. Along with this, I changed headers 1, 2, 3, 4, 5, and 6 to be the same blue color as the header and footer. The last two things I changed on the style sheet were the font of the logo from Arial to Brush Script MT and the menu hover color from dark purple to light pink. I think over all my website fits my image of my ideal website, except for a few minor details. In my ideal website, I would have had a picture below "Have fun exploring!! :)" on the home page. I would have also had pictures of my hobbies and favorite things respectively on the Hobbies and Favorites page. I would have also liked a picture next to my "logo" (my name). Besides that, I feel like this website is pretty close to what I imagined. As for design strategies, I used a lot. I put emphasis on my titles and answers to what my favorite things were, hoping the boldness would draw the audience's eyes and cause them to click on them to know more. For color, I used a calm blue and pretty pink to give my website a calm, friendly feel that makes the audience happy when they look at it. In terms of organization, I tried to make my website user friendly by giving the audience an explanation of the website on the Home page and gave the audience links to everything so they won't get confused. In terms of proximity, I tried to keep everything close, but not squished so that the audience would not feel contained to much and so that the could still find everything easily. Over all, I hope my website is perceived as pretty, user friendly, and fun to be on.
0 Comments
Leave a Reply. |
|