1. Using SharePoint to Create Your Classroom Website SharePoint Training

2. What’s so great about Sharepoint? Already exists within your school website Totally web-based – so you can edit your site from any Internet connection Same look and feel and navigation structure as your new school website Layout is already provided for you Very easy to add content

3. Login

4. Login Only use Internet Explorer!!! Go to your schools webpage.

5. Use the login information provided to you Beginning tomorrow, this username will be your username for Novell, SharePoint and email. Your Novell password will not change. Use the username and password on the index card. Login to SharePoint with your NOVELL username and password

6. In the Navigation box, click “Faculty and Staff.”

7. Your teacher page is hidden until it is ready for primetime. To access the hidden page, put a 1 after the word “welcome” and before the period. http://portal.gaston.k12.nc.us/SCHOOLS/ASHBROOK/FACULTY/Pages/welcome.aspx Or Go directly to YOUR page by typing your Novell login user id between “Faculty” and “Pages.” http://portal.gaston.k12.nc.us/SCHOOLS/ASHBROOK/FACULTY/RFCLOYD/Pages/welcome.aspx

8. Find your class in the “Teacher Web Site Listing” section and click on it.

9. Your Default Pages and Web Parts

10. Take 2 minutesto look around your site

11. View All Site Content Edit Page Site Actions

14. Navigate to a specific page using either menu.

15. View and edit your Lists, Libraries and other Web Parts.

16. Edit content on a page – The Details From the page you want to edit, choose “Edit Page” from the Site Actions” menu

17. Your Page in Edit View

21. Lab #1 Navigation 1. Login and open your class site Open browser to http://portal.gaston.k12.nc.us At the Sign In screen enter your Novell username and password Click Schools; then click on your school Click Faculty & Staff; then click on your website link 2. Click “View All Site Content” and answer the following questions. How many libraries do you have? _______________ How many lists do you have? _______________ Is there anything in your Recycle Bin? ___________ Click on Resources (either across the top or from the nav menu on the left) and go to the Resources page Now go back to View All Site Content (Site Actions – View All Site Content) Does the Site Content change if you view if from other pages? ______ 3. Special Challenge Question - If you want to close Site Content and go back to your home page, how many different ways can you find to do that? 4. Put your home page in edit mode (Site Actions – Edit Page) 5. Notice the Version on the Editing Toolbar. Without making any changes to the page, click Publish. Put the page back in edit mode. What happened to the Version? 6. Publish your page. Sign Out and turn off your monitor. Lab 1 LAB – Your TURN

22. Web Zones Web Parts Move Web Parts Delete Web Parts Add Web Parts Edit Page

23. Edit Page In Edit mode Will see all Web Zones Will see all Web Parts that are currently there Can modify the Web Parts that are there Can move Web Parts Can delete Web Parts Can add Web Parts

24. Web Zones Web zones are part of the template and part of the page layout Can’t be changed, but really doesn’t matter If you don’t have any content in a web zone, it won’t show – other zones move over to fill in the area

25. Web Zones

26. Web Parts – Content within the zones. All the pages on your site already have default Web Parts. All of these web parts can be modified. Moved Deleted Edited You can Add new web parts to any Zone.

27. Move Web Part Move cursor over web part to be moved – cursor turns to four arrows Click and hold in web part to be moved and web parts in that zone turns orange Begin dragging the web part. As long as you are in an area that the web part can be dropped, the label will have an arrow. If in an area that the web part can not be dropped, the label will have the NO symbol.

28. Move Web Parts – cont’d When dragging a web part near other web parts, a dark orange line will show you where it will be dropped.

29. Delete Web Parts To delete a web part, click “EDIT” within a web part and choose Delete. Once deleted, the web part can not be restored. Clicking the X in the corner of the web part hides (or closes) the web part. It does not delete it from your site and it can be put back if needed.

30. Add Web Parts From a Web Zone, click “Add a Web Part”

31. The Add Web Parts dialog box will appear

32. Expand to view ALL available Web Parts Push the + button.

