SlideShare a Scribd company logo
This is Part I of III on website definitions that 
you should know so you can speak more 
intelligently about websites to anyone asking.
URL 
(you-are-el) 
#1 
URL is short for Uniform Resource Locator, but what it really 
means is the words you type in to go to a website. Your URL is the 
phrase you need to go somewhere on the internet, like 
www.cowleyweb.com/blog <- that’s a URL. A URL has also been 
identified as a “Web Address.”
URL 
Type in the URL 
www.cowleyweb.com/blog here
Browser 
(brou-zer) 
#2 
This is the program you open up on your computer, tablet, or phone 
so you can go explore the internet. Its purpose is to be your 
gateway into the online world. Some of the most popular include 
Google Chrome, Safari, Firefox, and Internet Explorer (even though 
Internet Explorer is awful and you should get another browser as 
soon as you can).
Here are some of the different browser types 
Google Chrome Safari Mozilla Firefox Internet Explorer 
Browser
Coding 
(coh-deeng) 
#3 
It’s a language all it’s own and a complicated string of phrases in 
which a developer makes your website. The code gives your site 
the look, feel, and functionality it needs to operate. Will you ever 
have to write code? Probably not, but you should understand that 
not everyone can do it and that without code your website doesn’t 
exist.
This is some sample coding…. 
<div style=“background-color:black; color:white; margin: 20px;”> 
<h1>Coding</h1> 
<p>It’s a language all it’s own and a complicated string of phrases in which 
a developer makes your website. The code gives your site the look, feel, 
and functionality it needs to operate. Will you ever have to write code? 
Probably not, but you should understand that not everyone can do it and 
that without code your website doesn’t exist.</p> 
Coding
Domain Name 
(doh-mayne nayme) 
#4 
The domain name is a subset of the URL we just covered. The 
formula goes: www. - yourdomainname - .com (or .edu, .org, etc.). 
You have to purchase a domain name so you can put your website 
on it. For example, we bought cowleyweb as our domain name.
Sorry! You can’t have this one. 
Domain Name
UI 
(you-eye) 
#5 
UI stands for User Interface and this covers how your website is 
laid out. The UI takes into account where buttons are, any 
navigation or menus, photos, words…all of the things you have on 
your website go into its UI. For a website to be visually appealing 
and have a good UI, you’ll need to hire a designer who knows what 
they’re doing and can implement best practices for web design.
Check out the UI on www.tuccirealty.com! 
UI
UX 
(you-ex) 
#6 
Not to be confused with UI, UX is the User Experience. This is how 
a visitor interacts with your website and how they feel about using 
it. UI and UX are closely related, but their key difference is UI deals 
with the visuals, and UX focuses on feelings and actions.
More from www.tuccirealty.com, this time the UX: 
UX
Main Navigation 
(mayne nav-i-gey-shun) 
#7 
If your website has multiple pages, then there needs to be a way to 
go to them. Many times, that starts with the main navigation, which 
is usually placed at the top or left side of the website. A user can 
click in the main navigation to go to your core pages such as the 
home page, your about section, and contact form. Without a main 
navigation, your users will be lost and most likely never come back 
again.
Let’s look at www.cowleyweb.com as an example: 
Main Navigation
Secondary Navigation 
(sec-un-dairy nav-i-gey-shun) 
#8 
Whenever you have more information that you want people to go to 
quickly, then you’ll have a secondary navigation. These items are 
attached to the main navigation and are usually shown in drop-down 
menus.
www.notredameutica.org is a perfect example! 
Secondary Navigation
Top-Top Navigation 
(top top nav-i-gey-shun) 
#9 
If you have separate information you want someone to get to 
easily, then you can implement a top-top navigation bar. Like the 
name, it goes directly at the top of the page and is smaller than 
both the main and secondary navigation items. Usually, the top-top 
is for returning users to your site so they can easily get where they 
need to go (like a login button or shopping cart).
We can use www.notredameutica.org again: 
Top-Top Navigation
Footer 
(foo-ter) 
#10 
A footer goes directly at the bottom of your website and will many 
times stay consistent across all of your pages. You can put any 
information you want into your footer, but for the most part it’s the 
basics like main navigation items, physical addresses, and other 
links.
Check out www.campfitters.com’s footer: 
Footer
Search Bar 
(surch bahr) 
#11 
When there is a lot of content on your site, you might have a 
search bar. It allows the user to type in what they want to find and 
then display those results. Think of it like Google, but specifically 
for your website.
Take a look at www.campfitters.com’s again: 
Search Bar
Server 
(sir-ver) 
#12 
A server can be a physical object or in “the cloud,” and it’s the 
place where all of your files are stored. So, any pictures you upload 
or pages you create, all go on the server so your website can 
function.
Sometimes it’ll look like this: 
Server
CMS 
(see-em-es) 
#13 
CMS stands for Content Management System and it’s a way for a 
website owner to add content, like blog or news articles, on their 
own while keeping the style in line with the established site. Some 
of the most common CMS’ include Drupal, Wordpress, and Joomla, 
to name a few.
Drupal is our CMS of choice. 
Head over to www.cowleyweb.com/freebies to see how it works. 
CMS
HTML 
(H-tee-em-el) 
#14 
HTML stands for HyperText Markup Language and is a language of 
coding. Developers use HTML to make the site look and feel like it 
does, and allows the site to take form.
Remember coding? That’s good looking HTML! 
<div style=“background-color:black; color:white; margin: 20px;”> 
<h1>HTML</h1> 
<p>HTML stands for HyperText Markup Language and is a language of 
coding. Developers use HTML to make the site look and feel like it does, 
and allows the site to take form.</p> 
HTML
Header/Banner Images 
(hed-er/ban-er im-ah-jis) 
#15 
These are pictures or illustrations that go at the very top of the 
website. You normally see them scrolling by with specified 
messages or with pictures of people. The header or banner image 
can also be static with only one of them showing.
www.bbempirestate.com has some great header images! 
Header/Banner Images
Slide Show 
(slyde shoh) 
#16 
When multiple pictures play one at a time in a certain place is 
called a slide show. This is commonly used to filter through multiple 
images without having to take up too much space.
Look at the www.landandcamps.com slideshows: 
Slide Show
Site Map 
(syte map) 
#17 
A Site Map is the structure and layout of your website. We use it to 
plan where pages will go, what content goes on those pages, and 
how the entire site flows. Site Maps are extremely important in the 
early stages of development so everyone knows what goes where.
Here’s how a site map translate to a website: 
Site Map
SEO 
(es-ee-oh) 
#18 
SEO stands for Search Engine Optimization and it’s the process for 
search engines (like Google) to find your website and put it higher 
in the rankings. There are several elements to having good SEO, 
and your site structure and content are some of them.
A simple image we found that displays SEO nicely: 
SEO
Landing Page 
(lan-deeng payge) 
#19 
The place or page that a website visitor first comes to for a section 
(ie. about, portfolio, services, etc.) of your website. The landing 
page can also be considered the first place a users gets to when 
they come to your website.
Here’s a landing page for the restaurant gift certificates on 
www.ohgoodygoody.com: 
Landing Page
Splash Page 
(splash payge) 
#20 
These are temporary pages that a user is pointed to. Usually it’s to 
sell a specific product or service, and they are very simple in 
nature. Splash pages have also been used in the past as a loading 
page before a user got to your actual home page, but no one likes 
this so don’t do it.
Here’s an example of a splash page: 
Splash Page
Home Page 
(hohm payge) 
#21 
The destination that you’d like a visitor on your site to start. It 
contains all of your important information and links to go to the 
different pages. It’s called a “home” page because it’s where your 
heart is and will have your strongest messages.
www.samcenter.org has a great example of a home page: 
Home Page
Secondary Page 
(sek-un-diary payge) 
#22 
These kinds of pages are everything that the other types aren’t. 
They all follow a similar theme and hold the content that you’re 
sending people to.
This is a perfect secondary page on www.dbbllc.com: 
Secondary Page
Web Form 
(web fawrm) 
#23 
Forms are what you want people to fill out when they come to your 
site. You want a visitor to like you so much that they actually want 
to get a hold of you. Forms can capture any of the data you want, 
but in fairness, simpler is better.
Contact forms are the most popular web forms: 
Web Form
Hyperlink 
(high-per-link) 
#24 
This is where you send someone somewhere off of your site with 
the click of a button. Usually it’s a resource or an article, but always 
remember to have them open in a new tab or window.
Hyperlinks should always open in a new window or tab. 
Hyperlink 
www.cowleyweb.com
Thumbnail 
(thuhm-nale) 
#25 
Thumbnails are itty, bitty pictures of a larger images you have 
somewhere else. The thumbnail is there to provide a sneak peak of 
what more is to come.
Thumbnails generally go hand-in-hand with a slideshow: 
Thumbnail
Responsive 
(ri-spon-siv) 
#26 
We’ve all heard this buzzword, and it means that no matter what 
size your browser is, the website will respond accordingly. So, your 
design, look, and feel will always look great no matter what 
computer or device your visitors are using.
Mobile is HUGE, so make sure your website plans for it! 
Responsive
Stay tuned for more website definitions in 
Section 102 coming soon!
www.cowleyweb.com

More Related Content

What's hot

Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
James Smith
 
Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5
Tero A. Laiho
 
Apple web design_guide
Apple web design_guideApple web design_guide
Apple web design_guide
3liblib
 
Responsive Design Tools & Resources
Responsive Design Tools & ResourcesResponsive Design Tools & Resources
Responsive Design Tools & Resources
Clarissa Peterson
 
Overview of Using Wordpress for Web Site Design
Overview of Using Wordpress for Web Site DesignOverview of Using Wordpress for Web Site Design
Overview of Using Wordpress for Web Site Design
Amy Goodloe
 
Building a Website from Planning to Photoshop Mockup to HTML/CSS
Building a Website from Planning to Photoshop Mockup to HTML/CSSBuilding a Website from Planning to Photoshop Mockup to HTML/CSS
Building a Website from Planning to Photoshop Mockup to HTML/CSS
hstryk
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
Clarissa Peterson
 
Fccwc326
Fccwc326Fccwc326
Approaches to Enhancing the User Experience
Approaches to Enhancing the User ExperienceApproaches to Enhancing the User Experience
Approaches to Enhancing the User Experience
Michael McGarel
 
Bcs 053 solved assignment 2014-15
Bcs 053 solved assignment 2014-15Bcs 053 solved assignment 2014-15
Bcs 053 solved assignment 2014-15
Indira Gnadhi National Open University (IGNOU)
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
Victor M. Ortiz
 
