Download ppt - ~ How to create a basic website ~ Prepared by Jann Bradshaw April 2010

~ How to create a basic website ~

Prepared by Jann Bradshaw

April 2010

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!

To BeginOpen Internet ExplorerAt District website go to “Select a School”Sign in to the school’s websiteClick on Site Manager in the upper right corner

Click on Classrooms and then on your nameNotice the default pages that are listed

•Under “Current Pages” click on Welcome. This is your home page.

You can rename this page if desired•Click to the right on Rename•Type a new name

•Now click on Welcome or your new name for the pageNotice the table layout when the page opens.

Deleting the layout and starting with a blank page is easier.

•Use “Control A” to highlight all•Press delete to erase all that is now in the editor•Your editor page should now be blank

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.

Borrowed from http://www.birdville.k12.tx.us

Row 1


Row 2


Row 3

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**

There are more text formatting options under the formatting tool

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 online

http://images.google.com/imgres?imgurl=http://www.pcdanville.net/images/911logo-2.gif&imgrefurl=http://www.pcdanville.net/&usg=__u6hgn5AOG58r2iR2nVRXe42ONOI=&h=375&w=565&sz=83&hl=en&start=15&um=1&itbs=1&tbnid=za1yRyY5i2ATsM:&tbnh=89&tbnw=134&prev=/images%3Fq%3D911%2Blogo%26um%3D1%26hl%3Den%26tbs%3Disch:1

Make a table•Create a one row table to put a heading in•Use “insert table” tool and click on the first box to create a one cell table•Type a heading inside the table•Change font, color, size as desired•Add any other text you would like to on this first “Page” of your website.

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.

When you click Save your text will be live immediately on your school’s website! This will happen every time you save.

View your site online now!Click up on the View Website tab

•Take a few minutes while you are in View Website mode to look at some of the other teacher’s websites.

•Look at how the pages are set up

•Notice what type of information they have

•Get some ideas!

You can work with a larger screen

•Click on the full screen icon in the top toolbar

•This will enlarge the screen

•Notice you can not save with an enlarged screen. You must click on the full screen icon to get back to the Save box

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…”

•Click Next

•The image library search box will pop up showing just a few pictures

•You must type in a word in the search box to see related pictures (Click Go)

•Select a picture and click Next

•Type a name for the picture and click Insert Image

•The picture should appear in your Editor

•You may need to resize picture – notice how it does not automatically stay in proportion

•You can align the picture like text – left, center or right

•Pictures are not automatically “free-floating” in Schoolwires. You can click on the “Position by Pixel” tool to move them more freely before inserting them

•You 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

•To select a digital or other picture already on your computer•Click on the “Insert image” tool•Choose “Select new image from my computer or network…”

•Click Next•Click Browse and locate the picture on your computer•After locating the picture click Next•Type a name for the picture and click on “Insert Image”•Also, 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

•Go to Google (or Bing) to search for your picture•After typing your search word and clicking “Search” you will see a list of pictures called “thumbnails”

• Click on the desired picture, and at the next screen click on the picture again, where it says “See full size image.”

• Now the picture will be by itself in its largest size

• Right click on the picture • Select “Save Picture As…” • Locate where you would like

to save the picture • Type a name for the picture

and click Save

•Follow directions in Schoolwires to “Select new picture from my computer or network”

•Once your picture is inserted into Schoolwires go back to the Internet•Go back to the page with the thumbnails. Under your picture will be a short address.

•Highlight the address (URL). Keeping your mouse on the address, right click your mouse and click on Copy•Go back to Schoolwires and click on Paste• The address (URL) will appear in a text box•Highlight 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 doesn’t interfere with your slide contents.Voilà, you have now satisfied copyright law for schools!

Get cute animations!

•You can add a background color to your table (That’s one advantage of making a table)•Click inside the table, but not on an image•Click up on the table editing tool, which is next to the Insert Tables tool•Select “Edit Table Properties”•In the Table Properties box, click the Properties tab

•In the Properties box, under Background click on Pick to choose a color

•Select a color and click Ok