35. At the Sign In screen enter your username and password

36. Click Schools; then click on your school

38. In the dialog box that pops up, click “All Web Parts”.

39. In the Miscellaneous section, find and check “Content Editor Web Part” and click Add. 9. Delete the Content Editor Web Part that you just added. (Use the small Edit menu within the web part and choose Delete) 10. Publish and view the changes. Lab 2

40. Add Content Rich Text Editor Appearance Content Editor Web Part

41. Content Editor Web Part Stand Alone web part – not tied to a List or Library Most versatile and useful Web Part You can add text, images, links, tables, media players and other items to a CEWP.

42. Add to an existing Content Editor Web Part Click the web part EDIT menu and choose “Modify Shared Web Part”.

43. Content Editor Web Part dialog box The dialog box will pop up. Choose between Rich Text Editor or HTML editor to add or change content.

45. Use it the same way you would Microsoft Word.

47. Lab 3 Content Editor Web Part Edit a Content Editor Web Part Add formatted text Add a title

48. Lab #3 Adding Content 1. Login and open your website’s home page. 2. Enter Edit mode for the page. (Site Actions > Edit Page) 3. Choose the Content Editor Web Part at the top of the page and put it in Edit mode. Use the Edit menu for the web part and choose “Modify Shared Web Part.” 4. Click the Rich Text Editor button in the dialog box. 5. In the editor, type and format a one line welcome message for your website that includes your name. 6. Click OK in the editor when done to see the message displayed on your page. 7. Publish the page to see your changes. 8. Put the same Content Editor Web Part back into Edit mode. (Site Actions > Edit Page > Edit menu for the web part > Modify Shared Web Part) 9. In the dialog box, expand the Appearance section. (Click the +) 10. Remove the Title to your web part. Go down to Chrome and set it to “None.” Click Apply. 11. Click OK to close the dialog box. 12. Publish your page. Lab 3

49. Adding Images Images displayed on your website need to be housed in your “Image Library.”

50. Images Best Practice Modify the size of your image in a picture editor (Irfanview or Office Picture Manager) before uploading to your Images library Saves upload time Saves resizing time Saves space on server Saves download time for visitors to your website Also rename your image to something logical and recognizable

51. Add Images to Your Images Library Start from Site Actions, View All Site Content

52. Click “Images” under “Document Libraries.

53. Click the down arrow next to the word “Upload.”

57. Check the boxes next to the pictures you want to upload.

61. Click on the picture you want to insert.

63. Choose Alignment

64. Add a border

65. Add spacing around the image

66. Specify the image sizeWhen done, click OK

67. Back to your Rich Text editor. You can continue to edit. Click “OK” to close the Rich Text Editor .

68. Lab 4 Content Editor Web Part – Adding Images Add images to your Images Library Add an image to a web part

69. Lab #4 Adding Images 1. Login and open your class site’s home page. 2. View All Site Content (Site Actions > View All Site Content) 3. Find and click the “Images” library to open it. 4. Upload 2 images to your Images library. From the library, click the down arrow next to Upload and select “Upload Multiple Documents.” In the left column, browse to the folder where your desired images are stored. Place a check next to the files you want to upload. Click OK, then Yes to thebox asking if you want to upload to portal.gaston.k12.nc.us. 5. Add one of the images you uploaded to one of the web parts on your home page. You can add a new Content Editor Web Part for this if there is not one there for you to use. Put a Content Editor Web Part into Edit mode.(Site Actions > Edit Page > Edit menu for the web part > Modify Shared Web Part). Click the Rich Text Editor button. Click the Image button to open the Image Properties box. Click the Browse button. Click Current Site Images in the smaller box on the left labeled “Look In.” You should see your uploaded images. Click on the image you want to put in the web part and click OK. Back on the Image Properties box, you can add alternate text, add a border or resize the image so that it fits in your web part. Click OK. Back in the Rich Text Editor, you can make additional aesthetic modifications. Click OK to add the new content to your web part. 6. In the dialog box, expand the Appearance section. (Click the + beside the word Appearance) 7. Add a Title to your web part and click Apply (you will be replacing the words “Content Editor Web Part”). 8. Click OK to close the dialog box. 9. Publish your page. 10. Sign out and turn off your monitor Lab 4

