About.me / Tackk.com /
Weebly.com
2014 Southwest Technology and
Computer Conference
June 28, 2014
About.me
• www.about.me is a website service that offers free space with design tools to combine text, graphics, photos into a web page
• Remember business cards? This is an electronic version
• Your web page will be at www.about.me/yourname
About.me
• You can have an existing domain forwarded to
About.me
• About.me has a paid version if you want to have your own domain name
About.me
About.me / Sign Up
About.Me / Sign-Up
About.me / Create or Edit
About.me / Add Photo
About.me / Adding Text
• Type your text in Biography OR copy & paste from Word
About.me / Colors
About.me / Fonts
About.me / Links
About.me / Contact Info
About.me
Promote Your Page
• Add about.me address to your e-mail signature
Tackk.com
• Remember the paper flyer that you would
post at the market, library, etc.
• Staple to telephone poles
• Hand out to everyone
Tackk.com
• How do you do that as a web page?
• Can it be free?
• Can it have graphics and text?
• Can it look nice?
• The answer is Yes!
Tackk.com
• A Free Service
• Lots of design tools
• Connects to social media
• Shareable – www.tack.com/yourtitle
• How do I Sign Up?
• You can create a Tackk page without signing up but it will only last a week
Tackk.com / Sign-up
Tackk.com
Tackk.com
• Log-in
• My Account
• Click on Create OR
• Edit / My Account
• Click on My Tacks / Public
• Click on Thumbnail
Tackk.com
• Creating your Tackk page
• Choose color scheme
• Click on the + sign on the left to add text, graphic (Photos), etc.
Tackk.com
• Adding text
• Copy & Paste from Word
• Log-Out when finished creating / editing
Tackk.com
Tackk.com
Connecting to Social Media
• At the bottom of the Tackk page, I added a Comment & shared the Canyon Country Advisory Committee page via Facebook –CCAC & Judy Taylour Facebook pages
• One of my daughter’s also shared it with her Facebook page
• Click on the Add post on Facebook checkbox
• People can then click on the link and go to the Tackk page
Tackk.com
Connecting to Social Media
Tackk.com
Connecting to Social Media
Tackk.com
Connecting to Social Media
Weebly.com
Weebly.com
Weebly.com
Weebly.com
Weebly.com / Themes
Weebly.com
Weebly.com / Website Name
• Choose Subdomain
• If you don’t have a domain name your website will be (yourtitle).weebly.com
• http://theswcc.weebly.com/
• SW has a domain name so our website is:
• www.theswcc.org
Weebly.com / Drag & Drop
Weebly.com / Drag & Drop
Weebly.com / My Sites
Weebly.com
• 1st step is to choose a theme
• Design tab
Weebly.com / SW 1st Page
• Header with SW Logo (only on home page)
• Image / Text box (Graphic & Conference Date)
• Text box (conference description)
• Image box (pictures)
• Text box (Legal Disclaimer)
Weebly.com /
www.theswcc.org
Beta site was at theswcc.weebly.com
Weebly.com / SW 1st Page
• Drag / Drop Text icon to where you want to insert your text
• Note editing tools at top of box
Weebly.com / SW Home Page
Weebly.com / Insert Image
• Click on Image icon
• Drag to where you want to place the image
Weebly.com / Insert Image
• Click on Upload Image
• Image is usually on My Computer (know where it has been saved on your hard drive before doing this step)
• Navigate to where the image is saved
• Click on the image and it will be placed in the Image box
• Edit Image
Weebly.com / Insert Image
Weebly.com / Insert Image
Weebly.com / Edit Image
• Edit Image = drag to make larger / smaller or Delete image
• Left / Center / Right justify
• Link – Add a website address so when you click on the image you go to a website or e-mail address or another page in your website
• Save
Weebly.com / Insert Text Box
Weebly.com / Add Another
Page
• Click on Pages tab and Add Page + and type name in Page Name field (creates button)
• Click on Save & Edit
Weebly.com / Columns
• Drag elements (Text, Image, etc.) next to each other right on the page.
• Doing so creates however many columns you need.
• PC Maestro is an Image Caption
Weebly.com / Columns
• Text is 1 column
• Sponsor logos are 4 Images
Weebly.com / Map
• SW’s website doesn’t have a map since it’s on at Cal Poly and the campus streets don’t appear on Google maps, etc.
• Click on the Map icon and drag to where you want to place your map
• The default location is San Francisco since that’s where Weebly is located
• Type in the map address
Weebly.com / Map
• I used the SCV Computer Club meeting address
Weebly.com / More Tab
• SW has 6 tabs but has more information that needs to be on the website
• Those pages appear under the More tab
Weebly.com / Slideshow
• At the Conference we added a Page and dragged the Slideshow icon to the new page to see how easy it will be to add a Slideshow
• It will be under the More tab
Weebly.com / Slideshow
Weebly.com / Publish
• When you are finished creating your website click on Publish
• Monitor = Desktop view
• Smartphone icon – Mobile view
• Bars =
Weebly.com / Publish
• You need to prove you are a human
Important
• You can type your info onto the various pages
OR
• You can create it in Word, Spell/Grammar Check and Copy & Paste
• If you use Word / Copy & Paste I suggest you first Copy & Paste the text into NotePad to remove all of the Word coding = Plain Text
• Click Start / NotePad (in the Search box)
• Then Copy & Paste onto the website page
• You format the info in the website program (bold, italics, bullet points, numbered lists, etc.)
Important
Resources
• Tackk YouTube Tutorials
• http://bit.ly/1lccMYO
• http://bit.ly/1jff4Gz
• Weebly YouTube Tutorial
• http://bit.ly/1lZ0Hnh
Q & A