Amin-Shahrokhi-Resume-Edited
Amin-Shahrokhi-Resume-EditedAmin-Shahrokhi-Resume-Edited
Amin-Shahrokhi-Resume-Edited
Amin Shahrokhi
 

What's hot (12)

Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
Web Service Creation in HTML5
Web Service Creation in HTML5Web Service Creation in HTML5
Web Service Creation in HTML5
 
Apple web design_guide
Apple web design_guideApple web design_guide
Apple web design_guide
 
Responsive Design Tools & Resources
Responsive Design Tools & ResourcesResponsive Design Tools & Resources
Responsive Design Tools & Resources
 
Overview of Using Wordpress for Web Site Design
Overview of Using Wordpress for Web Site DesignOverview of Using Wordpress for Web Site Design
Overview of Using Wordpress for Web Site Design
 
Building a Website from Planning to Photoshop Mockup to HTML/CSS
Building a Website from Planning to Photoshop Mockup to HTML/CSSBuilding a Website from Planning to Photoshop Mockup to HTML/CSS
Building a Website from Planning to Photoshop Mockup to HTML/CSS
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
Fccwc326
Fccwc326Fccwc326
Fccwc326
 
Approaches to Enhancing the User Experience
Approaches to Enhancing the User ExperienceApproaches to Enhancing the User Experience
Approaches to Enhancing the User Experience
 
Bcs 053 solved assignment 2014-15
Bcs 053 solved assignment 2014-15Bcs 053 solved assignment 2014-15
Bcs 053 solved assignment 2014-15
 
Introduction to Web Design
Introduction to Web DesignIntroduction to Web Design
Introduction to Web Design
 
Amin-Shahrokhi-Resume-Edited
Amin-Shahrokhi-Resume-EditedAmin-Shahrokhi-Resume-Edited
Amin-Shahrokhi-Resume-Edited
 

Similar to What is a URL 101 and Other Web Definitions

Lesson 8 Building a Website - Computer Pt.pdf
Lesson 8 Building a Website - Computer Pt.pdfLesson 8 Building a Website - Computer Pt.pdf
Lesson 8 Building a Website - Computer Pt.pdf
NovelJrPSabonsolin
 
Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a Website
Mavein
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
academicjfurio
 
Aucd ppt
Aucd pptAucd ppt
Aucd ppt
icidemo
 
Web designing(unit 1) Part 1
Web designing(unit 1) Part 1Web designing(unit 1) Part 1
Web designing(unit 1) Part 1
SURBHI SAROHA
 