70. Lists

71. Lists Data oriented Have items, fields and views Item– a row in a database Field – columns in a database Views – configured to show list items SharePoint provides default lists Announcements Contacts Discussion Board Links Calendar (events)

72. The LIST vs. The List WEB PART The LIST– View All Site Content – Click on the list name

73. The List WEB PART – What visitors see on your page The LIST vs. The List WEB PART

74. Add Items to a List Two ways to add items to a list View All Site Content – Find the list and click on it

75. Add Items to a List Click “New” from the menu.

76. Add Items to a List From the Web Part click “+ Add new announcement,” “Add new event,” or “Add new link.”

79. Lab 5 Add a new item to the Announcements list Edit an item in the Announcements list Delete an item in the Announcements list

80. Lab #5 Reviving Closed Web Parts & Editing List 1. Login and open your class website to the Class Information page. 2. In Lab 2 we CLOSED the Supply List web part. We need to open it again so that we can use it. Find the web zone where you want to put the Supply List web part and click on “Add a Web Part.” At the bottom of the dialog box, click on “Advanced Web Part gallery and options” Click on “Closed Web Parts” (it is at the top of the list). Find “Supply List” in the Closed Web Parts list and click it, then click Add. The Supply List web part should be back on your page. Close the “Add Web Parts” box by clicking the “X.” 3. Find the Supply List web part on your page and click on it (the name is hyperlinked). 4. Click “New” in the menu. 5. Fill in the information for the new supply. 6. Click “OK. “ 7. You will now see your entire Supply List. You can make changes from this view at any time. 8. Go back to your Class Information page. 9. Delete the supply that you just added. (Mouse over the item and choose Delete.) 10. Publish your page, Sign out and turn off your monitor. Lab 5

81. Libraries

82. Libraries Document oriented Word, Excel, PowerPoint, and .pdf documents Picture files, sound files, movie files SharePoint provides default libraries Documents PowerPoint slides Images Forms

83. Libraries continued Libraries function in the same way that Lists do View All Site Content to see your Libraries Click the name of the Library to open it

84. Library Drop-Down Menus Use the drop down menus in the Library to make changes to.

85. Upload Documents Click the down arrow next to the word “Upload.”

89. Check the boxes next to the Documents you want to upload.

91. Lab 6 Add a Document to a Library

92. Lab #6 Libraries 1. Login and open your class website to the home page. 2. View All Site Content and open the Course Documents Library (Site Actions, View All Site Content, and then click in the Libraries section on Course Documents) 3. Use the Upload drop-down menu and choose Upload Multiple Documents. 4. Browse to the document you wish to upload. Hold down the Ctrl key and select two files. Click OK. Choose Yes if asked if you wish to continue. 5. Go to the Curriculum & Assignments page of your site and find the Course Documents web part. Are your documents there? 6. What happens if you click on “Add New Document in the web part and upload a document from there? Lab 6

93. When adding an image to the Rich Text Editor in the Content Editor Web Part, a JavaScript error message appears saying something about the Library not being initialized (sorry, I don't have a screen shot of the error). The Problem: It turns out that when Office 2007 was installed and Office 2003 was removed, an ActiveX file (called Name Control ActiveX)) that is installed with Office 2007 was corrupted. When you then try to insert images in Sharepoint using the Rich Text Editor, you get a scripting error and images can't be put into your website. The Solution: 1. Run the Microsoft Office Diagnostics program. Programs, Microsoft Office, Microsoft Office Tools, Microsoft Office Diagnostics. This will scan the system and correct any problems. 2. Open SharePoint. You should then see a popup status bar along the top of the browser asking you to install the "Name Control ActiveX". Click on it to install and things are fixed!