~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010.

  • Published on

  • View

  • Download

Embed Size (px)


<ul><li><p>~ How to create a basic website ~Prepared by Jann BradshawApril 2010</p></li><li><p>There were computers. And then there were computer teachers. You were created as a Section Editor by your omnipotent computer teacher, so that you might become a creator yourself!Enjoy, and happy creating!</p></li><li><p>To BeginOpen Internet ExplorerAt District website go to Select a SchoolSign in to the schools websiteClick on Site Manager in the upper right corner</p></li><li><p>Click on Classrooms and then on your nameNotice the default pages that are listed</p></li><li><p>Under Current Pages click on Welcome. This is your home page.</p><p>You can rename this page if desiredClick to the right on RenameType a new name</p><p>Now click on Welcome or your new name for the pageNotice the table layout when the page opens.</p></li><li><p>Deleting the layout and starting with a blank page is easier. </p><p>Use Control A to highlight allPress delete to erase all that is now in the editorYour editor page should now be blank</p></li><li><p>Familiarize yourself with the toolbarsRoll your mouse over the various icons to see what they doWorking in the Schoolwires editor is very similar to working in a Microsoft Word document. Many of the icons may already be familiar to you.</p></li><li><p>Borrowed from http://www.birdville.k12.tx.usRow 1</p></li><li><p>Borrowed from http://www.birdville.k12.tx.usRow 2</p></li><li><p>Borrowed from http://www.birdville.k12.tx.usRow 3</p></li><li><p>Text can be added by just typing in the body of the workspace. If you create a table, for your text however, you have more options for color and design.**But before we continue**</p></li><li><p>There are more text formatting options under the formatting tool </p></li><li><p>Refer to Undo as the emergency 911 procedure for all of your computing tasks!Make Undo your friend!Whenever you are in trouble just click up on the Undo icon Control/Z will also work even though you are onlinehttp://images.google.com/imgres?imgurl=http://www.pcdanville.net/images/911logo-2.gif&amp;imgrefurl=http://www.pcdanville.net/&amp;usg=__u6hgn5AOG58r2iR2nVRXe42ONOI=&amp;h=375&amp;w=565&amp;sz=83&amp;hl=en&amp;start=15&amp;um=1&amp;itbs=1&amp;tbnid=za1yRyY5i2ATsM:&amp;tbnh=89&amp;tbnw=134&amp;prev=/images%3Fq%3D911%2Blogo%26um%3D1%26hl%3Den%26tbs%3Disch:1</p></li><li><p>Make a tableCreate a one row table to put a heading inUse insert table tool and click on the first box to create a one cell tableType a heading inside the tableChange font, color, size as desiredAdd any other text you would like to on this first Page of your website.</p></li><li><p>Under the editing screen is the Save box. You must use this box to save. There is no File, Save and Control S will not work as you are working live online and not from your hardrive.</p><p>When you click Save your text will be live immediately on your schools website! This will happen every time you save.</p><p>View your site online now!Click up on the View Website tab</p></li><li><p>Take a few minutes while you are in View Website mode to look at some of the other teachers websites.Look at how the pages are set upNotice what type of information they haveGet some ideas!</p></li><li><p>You can work with a larger screenClick on the full screen icon in the top toolbarThis will enlarge the screenNotice you can not save with an enlarged screen. You must click on the full screen icon to get back to the Save box</p></li><li><p>To use a clip art image from Schoolwires:Click on the Insert image tool It is on the left on the bottom row of the toolbar.Choose Select image from Schoolwires Clipart Library</p></li><li><p>Click NextThe image library search box will pop up showing just a few picturesYou must type in a word in the search box to see related pictures (Click Go)</p></li><li><p>Select a picture and click NextType a name for the picture and click Insert ImageThe picture should appear in your EditorYou may need to resize picture notice how it does not automatically stay in proportionYou can align the picture like text left, center or right</p></li><li><p>Pictures are not automatically free-floating in Schoolwires. You can click on the Position by Pixel tool to move them more freely before inserting themYou can also use the Edit Image Properties tool (Next to the Insert image tool)Here you can change such things as size, spacing and add a border</p></li><li><p>To select a digital or other picture already on your computerClick on the Insert image toolChoose Select new image from my computer or network</p></li><li><p>Click NextClick Browse and locate the picture on your computerAfter locating the picture click NextType a name for the picture and click on Insert ImageAlso, before inserting the picture you can change its size. 120 X 160 is a nice small size. If you choose to resize picture after it is inserted, notice how it does not automatically stay in proportion</p></li><li><p>Go to Google (or Bing) to search for your pictureAfter typing your search word and clicking Search you will see a list of pictures called thumbnails</p></li><li><p>Follow directions in Schoolwires to Select new picture from my computer or network </p><p> Click on the desired picture, and at the next screen click on the picture again, where it says See full size image.</p><p> Now the picture will be by itself in its largest size</p><p> Right click on the picture</p><p> Select Save Picture As</p><p> Locate where you would like to save the picture</p><p> Type a name for the picture and click Save </p></li><li><p>Once your picture is inserted into Schoolwires go back to the InternetGo back to the page with the thumbnails. Under your picture will be a short address. </p></li><li><p>Highlight the address (URL). Keeping your mouse on the address, right click your mouse and click on CopyGo back to Schoolwires and click on Paste The address (URL) will appear in a text boxHighlight the URL text and change the size to a very small size such as 8 or 6.Move the text box to a secluded area so that it doesnt interfere with your slide contents.Voil, you have now satisfied copyright law for schools!Get cute animations!</p></li><li><p>You can add a background color to your table (Thats one advantage of making a table)Click inside the table, but not on an imageClick up on the table editing tool, which is next to the Insert Tables toolSelect Edit Table PropertiesIn the Table Properties box, click the Properties tab</p><p>In the Properties box, under Background click on Pick to choose a colorSelect a color and click Ok</p></li></ul>