2nd Website Project utilizing Dreamweaver

     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

I made a website from scratch with Html

    This month I learned basic website coding skills. I made a functional website with Html and CSS code. My teacher navigated me to the right online tutorials and information. The Html textbook I am currently reading is very helpful too but it takes a while to peruse through everything. This was not my first time dabbling with Html. Back when the Myspace website was popular, I often changed my Myspace layout with Html. I have always wanted to build a website to host comic book pages that I created from my imagination. This month presented that opportunity and that's what I did. I had a special dream a long time ago, of my father and I walking in a field. For some reason, I am very young in the dream. A child. Something very random happens in that field.

        I wanted to draw and build the entire story in a comic book format, and I started it, but I soon found out that refining every panel would take a long time. So I decided to make 3 pages and to have a "To be continued..." panel at the end of the image page. The 3 pages I created are the very beginning of the dream story. They are rough drafts, collages of what will be refined in the future. I have to smooth out the sceneries and redraw every line in smooth, thick, black lines. The characters need to be shaded etc. I do plan on finishing the comic book style story next year so I won't explain the entire story. You should all check back for the continuation. 😉

    Building the website with Html and CSS was extremely fun. As of this moment, the teacher wants me to build a CSS parent/master page that controls the other Html pages of the website. I am following tutorials and learning as I grow in knowledge and practice. I have a friend that volunteered to host my website. You can view it here. Click. It is pretty much complete. Some people think the "title image" should be centered but I like it on the left side of the website. I am very proud of how easy it is to flip the pages with the "Previous and Next" buttons. There is also a "Select Pages" drop down menu that helps to find a specific page. I got this idea from the free read a certain manga websites you can find online when you Google a specific manga book title. The "Contact Me" page is also pretty easy to use. The icons indicate how to get ahold of me and leads you to my social networking pages if you click on their images.

The foundation of the site

The Home Page completed

First Page and Drop down menu

Contact Me icons page