You are on page 1of 7

#

______

Do not keep this. You will be given a copy every 8me we u8lize the website tool. This will help you create your website for the unit.

WEEBLY USER GUIDE


STEP 1: Log-in In your computer browsers address bar type in the following hyperlink students.weebly.com
You will arrive on this landing page.

Sign-in with your UID & Password


UID: yourrstinitial+lastname+nfa Password: 123456 Example: UID: jbrownnfa Password: 123456
You can change your password at a later date

STEP 2: Name your site When youve logged in it will bring you to this page. type samplesite in the url box and hit

STEP 3: Navigating the build properties The build properties are on the left and are broken into 4 categories. Below are the categories and what you will nd in them. You can click on the image at the top or scroll down to nd what you need.

THE BASICS Title Text Paragraph Text Image + Text Image Gallery Slideshow Map

STRUCTURE Divider Columns Search Box Button Text

MEDIA HD Video Audio Document YouTube Flash File

MORE Block Quote Embed Code Poll Social Icons Feed Reader

STEP 4: Navigating the tool bar The tool bar is at the top of the page and will always stay there, regardless of the page you are on.
As you hit a different option on the tool bar the left navigation bar will change. Right now it is on BUILD which will show you the items on Step 3. If you click DESIGN you will be able to modify and change your fonts, themes, and colors. See step 5. If you click PAGES you will be able to add new pages or change present page layouts. See step 6.

STEP 5: Customizing your site - DESIGN You can change your theme here.
IMPORTANT INFORMATION: If you change your theme halfway through building your site all of your BANNER pictures on your landing pages will disappear and you will have to upload them again.

You can also change your fonts. If you choose to change a font the font will highlight on the main page as you work but only if that element is on the page. turn your search box and social icon function off as well as a box on the top that is called phone number If you are good with HTML/CSS you can edit that yourself here as well by clicking on the button. If you dont know about HTML/CSS leave it alone. STEP 6: Customizing your site - ADDING PAGES In order to add a new page you must click PAGES in the toolbar. Once there you can add new pages by clicking the button. When you click you can choose between three options. For your purposes you will only need a Standard Page.

A blog page is set up as a blog and in order for it to be useful you must update it regularly. An external link sends you directly to a different page.

There are 4 formats you can choose from when you add a new page. You can always change it at a later date.

You can change the page name by typing in this box.

As you add more pages they will appear here. Drag them up/down to reorder. Drag left/right to create subpages

If the page is private you can require a password to view.

If you do not want the page to show on your sites toolbar you can hide it by checking this box

STEP 6: Customizing your site - ADDING NEW ELEMENTS

In order to add TEXT or IMAGES to your site you MUST click and drag the element onto the web page.
ELEMENT TIPS COLUMNS: Allow you to place items side by side
You cannot place items side by side unless you place them in columns rst. In order to do so you must: Drag the column element onto the page (found in Structure) Drag text into 1 column and an image into another. It will look like this:

**you can add any element into a column. It does not have to be an image or text**

in order to delete columns all elements inside the column must be deleted rst.

GALLERY V SLIDESHOW: Allow you to display multiple images. GALLERY : shows multiple images at once in columns V. SLIDESHOW: Shows one image at a time and presents a new one frequently MEDIA: upload video footage or display a YouTube video. upload a document or downloadable le link. upload an audio clip upload a Flash le If wish to place a movie or video clip that is not from YouTube on your site you need to obtain the EMBED code and paste it into the add the EMBED element on your site. you can also add the following with an EMBED code Prezi or Online Presentation Twitter Feed Calendars Documents

STEP 7: Changing your Landing Page Banners Hover over the image and click the Edit Image button Once there the page will change to look like this:
You can make your banner a slideshow of images by hitting slideshow and uploading multiple images You can add text to your image by clicking here When youre done editing your image hit the save button. You will have three options. You should choose save to this page so it only changes the image on that page.

ADD IMAGE BY HITTING THIS BUTTON

Once you upload the image the following options will appear next to the ADD TEXT button

Your new image will look like this on your webpage. The different landing page images look like this:

TALL HEADER

LANDING PAGE

SHORT HEADER

STEP 8: Social Icons, Buttons, Hyperlinking & Formatting Text

To remove or edit the Social Icons, HOVER over them and hit the X button. You shouldnt need them on your site. BUTTONS are a preset Button that you can hyperlink to a page on your website or an external page.

**you cannot change the colors of the button, the two options are preset with your theme**

You add it by dragging the BUTTON option from the STRUCTURE section. Click on the button on this screen will appear. Here you can change the style, position add a link

You can HYPERLINK anything on your site. TEXT: Highlight it and click on the LINK button IMAGE: Click on the image and follow the same steps you did for the BUTTON

FORMATTING TEXT Bold, Italic, Underline by clicking the appropriate button

Change the font color

Add Bullets or Numbers

Align Text: Center, Left, Right

Delete Formatting

Change the font size

UNDO

YOUR TASK:

Add the following elements to your webpage. You will be creating an about me sample site.
1. 2. 3. 4. Change the site title. Make sure it relates to you! Change the site theme, dont spend to long picking one! Change the PARAGRAPH TITLES FONT, PARAGRAPH TEXT FONT & LINKS COLOR Upload a new image to your Home Page. 4.a. The image should be relevant and keep with the ABOUT ME theme 5. On the Home Page introduce yourself. The following elements are required: 5.a. Title Text - TITLE 5.b. Paragraph Text - TEXT 5.c. Columns - 2 5.c.1. One column should have an IMAGE 5.c.2. One column should have a MAP locating where you live! 6. Create New Pages and Subpages, name them: Education - LANDING PAGE (should include the following) school name (hyperlink it the NFA Homepage) Location Graduating year and class A Slideshow of pictures (at least 3) of NFA or an NFA event A Button that links to your EXTRACURRICULAR PAGE SUBPAGE OF EDUCATION: Extracurricular - SHORT HEADER - HIDE IN NAVIGATION upload an image of or relating to an activity or group you work with at school out of class Name the activity Explain the activity Add a YouTube video that shows your sport or activity. I must approved the video before its addition to the site. Work - NO HEADER Add your Resume Mention your job (hyperlink it to your jobs website if it has one), if you have one. IF YOU DO NOT, make one up :)

Your nal product will be counted as a QUIZ Grade. This is a sample which requires you to add all of the elements you will need to use for your Civil War project.
When in doubt do one of the following: I. Ask Ms. Maher II. Search the Weebly Blog for the answer to your question blog.weebly.com

You might also like