Weebly for Website Design by Margaret Lion
Weebly for Website Design by Margaret Lion
These videos were created for the workshop Web Development and Design for Faculty, Postdocs, & Grads. Workshop was sponsored by the Center of Excellence for Women & Technology (CEW&T). These videos walk the viewer through making an academic website using Weebly.com.
Videos are numbered 1 - 21, however Kaltura is showing them out of human numerical order and in computer numerical order. You can follow the numbered order if you like, or just view them as you wish.
Videos show making this website: Margaret Lion, Technology Educator.
Visit Margaret Lion's Weebly Instruction & Resources page for how to information on using Weebly.
Videos are numbered 1 - 21, however Kaltura is showing them out of human numerical order and in computer numerical order. You can follow the numbered order if you like, or just view them as you wish.
Videos show making this website: Margaret Lion, Technology Educator.
Visit Margaret Lion's Weebly Instruction & Resources page for how to information on using Weebly.
-
Pre-Online Tools covers using the Weebly Design Document. To download the Weebly Design Document, go to Margaret Lion's Weebly Instruction & Resources page.
1. Pre-Online Tools
-
Demonstrates editing My Word page including: Deleting elements; manipulating columns; adding text through copy and paste from Word.
10. Edit My Work Page – Part 1
-
Continues editing My Work page demonstrating: Using spacer to create indent; Resizeingpacer; publishing site.
11. Edit – My Work Page – Part 2
-
On My Work page demonstrates changing font colors.
12. Edit – Font Colors
-
On the About page, video demonstrates: deleting images; copy and paste text; editing text.
13. Edit – About Page
-
Demonstrates: Inserting CV pdf file in About webpage.
14. Edit – Add CV
-
Demonstrates: Editing contact form in Contact page.
15. Edit – Contact Page
-
Demonstrates: Remove header from page; add header to page; change header image; edit and lighten header image.
16. Edit – Header Image
-
Demonstrates: Put footer on all pages through copy and paste elements.
17. Copy & Paste Page Elements – Footer
-
Demonstrates how to add SEO information.
18. Edit - SEO
-
Demonstrates: Login to Weebly and edit existing site; get to Dashboard; create new site; see all sites.
19. Weebly Dashboard
-
Demonstrates: Finding Weebly website; signing-up.
2. Go to Weebly
-
Demonstrates changing web address/Uniform Resource Locator (URL).
20. Change Site Name (Web Address)
-
Demonstrates how to get human help from Weebly.com.
21. Get Human Help
-
Demonstrates: Selecting website theme; naming site.
3. Theme & Site Name
-
Demonstrates: Locating theme controls; Editing Theme Fonts
4. Theme Environment
-
Demonstrates: locating and editing menus; elements; moving between pages; selecting headers; viewing all pages in theme; changing page navigation & order.
5. Page Environment
-
Demonstrates: Editing text on Home page; Alt-Tab or Cmd-Tab for window changing; keyboard shortcut for copy; begin to delete elements; add footer
6. Text – Home Page
-
Demonstrates: Deleting elements from Home page; publishing site
7. Delete Items & Publish
-
Demonstrates: Inserting image from computer; edit size; add alt-text; replace image.
8. Insert & Edit Images
-
Demonstrates: Inserting website and page links.
9. Insert Links
Search for ""