This week, I used Adobe Dreamweaver to insert text to my website and also to add a video to the "Home" page of the website.
I began by copying the text I had already written to be used on my articles from Microsoft Word and pasting them into "Div" boxes on each of my web pages in the position and size I required. From here, I could format the text to the appropriate size, font and layout for my articles by using the CSS function available in Dreamweaver. CSS code is a more efficient way than HTML code to edit and present web pages online, as it "conserves user bandwidth, thus speeding page load times, especially over dial-up; reduces owner server and bandwidth overhead, saving money; reduces design and development time," (Zeldman, J. (2006, 220).
Once I had finished formatting all of the text on each web page, I could add any additional media to the content in Dreamweaver. I chose to add a video to my home page, relating to the site (RSPCA television commercial) which I added by inserting the following embedding code in appropriate section of my HTML code for my "Home" page:
<iframe width="560" height="349" src="http://www.youtube.com/embed/dsnOxmp7zbM" frameborder="0" allowfullscreen></iframe>
Next week, I will begin the final part of the production process for my website: creating the links between each page.
No comments:
Post a Comment