Web Design by Client Perspective
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspective
eginni
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
Fitra Sani
 
arixstudio l virtual web design academy
arixstudio l virtual web design academyarixstudio l virtual web design academy
arixstudio l virtual web design academy
ashshà Bst
 
The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399
summerdaze
 
Ian cohen tech in law project
Ian cohen tech in law projectIan cohen tech in law project
Ian cohen tech in law project
Ian Cohen
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
Noor Muhammad Khan
 
Web Design Guide
Web Design Guide Web Design Guide
Web Design Guide
Mohamed Elabnody
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
Santosh V
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
Lany Lyn Magdaraog
 
Easy Web Design
Easy Web DesignEasy Web Design
Easy Web Design
Noah Boswell
 
Soodam
SoodamSoodam
Solid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could UtilizeSolid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could Utilize
nonstopverdict801
 
Web development
Web developmentWeb development
Web development
KAZEMBETVOnline
 
AIAS GRASSROOTS 2015 Technolog Track
AIAS GRASSROOTS 2015 Technolog TrackAIAS GRASSROOTS 2015 Technolog Track
AIAS GRASSROOTS 2015 Technolog Track
.SKI
 
Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries
Christian Heilmann
 

Similar to What is a URL 101 and Other Web Definitions (20)

Lesson 8 Building a Website - Computer Pt.pdf
Lesson 8 Building a Website - Computer Pt.pdfLesson 8 Building a Website - Computer Pt.pdf
Lesson 8 Building a Website - Computer Pt.pdf
 
Computer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a WebsiteComputer 10 Lesson 8: Building a Website
Computer 10 Lesson 8: Building a Website
 
Web Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptxWeb Page Designing- Empower Technology.pptx
Web Page Designing- Empower Technology.pptx
 
Aucd ppt
Aucd pptAucd ppt
Aucd ppt
 
Web designing(unit 1) Part 1
Web designing(unit 1) Part 1Web designing(unit 1) Part 1
Web designing(unit 1) Part 1
 
Web Design by Client Perspective
 Web Design by Client Perspective Web Design by Client Perspective
Web Design by Client Perspective
 
Introduction to web design
Introduction to web designIntroduction to web design
Introduction to web design
 
arixstudio l virtual web design academy
arixstudio l virtual web design academyarixstudio l virtual web design academy
arixstudio l virtual web design academy
 
The website business! agr 399
The website business!   agr 399The website business!   agr 399
The website business! agr 399
 
Ian cohen tech in law project
Ian cohen tech in law projectIan cohen tech in law project
Ian cohen tech in law project
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 
Web Design Guide
Web Design Guide Web Design Guide
Web Design Guide
 
Principle of a good web design
Principle of a good web designPrinciple of a good web design
Principle of a good web design
 
Empowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and ElementsEmpowerment Technology - Basic Web Design Principles and Elements
Empowerment Technology - Basic Web Design Principles and Elements
 
Easy Web Design
Easy Web DesignEasy Web Design
Easy Web Design
 
Soodam
SoodamSoodam
Soodam
 
Solid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could UtilizeSolid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could Utilize
 
Web development
Web developmentWeb development
Web development
 
AIAS GRASSROOTS 2015 Technolog Track
AIAS GRASSROOTS 2015 Technolog TrackAIAS GRASSROOTS 2015 Technolog Track
AIAS GRASSROOTS 2015 Technolog Track
 
Professional web development with libraries
Professional web development with librariesProfessional web development with libraries
Professional web development with libraries
 

Recently uploaded

Basic Management Concepts., “Management is the art of getting things done thr...
Basic Management Concepts., “Management is the art of getting things done thr...Basic Management Concepts., “Management is the art of getting things done thr...
Basic Management Concepts., “Management is the art of getting things done thr...
DilanThennakoon
 
Mastering Your Online Visibility - Fernando Angulo
Mastering Your Online Visibility - Fernando AnguloMastering Your Online Visibility - Fernando Angulo
Pillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan BrockPillar-Based Marketing Master Class - Ryan Brock
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Assignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing CourseAssignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing Course
klaudiadgmkt
 
No Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found OnlineNo Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found Online
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
How to Maximize Sales Using Social Commerce
How to Maximize Sales Using Social CommerceHow to Maximize Sales Using Social Commerce
How to Maximize Sales Using Social Commerce
Vbout.com
 
