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