1. Weebly overview rev /08/17/2016
Many built-in themes (responsive ones…definition? )
Themes are written in JavaScript so can be modified and developed in advanced classes..JS a language that is used to create fancy stuff you see on a web page
The themes use HTML 5 the current HTML standard
Can host sites at no cost (Some features restricted)
Has blogging capability
Has shopping cart capabilities
Can edit using desktop, IOS and Android
Has surveys built-in

2. Assets Create folder named CMSAssets
Download zip file from server…named Weebly assets
Right-click, save target as
Unzip
Result: 4 folders
3 have photos
1 has lorem ipsum
Why are we learning this?

3. Administration Overview
Logging to weebly
Creating an account
Creating a practice site
Specify some settings
Publishing

4. Creating an Account Assumes first time you’ve used weebly.
An account can manage up to 10 sites we’ll have 2 or so sites
We do this step only once
Open a browser
Type Weebly.com in a browser
Choose sign up (or get started)
You should be prompted for:
Your full name
Your address
A Weebly password

5. Example or

6. themes
If this is first visit to Weebly, play the video

7. themes Choose one…scroll through list
Find one you think you might like
Select Preview if you like the preview ; select choose.
Then click choose

8. Responsive sites
The ones we look at are responsive Explain

9. subdomain Will be asked to create one Domains :duq.edu, msn.com
Subdomains
jma.duq.edu
settings button

10. May be called a dash board
Delete sites
Check status of your sites…

11. Click settings

12. Specify a domain:

13. Other settings
Click continue

14. settings
Part 1
Shouldn’t have to change this

15. Settings..

16. settings
Part 2

17. Settings…

18. Cookie notification
Show users use cookies

19. Save buttons
Right side
Save buttons didn’t capture
Three examples

20. elements
Drag and drop elements

21. Images Drag a Indians from your cmsAssets folder
Watch for blue line as you move the square around

22. Add social media (icons)
Find and drag icons:
Add button:
(Won’t show up on live page until you link to your actual social media account)

23. Social Media
Drag the element in

24. Click on it
Click Manage Icons

25. Hit Manage

26. result

27. Close settings window
Upper right corner

28. publish
Click button:

29. Site is created:

30. result