Growth Marketing in 2024 - Randy Rayess, Outgrow
Growth Marketing in 2024 - Randy Rayess,  OutgrowGrowth Marketing in 2024 - Randy Rayess,  Outgrow
How to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdf
How to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdfHow to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdf
How to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdf
SimpleMoneyMaker
 
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Amsive
 
Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...
Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...
Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样
原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样
原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样
5ys5mvlp
 
PickUp_conversational AI_Capex, Inc._20240610
PickUp_conversational AI_Capex, Inc._20240610PickUp_conversational AI_Capex, Inc._20240610
PickUp_conversational AI_Capex, Inc._20240610
Shuntaro Kogame
 
Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...
Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...
Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...
Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...
Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...
DigiMarCon - Digital Marketing, Media and Advertising Conferences & Exhibitions
 
Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.
InstBlast Marketing
 
在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样
在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样
在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样
5ys5mvlp
 
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptxMindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
elizabethella096
 

Recently uploaded (20)

Amazing and On Point - Ramon Ray, USA TODAY
Amazing and On Point - Ramon Ray, USA TODAYAmazing and On Point - Ramon Ray, USA TODAY
Amazing and On Point - Ramon Ray, USA TODAY
 
Basic Management Concepts., “Management is the art of getting things done thr...
Basic Management Concepts., “Management is the art of getting things done thr...Basic Management Concepts., “Management is the art of getting things done thr...
Basic Management Concepts., “Management is the art of getting things done thr...
 
Mastering Your Online Visibility - Fernando Angulo
Mastering Your Online Visibility - Fernando AnguloMastering Your Online Visibility - Fernando Angulo
Mastering Your Online Visibility - Fernando Angulo
 
Pillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan BrockPillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan Brock
 
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
Data-Driven Personalization - Build a Competitive Advantage by Knowing Your C...
 
Unleash the Power of Storytelling - Win Hearts, Change Minds, Get Results - R...
Unleash the Power of Storytelling - Win Hearts, Change Minds, Get Results - R...Unleash the Power of Storytelling - Win Hearts, Change Minds, Get Results - R...
Unleash the Power of Storytelling - Win Hearts, Change Minds, Get Results - R...
 
Assignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing CourseAssignment 2 Task 1: Digital Marketing Course
Assignment 2 Task 1: Digital Marketing Course
 
No Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found OnlineNo Cookies, No Problem - Steve Krull, Be Found Online
No Cookies, No Problem - Steve Krull, Be Found Online
 
How to Maximize Sales Using Social Commerce
How to Maximize Sales Using Social CommerceHow to Maximize Sales Using Social Commerce
How to Maximize Sales Using Social Commerce
 
Growth Marketing in 2024 - Randy Rayess, Outgrow
Growth Marketing in 2024 - Randy Rayess,  OutgrowGrowth Marketing in 2024 - Randy Rayess,  Outgrow
Growth Marketing in 2024 - Randy Rayess, Outgrow
 
How to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdf
How to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdfHow to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdf
How to Start Affiliate Marketing with ChatGPT- A Step-by-Step Guide (1).pdf
 
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
Lily Ray - Optimize the Forest, Not the Trees: Move Beyond SEO Checklist - Mo...
 
Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...
Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...
Digital Marketing Trends - Experts Insights on How to Gain a Competitive Edge...
 
原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样
原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样
原版制作(Sunderland毕业证书)桑德兰大学毕业证录取通知书一模一样
 
PickUp_conversational AI_Capex, Inc._20240610
PickUp_conversational AI_Capex, Inc._20240610PickUp_conversational AI_Capex, Inc._20240610
PickUp_conversational AI_Capex, Inc._20240610
 
Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...
Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...
Get Off the Bandwagon - Separating Digital Marketing Myths from Truth - Scott...
 
Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...
Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...
Crafting Seamless B2B Customer Journeys - Strategies for Exceptional Experien...
 
Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.Boost Your Instagram Views Instantly Proven Free Strategies.
Boost Your Instagram Views Instantly Proven Free Strategies.
 
在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样
在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样
在线办理(英国UWS毕业证书)西苏格兰大学毕业证学位证一模一样
 
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptxMindfulness Techniques Cultivating Calm in a Chaotic World.pptx
Mindfulness Techniques Cultivating Calm in a Chaotic World.pptx
 

