Weebly User Guide Start a Weebly 1. Go to www.weebly.com 2. Sign up a user account.
3. Name your website and choose a type of site and category using the dropdown menu. 4. Use the subdomain option of Weebly.com and name your website.
5. You will get this page (shows below) which shows the main area you will spend most time working on. Adding content in your webpage
Folder Tool bar
Function Tab
Web Builder To add content to the webpage, drag and drop website builders to the “main editing area”. Note website builders are categorized in “Basic”, “Multimedia”, “Revenue”, and “More” folders. Some web builders need to be highlighted: Under the “Elements” tab: Contact Form: This is for building up an author contact page Custom HTML: Copy HTML code to the editing area to show the content. This is used for embedding videos, audios, calendars, tables, etc.
Main Editing Area
Flash: This can be used to embed Smart Board files.
Formatting your webpage Use the website builders under the tab of “Design” (shows at the top of the screen) to format your web pages. To change the theme of the website, use the templates in “Favorites” folder. To view templates in categories, click on “All Themes” in the left column. To format font, size, and color of the title/paragraph/content text, click on “Design Options” in the left column.
Create and manage web page Click on the “Pages” tab at the top of your screen. Click on “Add Page” button in the left corner to create a new web page. Name the newly added page by typing the name to the text box on the right. Check the box if you want to hide the page in navigation menu, set up a password for the web page, or link the page to external site. Drag pages up/down to reorder and left/right to create subpages. Add multiple editors Under the “Editors” tab (shows at the top of the screen), type in the email address of the person you want to add as an editor. Manage site settings Change the website settings by clicking on the “Settings” tab at the top of the screen.
Insert a table in Weebly Weebly doesn’t allow users to create tables directly in it. You can use Microsoft Word to create a table first, then embed the table into your Weebly site. Note that you cannot edit your table in Weebly. Every time you want to make some changes, you need to do it in Word and embed the table again. Here are the specific steps: 1. Open your Microsoft Word and insert a table. 2. Go to File->Save As->Choose “Single File Web Page (*.mht; *mhtml)” to save your table. 3. Open the Word document you just created (notice it is saved as a webpage file). You will see it opens in your web browser.
4. Select the table in your webpage. Then go to View>Source in Internet Explorer (Tools->Web Developer->Page Source in Firefox). You will see a text file with html code opens.
Text file window
5. In the text file window, go to Edit->Select All, then press Ctrl+C in your keyboard to copy all the code. 6. Go to your Weebly webpage, drag the “Custom HTML” website builder into your webpage. Then paste (press Ctrl+V on your keyboard) the code into the editing area. 7. Click on any place outside of the editing area, you should be able to see the table you just created.
Create a calendar in Weebly Since the calendar function is not available in Weebly, you can create your calendar first in Google Calendar and then embed the calendar into your Weebly website. Google Calendar is easy and also free. You can manage your calendar in Google and changes will automatically show up in your site created by Weebly. To get started, you need to have a Google account. Log into your Google account, and then go to Google calendar (you will find it if you click on "more" on top of the window). You will see a new calendar ready for you when you open up Google calendar. To add events, click on the date of the event, and you will see the picture on the left. Enter your event description into the blank box, then click "Create event". You can edit detailed information of your event by clicking into "Edit event". You can choose a color you like for your calendar, so you events will show up as this color on the calendar. After you have everything set up on your calendar, you can add the calendar to your site with the following steps. In the “My calendars” list on the left, point your mouse to the calendar you want to add to the website (there might be more than one calendars), then click on the down-arrow that shows on the right. Choose "Calendar settings".
Go to the "Share this calendar" tab, and check the "make this calendar public" box. Don't forget to save your changes.
Go to the "Calendar details" tab and see the "Embed this calendar" section.
Copy the code. You will use this code to embed the calendar into your site.
Now go back to Weebly. Drag the "Custom HTML" website
builder and drop it to the editing area. Past the calendar embed code to the editing area (where shows “click here to edit”). Click outside of the editing area to see your calendar. Publish your website by clicking on the “publish” button on the right upper corner of the screen to save the calendar. Something you may want to know about Weebly: Weebly allows users to create up to two websites for free under each user account. Weebly does NOT allow users to edit multiple websites at the same time.
