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