What is a URL 101 and Other Web Definitions

  • 1.
  • 2. This is Part I of III on website definitions that you should know so you can speak more intelligently about websites to anyone asking.
  • 3. URL (you-are-el) #1 URL is short for Uniform Resource Locator, but what it really means is the words you type in to go to a website. Your URL is the phrase you need to go somewhere on the internet, like www.cowleyweb.com/blog <- that’s a URL. A URL has also been identified as a “Web Address.”
  • 4. URL Type in the URL www.cowleyweb.com/blog here
  • 5. Browser (brou-zer) #2 This is the program you open up on your computer, tablet, or phone so you can go explore the internet. Its purpose is to be your gateway into the online world. Some of the most popular include Google Chrome, Safari, Firefox, and Internet Explorer (even though Internet Explorer is awful and you should get another browser as soon as you can).
  • 6. Here are some of the different browser types Google Chrome Safari Mozilla Firefox Internet Explorer Browser
  • 7. Coding (coh-deeng) #3 It’s a language all it’s own and a complicated string of phrases in which a developer makes your website. The code gives your site the look, feel, and functionality it needs to operate. Will you ever have to write code? Probably not, but you should understand that not everyone can do it and that without code your website doesn’t exist.
  • 8. This is some sample coding…. <div style=“background-color:black; color:white; margin: 20px;”> <h1>Coding</h1> <p>It’s a language all it’s own and a complicated string of phrases in which a developer makes your website. The code gives your site the look, feel, and functionality it needs to operate. Will you ever have to write code? Probably not, but you should understand that not everyone can do it and that without code your website doesn’t exist.</p> Coding
  • 9. Domain Name (doh-mayne nayme) #4 The domain name is a subset of the URL we just covered. The formula goes: www. - yourdomainname - .com (or .edu, .org, etc.). You have to purchase a domain name so you can put your website on it. For example, we bought cowleyweb as our domain name.
  • 10. Sorry! You can’t have this one. Domain Name
  • 11. UI (you-eye) #5 UI stands for User Interface and this covers how your website is laid out. The UI takes into account where buttons are, any navigation or menus, photos, words…all of the things you have on your website go into its UI. For a website to be visually appealing and have a good UI, you’ll need to hire a designer who knows what they’re doing and can implement best practices for web design.
  • 12. Check out the UI on www.tuccirealty.com! UI
  • 13. UX (you-ex) #6 Not to be confused with UI, UX is the User Experience. This is how a visitor interacts with your website and how they feel about using it. UI and UX are closely related, but their key difference is UI deals with the visuals, and UX focuses on feelings and actions.
  • 14. More from www.tuccirealty.com, this time the UX: UX
  • 15. Main Navigation (mayne nav-i-gey-shun) #7 If your website has multiple pages, then there needs to be a way to go to them. Many times, that starts with the main navigation, which is usually placed at the top or left side of the website. A user can click in the main navigation to go to your core pages such as the home page, your about section, and contact form. Without a main navigation, your users will be lost and most likely never come back again.
  • 16. Let’s look at www.cowleyweb.com as an example: Main Navigation
  • 17. Secondary Navigation (sec-un-dairy nav-i-gey-shun) #8 Whenever you have more information that you want people to go to quickly, then you’ll have a secondary navigation. These items are attached to the main navigation and are usually shown in drop-down menus.
  • 18. www.notredameutica.org is a perfect example! Secondary Navigation
  • 19. Top-Top Navigation (top top nav-i-gey-shun) #9 If you have separate information you want someone to get to easily, then you can implement a top-top navigation bar. Like the name, it goes directly at the top of the page and is smaller than both the main and secondary navigation items. Usually, the top-top is for returning users to your site so they can easily get where they need to go (like a login button or shopping cart).
  • 20. We can use www.notredameutica.org again: Top-Top Navigation
  • 21. Footer (foo-ter) #10 A footer goes directly at the bottom of your website and will many times stay consistent across all of your pages. You can put any information you want into your footer, but for the most part it’s the basics like main navigation items, physical addresses, and other links.
  • 23. Search Bar (surch bahr) #11 When there is a lot of content on your site, you might have a search bar. It allows the user to type in what they want to find and then display those results. Think of it like Google, but specifically for your website.
  • 24. Take a look at www.campfitters.com’s again: Search Bar
  • 25. Server (sir-ver) #12 A server can be a physical object or in “the cloud,” and it’s the place where all of your files are stored. So, any pictures you upload or pages you create, all go on the server so your website can function.
  • 26. Sometimes it’ll look like this: Server
  • 27. CMS (see-em-es) #13 CMS stands for Content Management System and it’s a way for a website owner to add content, like blog or news articles, on their own while keeping the style in line with the established site. Some of the most common CMS’ include Drupal, Wordpress, and Joomla, to name a few.
  • 28. Drupal is our CMS of choice. Head over to www.cowleyweb.com/freebies to see how it works. CMS
  • 29. HTML (H-tee-em-el) #14 HTML stands for HyperText Markup Language and is a language of coding. Developers use HTML to make the site look and feel like it does, and allows the site to take form.
  • 30. Remember coding? That’s good looking HTML! <div style=“background-color:black; color:white; margin: 20px;”> <h1>HTML</h1> <p>HTML stands for HyperText Markup Language and is a language of coding. Developers use HTML to make the site look and feel like it does, and allows the site to take form.</p> HTML
  • 31. Header/Banner Images (hed-er/ban-er im-ah-jis) #15 These are pictures or illustrations that go at the very top of the website. You normally see them scrolling by with specified messages or with pictures of people. The header or banner image can also be static with only one of them showing.
  • 32. www.bbempirestate.com has some great header images! Header/Banner Images
  • 33. Slide Show (slyde shoh) #16 When multiple pictures play one at a time in a certain place is called a slide show. This is commonly used to filter through multiple images without having to take up too much space.
  • 34. Look at the www.landandcamps.com slideshows: Slide Show
  • 35. Site Map (syte map) #17 A Site Map is the structure and layout of your website. We use it to plan where pages will go, what content goes on those pages, and how the entire site flows. Site Maps are extremely important in the early stages of development so everyone knows what goes where.
  • 36. Here’s how a site map translate to a website: Site Map
  • 37. SEO (es-ee-oh) #18 SEO stands for Search Engine Optimization and it’s the process for search engines (like Google) to find your website and put it higher in the rankings. There are several elements to having good SEO, and your site structure and content are some of them.
  • 38. A simple image we found that displays SEO nicely: SEO
  • 39. Landing Page (lan-deeng payge) #19 The place or page that a website visitor first comes to for a section (ie. about, portfolio, services, etc.) of your website. The landing page can also be considered the first place a users gets to when they come to your website.
  • 40. Here’s a landing page for the restaurant gift certificates on www.ohgoodygoody.com: Landing Page
  • 41. Splash Page (splash payge) #20 These are temporary pages that a user is pointed to. Usually it’s to sell a specific product or service, and they are very simple in nature. Splash pages have also been used in the past as a loading page before a user got to your actual home page, but no one likes this so don’t do it.
  • 42. Here’s an example of a splash page: Splash Page
  • 43. Home Page (hohm payge) #21 The destination that you’d like a visitor on your site to start. It contains all of your important information and links to go to the different pages. It’s called a “home” page because it’s where your heart is and will have your strongest messages.
  • 44. www.samcenter.org has a great example of a home page: Home Page
  • 45. Secondary Page (sek-un-diary payge) #22 These kinds of pages are everything that the other types aren’t. They all follow a similar theme and hold the content that you’re sending people to.
  • 46. This is a perfect secondary page on www.dbbllc.com: Secondary Page
  • 47. Web Form (web fawrm) #23 Forms are what you want people to fill out when they come to your site. You want a visitor to like you so much that they actually want to get a hold of you. Forms can capture any of the data you want, but in fairness, simpler is better.
  • 48. Contact forms are the most popular web forms: Web Form
  • 49. Hyperlink (high-per-link) #24 This is where you send someone somewhere off of your site with the click of a button. Usually it’s a resource or an article, but always remember to have them open in a new tab or window.
  • 50. Hyperlinks should always open in a new window or tab. Hyperlink www.cowleyweb.com
  • 51. Thumbnail (thuhm-nale) #25 Thumbnails are itty, bitty pictures of a larger images you have somewhere else. The thumbnail is there to provide a sneak peak of what more is to come.
  • 52. Thumbnails generally go hand-in-hand with a slideshow: Thumbnail
  • 53. Responsive (ri-spon-siv) #26 We’ve all heard this buzzword, and it means that no matter what size your browser is, the website will respond accordingly. So, your design, look, and feel will always look great no matter what computer or device your visitors are using.
  • 54. Mobile is HUGE, so make sure your website plans for it! Responsive
  • 55. Stay tuned for more website definitions in Section 102 coming soon!