Task Analysis

1. Turn on computer.
2. Open the Dreamweaver.
3. Click File > New to create a new blank HTML document.
4. Create a new folder, named “My Website”.
5. Click File > Save Ctrl+S (PC) / Command+S (Mac).
6. Save your blank HTML document in the folder “My Website”, the file name – index.html
7. In your “My Website” folder, create another folder named “Image”
8. Chose your workspace Layout.
9. Click Window > Workspace Layout > Designer.
10. In your top of HTML document, insert a descriptive name in TITLE column, For Example “My Website | Home”.
11. Click File > Save or Ctrl+S (PC) / Command+S (Mac).
12. Click the Global Icon from the top of your HTML document to preview your HTML document.
13. Select Preview in Internet Explorer or Firefox or any other listed browsers.
14. You’re see your TITLE appeared on top of the browser.
15. Go back to Dreamweaver.
16. Click Table icon from Common Tab of Insert Bar.
17. Type number for column of rows & columns
18. Type number for Table Width
19. Type number for Border Thickness
20. Click Header – chose None, Left, Top or Both
21. Click OK button
22. Click the left-top column of your table
23. Insert Text
24. Click the next column of your text
25. Copy or Move images to your folder “My Website > Image”
26. Click Image Icon from Common Tab of Insert Bar
27. Hold down the drop-down menu and then chose Image
28. You’re see a pop up Dialogue window of Select Image Source
29. Select an image from you’re folder “My Website > Image”
30. Click OK button
31. Give a name to identify your image in the Alternate text column, For Example: myimage
32. Click OK
33. Look at the bottom of your HTML document window
34. You’re see a Properties Inspector
35. Type numbers 1 & 2 in your document bottom
36. Highlight the number 1
37. In the Properties Inspector , there is a LINK column, type index.html
38. Hit Enter key on your keyboard
39. Preview your HTML document in the browser
40. Click the Global Icon from the top of your HTML document to preview your HTML document.
41. Select Preview in Internet Explorer or Firefox or any other listed browsers.
42. This is your first web page.
43. Follow the above steps to create the second HTML document
44. Save it to the same folder “My Website”
45. Image should be SAVE to folder “My Website > Image “
46. Type numbers 1 & 2 in your document bottom
47. Highlight the number 2
48. In the Properties Inspector , there is a LINK column, type 2.html
49. Hit Enter key on your keyboard
50. Preview your HTML document in the browser
51. Click the Global Icon from the top of your HTML document to preview your HTML document.
52. Select Preview in Internet Explorer or Firefox or any other listed browsers.
53. In your browser, click the number 1 or 2
54. Now, you’re 2 web pages is linked together.
55. You’re done your first website.