Learning how to use Dreamweaver was a little bit of a challenge for me but in the process I ended up memorizing some valuable CSS codes. I am now comfortable making separate <div classes and using advanced HTML5 and CSS codes when building websites. I was gently pushed by my teacher to pick a website online and to try to replicate it. I chose to try and replicate a WIX musician portfolio website that has a split screen. A friend of mine is a shy musician but he agreed to let me use his images and videos as content for the site. I tailored the website theme to meet his emo style. The website is made as a fake musician portfolio for him, highlighting his guitar playing skills and his music taste etc.
I found the split screen layout code on the W3Schools website. It worked but with some glitches that my teacher, friends, and I had to tweak. I spent a few days changing words and numbers in the code till I learned what was what and what did what. It was a great learning experience! I wish Myspace.com was still around so I could build cool Myspace layouts all day LOL.
For the INSPIRATION section I vectorized my friend's selfie profile picture and added headphones and put it next to his Spotify playlist. He loved it! The CONTACT page has a cool text effect in it if you click the picture there. The BOOKING section that lists his fake booking agents was made entirely in Dreamweaver. I learned, at the end of my project after putting it online that the code I used worked well on desktops and laptop computers but not as smoothly on mobile phones. I did my best to try and solve this dilemma but I wasn't able to fix everything. If you would like to see the website message, comment, or email me. The class project was directed at laptops and desktop computers and so I got an A mark. In my previous blog entry about building a comic book page flipping website, the code that was used for it is mobile friendly. It's just another lesson learned for me. I have grown a lot taking these courses and I know that I'll just keep getting better and better at coding websites. You have to remember that I didn't use an easy website builder with widgets like WIX or SQUARESPACE. I built everything from scratch using only HTML and CSS. The Dreamweaver textbook taught me how to easily tweak things and add useful elements but I also had to Google a lot of the solutions myself. I am happy that I know now the basics of building websites. It will be interesting to see if Dreamweaver evolves to implement widgets in it's website building strategy in the future.
 |
| Using Dreamweaver to build the BOOKING page |
