1. Adapting Files On A “Visual Webpage” (Ver 17.07 /mb)
How Can I Adapt My “Visual Professional Diary Reflections” (“VPDRs”) For Online Use?
Adapting Files On A “Visual Webpage” (Ver /mb)

2. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
How Do I Adapt My “Visual Professional Diary Reflections” As An Online “Visual Webpage”?
You can download the templates described in this visual tutorial from this location:
Adapting Files On A “Visual Webpage” (Ver /mb)

3. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
About To Start…
Adapting Files On A “Visual Webpage” (Ver /mb)

4. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
You Need Software
If you are viewing this as a full screen presentation, you can click on the red rectangle to download the “publishing kit” for Windows computers.
Click to download.
Adapting Files On A “Visual Webpage” (Ver /mb)

5. This Is Free “Portable” Software
Adapting Files On A “Visual Webpage” (Ver /mb)

6. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
WinSCP
Adapting Files On A “Visual Webpage” (Ver /mb)

7. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Logging In
Adapting Files On A “Visual Webpage” (Ver /mb)

8. Don’t Forget The “Port Number”!
Adapting Files On A “Visual Webpage” (Ver /mb)

9. The ULM Website Is Trusted
Adapting Files On A “Visual Webpage” (Ver /mb)

10. Accessing Your Online Account
Adapting Files On A “Visual Webpage” (Ver /mb)

11. We’ll Start With A New Folder Called “4567”
Adapting Files On A “Visual Webpage” (Ver /mb)

12. Create The Folder (Folder = Directory)
Adapting Files On A “Visual Webpage” (Ver /mb)

13. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Naming The New Folder
Adapting Files On A “Visual Webpage” (Ver /mb)

14. The New Folder Is Created
Adapting Files On A “Visual Webpage” (Ver /mb)

15. We Need A “Working Folder”
Adapting Files On A “Visual Webpage” (Ver /mb)

16. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Preparing Your Files
Adapting Files On A “Visual Webpage” (Ver /mb)

17. Let’s Look At An Example: about-me.pptx
Adapting Files On A “Visual Webpage” (Ver /mb)

18. “Capture” The Slide As An Image
Adapting Files On A “Visual Webpage” (Ver /mb)

19. Avoid Extra Periods In A File Name
Adapting Files On A “Visual Webpage” (Ver /mb)

20. Keep Video Files On Your Screencast.com Account
Adapting Files On A “Visual Webpage” (Ver /mb)

21. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Notice A Pattern
Adapting Files On A “Visual Webpage” (Ver /mb)

22. Ignore The Temporary Files
Adapting Files On A “Visual Webpage” (Ver /mb)

23. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Use 700 Pixels For Width
Adapting Files On A “Visual Webpage” (Ver /mb)

24. Getting Ready To Copy Files
Adapting Files On A “Visual Webpage” (Ver /mb)

25. Look At The HTML Templates
Adapting Files On A “Visual Webpage” (Ver /mb)

26. Folders And Files Make Up These Templates
Adapting Files On A “Visual Webpage” (Ver /mb)

27. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
This Is One Template
Adapting Files On A “Visual Webpage” (Ver /mb)

28. Notice The Visual Features
Adapting Files On A “Visual Webpage” (Ver /mb)

29. This Other Template Includes A Menu
Adapting Files On A “Visual Webpage” (Ver /mb)

30. Examine The Visual Template, With Menu
Adapting Files On A “Visual Webpage” (Ver /mb)

31. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
The Templates: 2 Folders With Files… And 2 HTML Files… Inside ONE Folder
Adapting Files On A “Visual Webpage” (Ver /mb)

32. Delete The “Content Files” And The “Captured Image” Files
Adapting Files On A “Visual Webpage” (Ver /mb)

33. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Empty Folders
Adapting Files On A “Visual Webpage” (Ver /mb)

34. Get Ready To Copy Files Into The Folders
Adapting Files On A “Visual Webpage” (Ver /mb)

35. Your Own Files… Are Now In The Folders
Adapting Files On A “Visual Webpage” (Ver /mb)

36. Copy The HTML File As reflections.html
Adapting Files On A “Visual Webpage” (Ver /mb)

37. Create A “Working Folder”
Adapting Files On A “Visual Webpage” (Ver /mb)

38. For Now… Name The “Working Folder” “4567”
Adapting Files On A “Visual Webpage” (Ver /mb)

39. Copy Files And Folders Into The “Working Folder”
Adapting Files On A “Visual Webpage” (Ver /mb)

40. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Important: Make Sure You Have Your Files Inside Of The “Working Folder”
Adapting Files On A “Visual Webpage” (Ver /mb)

41. Start “Kompozer”, An HTML Editor
Adapting Files On A “Visual Webpage” (Ver /mb)

42. Open The HTML File In Kompozer
Adapting Files On A “Visual Webpage” (Ver /mb)

43. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Insert An Image File
Adapting Files On A “Visual Webpage” (Ver /mb)

44. Find The Image File In The img Folder… Inside Of The “Working Folder”
Adapting Files On A “Visual Webpage” (Ver /mb)

45. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Select The Image
Adapting Files On A “Visual Webpage” (Ver /mb)

46. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
The Image Appears
Adapting Files On A “Visual Webpage” (Ver /mb)

47. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Get Ready To Link The Image To The Associated File Located In The bin Folder
Adapting Files On A “Visual Webpage” (Ver /mb)

48. “All Files” Now Appear In The bin Folder
Adapting Files On A “Visual Webpage” (Ver /mb)

49. Select The “Content File”
Adapting Files On A “Visual Webpage” (Ver /mb)

50. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Examine The “Anchor”
Adapting Files On A “Visual Webpage” (Ver /mb)

51. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Rename The “Anchor”
Adapting Files On A “Visual Webpage” (Ver /mb)

52. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Examine The Menu
Adapting Files On A “Visual Webpage” (Ver /mb)

53. How Does A Menu Item Link To A “Content Section Heading”?
Adapting Files On A “Visual Webpage” (Ver /mb)

54. Link A Menu Item To An “Anchor”
Adapting Files On A “Visual Webpage” (Ver /mb)

55. How To Link To An “Anchor”
Adapting Files On A “Visual Webpage” (Ver /mb)

56. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Link Properties
Adapting Files On A “Visual Webpage” (Ver /mb)

57. The Menu Item Now Links To The “Anchor”
Adapting Files On A “Visual Webpage” (Ver /mb)

58. Check The Internal “Page Title” Of This Webpage
Adapting Files On A “Visual Webpage” (Ver /mb)

59. Edit The “Page Title” And Its “Properties”
Adapting Files On A “Visual Webpage” (Ver /mb)

60. Still Editing… The “Page Title” And Its “Properties”
Adapting Files On A “Visual Webpage” (Ver /mb)

61. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Continue Editing…
Adapting Files On A “Visual Webpage” (Ver /mb)

62. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Notice Changes
Adapting Files On A “Visual Webpage” (Ver /mb)

63. Ready To Edit A “Content Section”
Adapting Files On A “Visual Webpage” (Ver /mb)

64. Insert An Image In This “Content Section”… Located In The img Folder
Adapting Files On A “Visual Webpage” (Ver /mb)

65. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Select The Image
Adapting Files On A “Visual Webpage” (Ver /mb)

66. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
The Image Appears
Adapting Files On A “Visual Webpage” (Ver /mb)

67. Adding A Thin Border… Is Optional
Adapting Files On A “Visual Webpage” (Ver /mb)

68. Editing And Using A Caption… Is Optional
Adapting Files On A “Visual Webpage” (Ver /mb)

69. Editing The “Image Properties”
Adapting Files On A “Visual Webpage” (Ver /mb)

70. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Get Ready To Link The Image To A “Content File” Located In The bin Folder
Adapting Files On A “Visual Webpage” (Ver /mb)

71. From “All Files” Displayed In The bin Folder, Choose A File
Adapting Files On A “Visual Webpage” (Ver /mb)

72. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
A File Is Selected
Adapting Files On A “Visual Webpage” (Ver /mb)

73. Edit The “Anchor Name” Of This Content Section
Adapting Files On A “Visual Webpage” (Ver /mb)

74. Review This Edited “Content Section”
Adapting Files On A “Visual Webpage” (Ver /mb)

75. Ready To Link From The Menu… To The “Content Section”
Adapting Files On A “Visual Webpage” (Ver /mb)

76. How To Edit Menu Text That Actively Links… To The “Content Section”
Adapting Files On A “Visual Webpage” (Ver /mb)

77. Notice How The Menu Items Are Edited
Adapting Files On A “Visual Webpage” (Ver /mb)

78. You Can Edit The Menu As You Like
Adapting Files On A “Visual Webpage” (Ver /mb)

79. Adding A New “Content Section”
Adapting Files On A “Visual Webpage” (Ver /mb)

80. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Duplicate And… Edit
Adapting Files On A “Visual Webpage” (Ver /mb)

81. Give This New Content Section A Name, Like “Timeline”
Adapting Files On A “Visual Webpage” (Ver /mb)

82. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Link The “URL” (Internet Address) Text… To The Future “URL” Of This Webpage
Adapting Files On A “Visual Webpage” (Ver /mb)

83. Simplify The Menu Items
Adapting Files On A “Visual Webpage” (Ver /mb)

84. Adapting Files On A “Visual Webpage” (Ver 17.3 /mb)
Edit The Menu By Linking Each “Live Of Text” (Menu Item) To A “Content Section”
Adapting Files On A “Visual Webpage” (Ver /mb)

85. Open WinSCP, An “FTP” (“File Transfer”) Application
Adapting Files On A “Visual Webpage” (Ver /mb)

86. Accessing Your Online ULM Student Website Account
Adapting Files On A “Visual Webpage” (Ver /mb)

87. “Inside” Of The Online public_html Folder
Adapting Files On A “Visual Webpage” (Ver /mb)

88. Inside Of A Folder Called “6028”
Adapting Files On A “Visual Webpage” (Ver /mb)

89. How To Access The Online reflections.html File
Adapting Files On A “Visual Webpage” (Ver /mb)

90. How To Update Your Online Files
Adapting Files On A “Visual Webpage” (Ver /mb)

91. Slide Title, Arial 18, Plain
You can download the templates described in this visual tutorial from this location:
Adapting Files On A “Visual Webpage” (Ver /mb)