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
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?
Administration Overview
 Logging to weebly
 Creating an account
 Creating a practice site
 Specify some settings
 Publishing
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 e-mail address
 A Weebly password
Example
 or
themes
 If this is first visit to Weebly, play the video
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
Responsive sites
The ones we look at are responsive
Explain
subdomain
 Will be asked to create one
 Domains :duq.edu, msn.com
 Subdomains
 jma.duq.edu
 settings button
May be called a dash board
Delete sites
Check status of your sites…
Click settings
 Specify a domain:
Other settings
Click continue
settings
Part 1
Shouldn’t have to
change this
Settings..
settings
 Part 2
Settings…
Cookie notification
 Show users use cookies
Save buttons
 Right side
 Save buttons didn’t capture
 Three examples
elements
 Drag and drop elements
Images
 Drag a Indians from your cmsAssets folder
 Watch for blue line as you move the square around
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)
Social Media
 Drag the element in
Click on it
Click Manage Icons
Hit Manage
result
Close settings window
 Upper right corner
publish
 Click button:
Site is created:
result