Introduction to Weebly.comWeb site Design and DevelopmentTim Jordan
What is Weebly?• Weebly is a powerful web site creator thatprovides high quality drag and dropcomponents that allow the user to create adynamic web site.
What is Weebly• Some of the features available from Weebly.cominclude:– Two versions of web site creator (free andprofessional)– Free design templates that are easily customizableusing CSS and HTML– Easy collaborative web pages using their Blog builder– Links to social media web pages(Facebook, Twitter, Etc.)– High quality video (Pro version)
Creating a Weebly Account• Open your browserand type in thefollowing URL :http://www.weebly.com• Click on “Sign-UP.It’s Free!” andcreate a freeaccount
Creating an account• Click on “Add Site”to create yourwebsite. Enter thefollowing data:– Title of your website– Type of Site– Select the category• Click Continue
Website Domain• Choose your WebsiteDomain by doing one ofthe following:• Use a Subdomain ofWeebly.com• Register a New Domain• Use a Domain YouAlready Own
Website Domain• If you select “A”Weebly will let youknow if the webaddress is available.• After you select youroption, then clickcontinue.
Creating a weebly site• You will then be taken toyour “site manager” Onthis scree, you will havethe opportunity to do theone of the following:– Edit your website– Check stats or– More (Blog Comments,Form Entries, Copy Site,Delete Site)• Click on “EDIT”
Creating a Weebly Site• You will be taken tothe Web editor whereyou can do thefollowing:– Add paragraphs withTitle or Picture,– Add Title to web page– Add paragraph of text– Add buttons,– Etc.
Creating a Weebly Site• On the top of the page, youwill notice the following tabs:– Elements– Design– Pages– Editors– Settings• Click on each tab to see howthe screen changes andprovides you with varioustools
Creating a Weebly Site• Click on the design tab.
Creating a Weebly Site• At the top of the screen you will notice severaldesigns that are available for you to use.• Scroll through these design templates andselect one.• When the theme loads onto the screen, clickon the “Elements” tab.
Create a Weebly Site• Drag the “MultipleColumn” onto thepage below thepicture.
Create a Weebly Site• This will provide you with a “Two-Column”webpage.• Next you will drag and drop two “Paragraphwith Pictures” element and place one in eachcolumn.
Create a Weebly Site• To add a picture to theweb page, simply clickon “Click Here to Edit”and following theprompts to uploadyour images.• To add text to the website click on “Click hereto edit” and type yourheading and bodyparagraph text.