1. © Thierry Karsenti, Université de Montréal, 2004 Learning to Create Web Pages…

2. © Thierry Karsenti, Université de Montréal, 2004 In the Blink of an Eye Thierry Karsenti, Ph.D., Université de Montréal

3. © Thierry Karsenti, Université de Montréal, 2004 My goal To simplify Web page creation for teachers and other school staff. To simplify Web page creation for teachers and other school staff.

4. © Thierry Karsenti, Université de Montréal, 2004 Who am I ?

5. © Thierry Karsenti, Université de Montréal, 2004

6. Why create Web pages ?

7. © Thierry Karsenti, Université de Montréal, 2004 How is a Web page created ?

8. © Thierry Karsenti, Université de Montréal, 2004 It can be very, very difficult..

9. © Thierry Karsenti, Université de Montréal, 2004 It can also be very, very easy.

10. © Thierry Karsenti, Université de Montréal, 2004 Minimal knowledge of technology required.

11. © Thierry Karsenti, Université de Montréal, 2004 Microsoft Word Microsoft Word Email Email Organizing your files in your computer. Organizing your files in your computer.

12. © Thierry Karsenti, Université de Montréal, 2004 There are always three main steps to creating a Web page.

13. © Thierry Karsenti, Université de Montréal, 2004 … It takes me less than sixty seconds to create a Web page.

14. © Thierry Karsenti, Université de Montréal, 2004 … that’s because I’m much slower than my students.

15. © Thierry Karsenti, Université de Montréal, 2004 What are the main three steps ?

16. © Thierry Karsenti, Université de Montréal, 2004 What is a Web page ?

17. © Thierry Karsenti, Université de Montréal, 2004 Any page accessible on the Web…

18. © Thierry Karsenti, Université de Montréal, 2004

20. What would you have to do to create a Web page that could be accessed from anywhere, by anyone ?

21. © Thierry Karsenti, Université de Montréal, 2004 There are always three main steps to creating a Web page.

22. © Thierry Karsenti, Université de Montréal, 2004 1.

23. You CREATE a page on your computer… or any computer.

24. © Thierry Karsenti, Université de Montréal, 2004 2.

25. You SEND your page to a server.

26. © Thierry Karsenti, Université de Montréal, 2004 It can be your school server, your private server or any public server such as GOOGLE.

27. © Thierry Karsenti, Université de Montréal, 2004

28. 3.

29. You VERIFY on the Web.

30. © Thierry Karsenti, Université de Montréal, 2004 A Web page in 60 seconds ?

31. © Thierry Karsenti, Université de Montréal, 2004 1.

32. You CREATE a page on your computer… or any computer.

33. © Thierry Karsenti, Université de Montréal, 2004

35. 2.

36. You SEND your page to a server.

37. © Thierry Karsenti, Université de Montréal, 2004

40. 3.

41. You VERIFY on the Web.

42. © Thierry Karsenti, Université de Montréal, 2004

43. A Web page in 30 seconds ?

44. © Thierry Karsenti, Université de Montréal, 2004 1.

45. You CREATE a page on your computer… or any computer.

46. © Thierry Karsenti, Université de Montréal, 2004 With almost any software… Microsoft Word, Claris, Frontpage, Dreamweaver

47. © Thierry Karsenti, Université de Montréal, 2004

49. 2.

50. You SEND your page to a server.

51. © Thierry Karsenti, Université de Montréal, 2004

55. 3.

56. You VERIFY on the Web.

57. © Thierry Karsenti, Université de Montréal, 2004

58. What about making it a little more difficult ?

59. © Thierry Karsenti, Université de Montréal, 2004 What are the “things” you find on a Web page ?

60. © Thierry Karsenti, Université de Montréal, 2004 Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√

61. © Thierry Karsenti, Université de Montréal, 2004

62. Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√√

63. © Thierry Karsenti, Université de Montréal, 2004 What about using Dreamweaver ?

64. © Thierry Karsenti, Université de Montréal, 2004

69. Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√√ √

70. © Thierry Karsenti, Université de Montréal, 2004

71. Text Text Links Links Pictures/images Pictures/images Sound Sound video video ??? ???√√ √ √ √

72. © Thierry Karsenti, Université de Montréal, 2004 A few other things…

73. © Thierry Karsenti, Université de Montréal, 2004 1.

74. You CREATE a page on your computer… or any computer.

75. © Thierry Karsenti, Université de Montréal, 2004 When saving your file. No CAPs No CAPs No special characters No special characters No spaces No spaces

76. © Thierry Karsenti, Université de Montréal, 2004 When inserting pictures, sounds or videos…

77. © Thierry Karsenti, Université de Montréal, 2004 You must send your picture/image, sound or video file to your server with your Web file.

78. © Thierry Karsenti, Université de Montréal, 2004 2.

79. You SEND your page to a server.

80. © Thierry Karsenti, Université de Montréal, 2004 It can be your school server, your private server or any public server such as GOOGLE.

81. © Thierry Karsenti, Université de Montréal, 2004 5 “elements” are required to send things to ANY server.

82. © Thierry Karsenti, Université de Montréal, 2004 HOST (numbers or letters) HOST (numbers or letters) ID ID Password Password Directory Directory URL (Web address required to verify) URL (Web address required to verify)

83. © Thierry Karsenti, Université de Montréal, 2004 Questions?Questions?

84. Merci !

85. © Thierry Karsenti, Université de Montréal, 2004 http:// thierrykarsenti.com