Date post: | 16-Jul-2015 |
Category: |
Marketing |
Upload: | highroad-solution |
View: | 49 times |
Download: | 0 times |
www.highroadsolution.com
Internet
• Create Two-Way Interactions with
Members
• Deliver Prospective Members Marketing
Materials and Content
• Access to Richer Data
• Effectively and Immediately Analyze
Campaigns
www.highroadsolution.com
Internet Evolved…
• Yesterday
– Static Web Pages
– Manually Changing Content in HTML Files
– FTP Uploads to Server
www.highroadsolution.com
Internet Evolved…
• Today
– Content Management Systems Applications
– Web User Interface Updates Content
– Separate Content From Design
www.highroadsolution.com
Content Management System (CMS)
• Add, update, or delete content to your
website through an interface without
physically placing files on a web server.
www.highroadsolution.com
Open Source vs. Enterprise
• Open Source
– Free Software for Pubic Use
– Support Reliant on Open Community
– Wordpress, Joomla, Drupal, DotNetNuke
• Enterprise
– Paid Software
– Support with Service Level Agreement
– Hubspot, Ektron, SiteCore
www.highroadsolution.com
Separation of Presentation Layer
Database (Stores Content) Front End Website
www.highroadsolution.com
Database
• A collection of data
• Numerous tables that relate to
each other
• SQL is the language that
allows developers to manage
data
www.highroadsolution.com
Front End Development
• Developer controls what the customer sees and user experience (UX)
• Developer controls the aesthetics
– Colors
– Fonts
– Design
– Arrangement
www.highroadsolution.com
HTML
• HyperText Markup Language
(HTML) is the standard
markup language used to
create Web pages
• The language of the Internet
and all web sites.
www.highroadsolution.com
Translating the HTML Language
• Consist of Tags with angle
brackets(<tagname>)
• Most Elements have a open
and close tag
– <h1>This my header </h1>
www.highroadsolution.com
Popular Tags
• <html> Defines the document
• <body> Defines the document body
• <h1> Page Header
• <p> Paragraph
• <br> Line Break
• <img src=“imagelink”> Image
• <a href=“linkadress”> Hyperlink
www.highroadsolution.com
Sample Document
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
www.highroadsolution.com
Cascading Style Sheets (CSS)
• Separates Web Content from
Web Presentation.
• Controls Look and Feel
• Speeds Up Design
www.highroadsolution.com
CSS Syntax
• Selector
– Finds the HTML tag to style
• Common Selectors
– Id: a unique identifier for a
HTML tag
– Class: an identifiers to group
HTML tags
www.highroadsolution.com
Sample CSS Declaration
<style>
.grey{color: red}
</style>
<p class=“red”>My first
paragraph.</p>
www.highroadsolution.com
Responsive Design
• Change Arrangement of
Content by Device Size
• CSS is the Cornerstone to
Responsive Design
www.highroadsolution.com
Media Queries
• @media declaration can
determine a user’s screen size
@media all and (max-width:
320px) {
.container{
width: 100%;
}
}
www.highroadsolution.com
Single-Page Application (SPA)
• Retrieve Information on a
Single Page Load
• Submitting a Form Does Not
Reload the Page
www.highroadsolution.com
JQuery
• OpenSource Software
• Popular Amongst Front End
Developers
• Hides the Complexity of
JavaScript
www.highroadsolution.com
Web Analytics
• Real-Time Campaign Analysis
• See Member Reponses
• Identify Which Members
Responding to Campaigns
• Ability to Pivot Deliver New
Messages in the Campaign
www.highroadsolution.com
Popular Web Analytic Software
• Google Analytics
– Free Software
– Install by Adding JavaScript to a
Pages
– Track Site Visitors, Page Views
and Sources,
www.highroadsolution.com
Common Metrics
• Visitors
• Traffic Source
• Bounce
• Page View
• Conversions
www.highroadsolution.com
Page View
• Any time a visitor lands on a
page on your site.
• Synonymous with the term Hit.
www.highroadsolution.com
Visit
• A visitors activities throughout
the duration on your site.
• Sometimes Referred to as a
Session.
• A user can have several page
views within a session or visit.
www.highroadsolution.com
Visitors
• Represent the number of
people who visit your site.
• Categories:
– Unique Visitors
– First-Time Visitors
– Repeat Visitors
www.highroadsolution.com
Traffic Source
• How the visitor arrived to your site
– Direct – User typed URL in browser
– Referral• Social Media
• Other Web Sites
• Search Engines
www.highroadsolution.com
Bounce
• A Bounce occurs when a user
arrives to the site and doesn’t
record any action, and leaves
or bounces.
• A good indicator of
engagement and valuable
content
www.highroadsolution.com
Conversions
• When a user performs a
desired action
• Conversion Rate =
Conversions/Visits*100