SlideShare una empresa de Scribd logo
1 de 51
Descargar para leer sin conexión
beth g sanders
                                           @bethgsanders




                           social media & online strategy | writing | wordpress
                                            bethgsanders.com



Saturday, November 3, 12
www                        Website Basics




Saturday, November 3, 12
in
                              Web
                            Presence

                           (Website, blog,
                            or personal
                            splash page)




Saturday, November 3, 12
Essentials
                •          Home Page

                •          About Page

                •          Contact Information




Saturday, November 3, 12
Home Page
Saturday, November 3, 12
Saturday, November 3, 12
Saturday, November 3, 12
Saturday, November 3, 12
About Page

Saturday, November 3, 12
Contact Information
                •          Customer Service

                •          Location(s)

                •          FAQs

                •          Email or Contact Form

                •          Hours of Operation

Saturday, November 3, 12
Design
                •          Must Fit Business Image

                •          Easy to Navigate

                •          Mobile-Friendly



Saturday, November 3, 12
Conservative, Reliable

Saturday, November 3, 12
Colorful & Fun




Saturday, November 3, 12
Simple, Easy to Navigate




Saturday, November 3, 12
Mobile Friendly




Saturday, November 3, 12
Header


                                           Content
                           Website
                                     Sidebar     Sidebar
                           Anatomy


                                           Footer

Saturday, November 3, 12
Saturday, November 3, 12
Header
                •          Logo

                •          Tagline/Slogan

                •          Navigation

Saturday, November 3, 12
Sidebar(s)
                •          Social Links

                •          Events

                •          Specials



Saturday, November 3, 12
Footer
                           •   Navigation Links

                           •   Copyright Info

                           •   Physical Address




Saturday, November 3, 12
Content
                           •   Bullets >
                               Paragraphs

                           •   Top-Down
                               Copy

                           •   Fresh
                               Content
Saturday, November 3, 12
Images > Words
                •




Saturday, November 3, 12
Get Started

Saturday, November 3, 12
Find Sites
                            You Like


Saturday, November 3, 12
Draw


Saturday, November 3, 12
Determine
                            Purpose &
                           Functionality




Saturday, November 3, 12
Domain Name & Hosting


                                        com
                                     U .
                                  .YO
                               w w
                           w
Saturday, November 3, 12
DIY or Hire a Pro?




Saturday, November 3, 12
Learn (a Little) HTML/CSS
   <h1>We're Writing Some HTML</h1>
   <h2> It's good to know if you have a website</h2>
   <p><img src="http://www.bethgsanders.com/elizabeth-
   marathon.jpeg" align="right" style="margin: 10px;">Lorem
   ipsum dolor sit amet, consectetur adipisicing elit, sed do
   eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
   enim ad minim veniam, quis nostrud exercitation ullamco
   laboris nisi ut aliquip ex ea commodo consequat. </p>

   <blockquote>This is a blockquote. It's used to set off text, such
   as a quote.</blockquote>


Saturday, November 3, 12
Saturday, November 3, 12
Basic HTML Tags
                •          <p> Paragraph

                •          <ul> <ol> Unordered (bullet)/Ordered List

                •          <blockquote> Text set apart

                •          <img> Image

                •          <em> Emphasis (Italic)

                •          <strong> Strong (bold)
Saturday, November 3, 12
How to Use Tags
                            <p>HTML is so much fun. </p>


                           Open p                 Close p
                            Tag                     Tag



                      You must always open and close tags.

Saturday, November 3, 12
What’s CSS?
               And What Does it Have to Do With HTML?




                               ?
                                Text




Saturday, November 3, 12
Let’s Say You Build a House




Saturday, November 3, 12
HTML            CSS
                           Walls       Paint/Wallpaper?
                           Floors      Hardwood/Carpet?
                           Doors       Painted/Wood?
                           Windows     Shades/Drapes?
                           Bathrooms   Colors/Layout?


Saturday, November 3, 12
CSS:
                •          Separates Style from Content

                •          Easy to Change Colors, Fonts

                •          Faster Page Load




Saturday, November 3, 12
Content




Saturday, November 3, 12
How Do You Manage It?
                           Content Management



                           Drupal     Joomla



Saturday, November 3, 12
How Do You Manage It?
                           Content Management



                           Drupal     Joomla
                                WordPress

Saturday, November 3, 12
5 Reasons to Use WordPress
                •          Ease of Use

                •          SEO Goodness

                •          Flexibility & Extensibility

                •          Multilevel Geekery

                •          Free Software

Saturday, November 3, 12
Saturday, November 3, 12
Out-of-the-Box SEO Ready




Saturday, November 3, 12
Flexibility & Extensibility




Saturday, November 3, 12
Multilevel Geekery




Saturday, November 3, 12
Free Software
      Only Pay for Domain & Hosting




Saturday, November 3, 12
Easily Add & Edit Your Own Content


Saturday, November 3, 12
Zillions of Themes to Choose From
Saturday, November 3, 12
Get the W
                                     ord Out
                           www.YOU
                                  .com




Saturday, November 3, 12
? ??
  ?? ?
Saturday, November 3, 12
s, y ’all
                           th ank
Saturday, November 3, 12
beth g sanders
                               slideshare.net/bgsand



                                   @bethgsanders
                                 bethgsanders.com
                           linkedin.com/in/bethgsanders
                               gplus.to/bethgsanders



Saturday, November 3, 12

Más contenido relacionado

Destacado

DNS - Domain Name System
DNS - Domain Name SystemDNS - Domain Name System
DNS - Domain Name SystemPeter R. Egli
 
Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)
Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)
Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)Keiichiro Ono
 
The 30-Second Guide to URL Shorteners
The 30-Second Guide to URL ShortenersThe 30-Second Guide to URL Shorteners
The 30-Second Guide to URL ShortenersBuffer
 
Different Types of Websites
Different Types of WebsitesDifferent Types of Websites
Different Types of WebsitesNeil Lohana
 
Internet protocol (ip) ppt
Internet protocol (ip) pptInternet protocol (ip) ppt
Internet protocol (ip) pptDulith Kasun
 

Destacado (7)

3.2.1 The Internet
3.2.1 The Internet3.2.1 The Internet
3.2.1 The Internet
 
DNS - Domain Name System
DNS - Domain Name SystemDNS - Domain Name System
DNS - Domain Name System
 
Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)
Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)
Cytoscape Tutorial Session 1 at UT-KBRIN Bioinformatics Summit 2014 (4/11/2014)
 
The 30-Second Guide to URL Shorteners
The 30-Second Guide to URL ShortenersThe 30-Second Guide to URL Shorteners
The 30-Second Guide to URL Shorteners
 
Different Types of Websites
Different Types of WebsitesDifferent Types of Websites
Different Types of Websites
 
Internet protocol (ip) ppt
Internet protocol (ip) pptInternet protocol (ip) ppt
Internet protocol (ip) ppt
 
All you need to know about hosting a website
All you need to know about hosting a websiteAll you need to know about hosting a website
All you need to know about hosting a website
 

Más de bethgsanders

How to Add an Alias to a Gmail Account
How to Add an Alias to a Gmail AccountHow to Add an Alias to a Gmail Account
How to Add an Alias to a Gmail Accountbethgsanders
 
How to Write and Publish a WordPress Post
How to Write and Publish a WordPress PostHow to Write and Publish a WordPress Post
How to Write and Publish a WordPress Postbethgsanders
 
How to Post to Instagram from Hootsuite
How to Post to Instagram from HootsuiteHow to Post to Instagram from Hootsuite
How to Post to Instagram from Hootsuitebethgsanders
 
How to Create a Professional Email Signature in Gmail
How to Create a Professional Email Signature in GmailHow to Create a Professional Email Signature in Gmail
How to Create a Professional Email Signature in Gmailbethgsanders
 
9 Steps to Rock Social Media
9 Steps to Rock Social Media9 Steps to Rock Social Media
9 Steps to Rock Social Mediabethgsanders
 
Periscope: Social Media in Real Time
Periscope: Social Media in Real TimePeriscope: Social Media in Real Time
Periscope: Social Media in Real Timebethgsanders
 
Package Yourself for Success
Package Yourself for SuccessPackage Yourself for Success
Package Yourself for Successbethgsanders
 
The Social Web: What You Need to Know
The Social Web: What You Need to KnowThe Social Web: What You Need to Know
The Social Web: What You Need to Knowbethgsanders
 
Get Started With WordPress
Get Started With WordPressGet Started With WordPress
Get Started With WordPressbethgsanders
 
Building Your Brand With Social Media
Building Your Brand With Social MediaBuilding Your Brand With Social Media
Building Your Brand With Social Mediabethgsanders
 
Words, Pictures & Pixels: Put Your Best Foot Forward Online
Words, Pictures & Pixels: Put Your Best Foot Forward OnlineWords, Pictures & Pixels: Put Your Best Foot Forward Online
Words, Pictures & Pixels: Put Your Best Foot Forward Onlinebethgsanders
 
Content: How to Generate It, Organize It and Avoid Killing It
Content: How to Generate It, Organize It and Avoid Killing ItContent: How to Generate It, Organize It and Avoid Killing It
Content: How to Generate It, Organize It and Avoid Killing Itbethgsanders
 
When is a Website Not Enough? Now.
When is a Website Not Enough? Now.When is a Website Not Enough? Now.
When is a Website Not Enough? Now.bethgsanders
 
WordPress Memphis Kickoff: Why WordPress?
WordPress Memphis Kickoff: Why WordPress?WordPress Memphis Kickoff: Why WordPress?
WordPress Memphis Kickoff: Why WordPress?bethgsanders
 
Go 2.0: Social Media and the Church:
Go 2.0: Social Media and the Church:Go 2.0: Social Media and the Church:
Go 2.0: Social Media and the Church:bethgsanders
 

Más de bethgsanders (16)

How to Add an Alias to a Gmail Account
How to Add an Alias to a Gmail AccountHow to Add an Alias to a Gmail Account
How to Add an Alias to a Gmail Account
 
How to Write and Publish a WordPress Post
How to Write and Publish a WordPress PostHow to Write and Publish a WordPress Post
How to Write and Publish a WordPress Post
 
How to Post to Instagram from Hootsuite
How to Post to Instagram from HootsuiteHow to Post to Instagram from Hootsuite
How to Post to Instagram from Hootsuite
 
How to Create a Professional Email Signature in Gmail
How to Create a Professional Email Signature in GmailHow to Create a Professional Email Signature in Gmail
How to Create a Professional Email Signature in Gmail
 
9 Steps to Rock Social Media
9 Steps to Rock Social Media9 Steps to Rock Social Media
9 Steps to Rock Social Media
 
Periscope: Social Media in Real Time
Periscope: Social Media in Real TimePeriscope: Social Media in Real Time
Periscope: Social Media in Real Time
 
Package Yourself for Success
Package Yourself for SuccessPackage Yourself for Success
Package Yourself for Success
 
The Social Web: What You Need to Know
The Social Web: What You Need to KnowThe Social Web: What You Need to Know
The Social Web: What You Need to Know
 
Get Started With WordPress
Get Started With WordPressGet Started With WordPress
Get Started With WordPress
 
Building Your Brand With Social Media
Building Your Brand With Social MediaBuilding Your Brand With Social Media
Building Your Brand With Social Media
 
Words, Pictures & Pixels: Put Your Best Foot Forward Online
Words, Pictures & Pixels: Put Your Best Foot Forward OnlineWords, Pictures & Pixels: Put Your Best Foot Forward Online
Words, Pictures & Pixels: Put Your Best Foot Forward Online
 
Content: How to Generate It, Organize It and Avoid Killing It
Content: How to Generate It, Organize It and Avoid Killing ItContent: How to Generate It, Organize It and Avoid Killing It
Content: How to Generate It, Organize It and Avoid Killing It
 
When is a Website Not Enough? Now.
When is a Website Not Enough? Now.When is a Website Not Enough? Now.
When is a Website Not Enough? Now.
 
WordPress Memphis Kickoff: Why WordPress?
WordPress Memphis Kickoff: Why WordPress?WordPress Memphis Kickoff: Why WordPress?
WordPress Memphis Kickoff: Why WordPress?
 
Go 2.0: Social Media and the Church:
Go 2.0: Social Media and the Church:Go 2.0: Social Media and the Church:
Go 2.0: Social Media and the Church:
 
Evernote
EvernoteEvernote
Evernote
 

Último

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServiceRenan Moreira de Oliveira
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfAnna Loughnan Colquhoun
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceMartin Humpolec
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum ComputingGDSC PJATK
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIUdaiappa Ramachandran
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 

Último (20)

OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdf
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your Salesforce
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
Introduction to Quantum Computing
Introduction to Quantum ComputingIntroduction to Quantum Computing
Introduction to Quantum Computing
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
RAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AIRAG Patterns and Vector Search in Generative AI
RAG Patterns and Vector Search in Generative AI
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 

Website Basics