1. Using Hyper Text Markup Language to develop a Web page

2. Objectives Define vocabulary of HTML and use words to make tags. Define key HTML tags and implement them in source code. Create Web page using Notepad and view it in Browser.

3. Objectives Explore and Master Lewis and Clark’s journey by research, cooperative work, and writing.

4. Journal Entries (5) Geography Climate Science (animals, plants) Co-explorers Native Americans

5. Journal Pictures (2) Choose 2 areas from above. Make 2 pictures for journal entries.

6. Journal Pictures (2) When scanning or saving an image, abide by the following protocols: The image must be saved as a JPEG format only. All images must be saved with the extension.jpg Your first image should be called yourname1.jpg. The second image yourname2.jpg.

7. Journal Pictures (2) All measurement is pixels only. If the image is horizontal (or landscape format), it must be cropped to no more than 700 pixels wide. If the image is vertical (or portrait format), it must be cropped to no more than 350 pixels wide.

8. Journal Pictures (2) The resolution is set to 72 DPI only The color format is RGB or Grayscale only

9. Sources (7) One source for each journal entry (5) One source for each picture (2) Sources cannot be duplicated. Sources must be from academically acceptable websites.

11. l

12. l

13. login

16. Vocabulary URL---Universal resource locater or address of a Web site. This is the URL

17. Vocabulary HTML---Hyper Text Markup Language.

18. Vocabulary HTML---Hyper Text Markup Language.

19. Vocabulary Link---A clickable element that “links”

20. Vocabulary Link---A clickable element that “links” or connects a page to another page within the same Web site.

21. Vocabulary Link---A clickable element that “links”, or connects, a page to another page within the same Web site.

22. Vocabulary Hyperlink--Connects a page to Web.

23. Vocabulary Hyperlink--A clickable element that “links” or connects a page to another page on the World Wide Web.

24. Vocabulary Tag---Code that instructs the browser to do a task. For example, tells the browser that this code is comprised of hyper text markup language.

25. Class website has link to our pages

26. Lower case for all coding. Lower case for all file names. OK to use/upper/lower case for content

27. Make a new folder on your desktop Name it using your first name and last intitial only. pauls, for example.

28. Go to the following website: http//:carversville.com/us1 Locate your class (a12, a34, a78) Locate your directory.

29. Click on your directory Right click on the your page

30. Open Notepad. Paste the code from your webpage into the Notepad file. Save the Notepad file as index.html to your directory.

32. Save the image to the same directory of your.html file. Drag the image to a browser.

33. Copy the entire URL

34. Now, go back to your Notepad file. Find the following code: Paste the URL and replace images/yourname.jpg. Save, refresh browser.

35. Now, go back to your Notepad file. Find the following code: Paste the URL and replace images/yourname.jpg. Save, refresh browser.

36. Building Pages A simple program— Notepad—used to make Web pages

37. Building Pages Open Notepad.

38. Building Pages Open Notepad. Type the following HTML tag exactly as shown:

39. Building Pages Open Notepad. Type the following HTML tag exactly as shown:

40. Building Pages Type the following HTML tag exactly as shown:

41. Building Pages Type the following HTML tag exactly as shown:

42. Building Pages Type the following words (you may substitute your own words): My First Web Page

43. Building Pages Type the following HTML tag exactly as shown:

44. Building Pages Type the following HTML tag exactly as shown: Notice the “front slash” / before the word title.

45. Building Pages Type the following HTML tag exactly as shown: The “front slash” / tells the browser to stop a function. In this case the function is to put a title in the very top of a browser page.

46. Building Pages Type the following HTML tag exactly as shown:

47. Building Pages Then: press enter

48. Building Pages Type the following HTML tag exactly as shown:

49. Building Pages Type the following HTML tag exactly as shown: This tells the browser text is following: The text is Arial, the color is black and the size is 3 on scale of 1-7.

50. Building Pages Type the following words (you may substitute your own words): This is my first Web page. Welcome!

51. Building Pages Type the following HTML tag exactly as shown: This tells the browser to stop looking for text.

52. Building Pages Type the following HTML tags exactly as shown: This tells the browser to stop looking for any more tags. press enter

53. Save Your Page Save your Web page like this: In the “Save as type” box, choose All Files firstname+last initial.html (pauls.html)

54. View Your Page Now, view your page. You can do this two ways: 1.Drag the icon of your Web page to a browser window 2.Or go to a browser and choose File/Open and navigate to your file.

55. View Your Page Now, view your page. You can do this two ways: 1.Drag the icon of your Web page to a browser window 2.Or go to a browser and choose File/Open and navigate to your file.

56. Congratulations!