Adding images, sound, and motion to web pages

Sight, Sound, and Motion! (video)

  1. Find and download a sound file from the internet (free files only!). This can be .mp3, .wav, or any other type you desire
  2. Locate a video file of your choice on YouTube.com and copy the HTML code that they provide to you
  3. Create a new basic HTML page in Dreamweaver
  4. Click align center
  5. Type ‘Sight, Sound, and Motion!’
  6. Highlight the text
  7. Click “B” for bold
  8. Click align left
  9. Type ‘Sight’
  10. Hit enter
  11. Add a bullet
  12. Type ‘Animaniacs’ (preferrably something of your choice – band, cartoon, children)
  13. Hit enter
  14. Type ‘Pinky and the Brain’ (preferrably something of your choice – band, cartoon, children)
  15. Hit enter twice
  16. Type ‘Sound’
  17. Hit enter
  18. Add a bullet
  19. Type ‘Homer Simpson’ (something to match your sound file)
  20. Hit enter twice
  21. Type ‘Motion’
  22. Highlight ‘Sight’ click ‘B’ to make it bold and ‘I’ to make it italicized
  23. Highlight ‘Sound’ click ‘B’ to make it bold and ‘I’ to make it italicized
  24. Highlight ‘Motion’ click ‘B’ to make it bold and ‘I’ to make it italicized
  25. At the bottom of the page, click align center
  26. Type ‘Return Home’
  27. Save this file
    1. Click save
    2. Create a new folder called homework4 within your public_html/comw100 folder
    3. save this file as index.html in the public_html/comw100/homework4 folder
  28. Highlight return home
  29. Click the link in the toolbar
  30. Select the yellow folder
  31. Select your homework page (public_html/comw100/index.html)
  32. Create a new basic HTML page
  33. Click align center
  34. Type ‘Animaniacs’ or what you selected
  35. Insert a table that is 2 rows and 2 columns in size
  36. Save this page as animaniacs.html (or what you selected) in the public_html/comw100/homework4 folder
  37. At the top of your page below ‘Animaniacs’ type ‘Return Home’
  38. Highlight the text
  39. Click the link in the toolbar
  40. Select your homework 4 page (public_html/comw100/homework4/index.html)
  41. Insert images into each of the four cells
    1. You must first find four images of whatever topic you selected for this page and save them to the public_html/comw100/homework4 folder
    2. In cell one
    3. Click the image button in your toolbar
    4. Select an image of your choice
    5. Repeat steps 3 & 4 for each of your images
  42. Click save
  43. Repeat steps 30 – 40 for your second topic
  44. On the homework 4 page (public_html/comw100/homework4/index.html), create links to the two pages you just created
  45. Copy the sound file you located earlier to your homework4 folder (public_html/comw100/homework4)
  46. Highlight ‘Homer Simpson’ (or what you selected) under sound
  47. Click the link button in the toolbar
  48. Select your sound file
  49. Click ok
  50. Place your cursor below the text that says ‘Motion’
  51. Click ‘Split’
  52. Copy the code given to you by YouTube.com and paste it to the top pane (HTML code) of your winow
  53. Save your homework 4 page
  54. test your page in Internet Explorer
  55. Open the homework page (public_html/comw100/index.html)
  56. Highlight ‘Homework #4’
  57. Click the chain or link in the toolbar
  58. Select your homework 4 page by clicking the yellow folder (page is public_html/comw100/homework4/index.html)
  59. Click save
  60. Upload the following files to your web space
    1. public_html/comw100/index.html (because you changed this file)
    2. public_html/comw100/homework4 (new folder including all contents)
Advertisements

Comments are closed.

%d bloggers like this: