SlideShare a Scribd company logo
I’ve been asked, “How do I design a successful Web site?”
I often respond, “Do you know the fastest way to ruin a new Web site
design?” As you might suspect, the answer is, “Lack of proper
planning beforehand.”
Let’s put it another way. In programming, there’s an old axiom, which
states: “The sooner you start your coding the longer it takes to
finish.”
Planning out your Web site before you build it is essential. To borrow
a technique from the film industry, I recommend that you create a
storyboard, which is a type of a flow chart of your new Web site
design. You don’t have to be an accomplished artist to draw out your
idea, but it’s essential to create it on paper first.
On each piece of paper, the goal is to have room for an image at the
top, plus space underneath for writing down information. As you
might suspect, the first page to start with is your home (or welcome)
page, which will typically have the most information as it will contain
the page the people visit before they enter your site and as people go
through your site, the will encounter more information (in tiers) as
they go down.
if you plan to start check that web hosting:
https://www.bluehost.com/track/nekochan03/
Typically, the home page links to 5-15 pages below that, which we
could refer to as Tier 2. Each of those pages links to another 5-15
pages, which you could call Tier 3.
If you use all of these pages, you’ll wind up with an extensive Web
site design, of at least 226 pages (including the home page).
It’s during this process that all sorts of problems will crop up. But it’s
much easier to solve them on paper than in the middle of coding
rather than when you are finished… If you don’t, you might run into a
major problem along the way that would require a “back to the
drawing board” complete site re-design.
Working things out on paper will give you a much better idea of how
things will work and how to fix problems. And, if you have
knowledgeable friends, get a second opinion. Once you’ve completed
the on-paper process, and you or your web designer is satisfied with
the results, you’re ready to translate it into code.
if you plan to start check that web hosting:
https://www.bluehost.com/track/nekochan03/

More Related Content

PDF
SEO and Accessibility
PDF
2021 make money new
PPTX
Debugging SEO - Language & Breaking Down
PDF
Join Our Class Blog V3
PDF
WordPress for Witches : WordPress 100
PPTX
We design orientation class
PDF
The webmasters struggle - JD19NL
PPT
Why Use Google Docs?
SEO and Accessibility
2021 make money new
Debugging SEO - Language & Breaking Down
Join Our Class Blog V3
WordPress for Witches : WordPress 100
We design orientation class
The webmasters struggle - JD19NL
Why Use Google Docs?

What's hot (19)

DOCX
The Basis of Project Success
PDF
DIY Online Domination
PPT
Small Team, Big Success
PPTX
Introduction to react js
ZIP
Accessible Javascript using Frameworks - Barcamp London 5
PPTX
Truly Responsive Design Means Aligning to Business and User Goals
PDF
How to find the highest paid writing jobs
PDF
HTML (or how the web got started)
PPTX
My Final DGME 169
PPT
140311 projektledelse
PDF
WordCamp Nashville 2016: The promise and peril of Agile and Lean practices
PDF
Q6 evaluation
ZIP
Avoiding common Accessibility mistakes
PPTX
Research 2.0
DOCX
Introduction to web design
PPTX
Responsive Web Time Machine 2
PPT
Mid Term Project
PDF
CSS3 vs Photoshop (remastered)
The Basis of Project Success
DIY Online Domination
Small Team, Big Success
Introduction to react js
Accessible Javascript using Frameworks - Barcamp London 5
Truly Responsive Design Means Aligning to Business and User Goals
How to find the highest paid writing jobs
HTML (or how the web got started)
My Final DGME 169
140311 projektledelse
WordCamp Nashville 2016: The promise and peril of Agile and Lean practices
Q6 evaluation
Avoiding common Accessibility mistakes
Research 2.0
Introduction to web design
Responsive Web Time Machine 2
Mid Term Project
CSS3 vs Photoshop (remastered)
Ad

Similar to Starting a website from design (20)

DOCX
What is the fastest way to run a website
PPT
Migrating Large Amounts of Web Content
PDF
TechOut_Generalized Workflow
PPT
PPT
PPT
Web Disigning
PDF
Web Design Process - Tips & Guidelines
PPT
Website designing company in delhi
DOC
web design
PPTX
Information architecture for websites and intranets
PDF
Wait what? How to Enhance your Responsive Process with Content Questions
PPTX
Web Service Creation in HTML5
PPT
Lesson 2
PDF
Responsive Web Design Process
PDF
How to Plan For and Manage a Successful Web Redesign Project
PDF
PDF
Digital Content for Business
PDF
Guide to Planning Your Next Web Project
PPT
Web Site Planning
PDF
Solid Web site Design Guidance Any individual Could Utilize
What is the fastest way to run a website
Migrating Large Amounts of Web Content
TechOut_Generalized Workflow
Web Disigning
Web Design Process - Tips & Guidelines
Website designing company in delhi
web design
Information architecture for websites and intranets
Wait what? How to Enhance your Responsive Process with Content Questions
Web Service Creation in HTML5
Lesson 2
Responsive Web Design Process
How to Plan For and Manage a Successful Web Redesign Project
Digital Content for Business
Guide to Planning Your Next Web Project
Web Site Planning
Solid Web site Design Guidance Any individual Could Utilize
Ad

Recently uploaded (20)

PDF
Computing-Curriculum for Schools in Ghana
PPTX
master seminar digital applications in india
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PPTX
Cell Types and Its function , kingdom of life
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
Yogi Goddess Pres Conference Studio Updates
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Computing-Curriculum for Schools in Ghana
master seminar digital applications in india
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Cell Types and Its function , kingdom of life
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
Microbial disease of the cardiovascular and lymphatic systems
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Chinmaya Tiranga quiz Grand Finale.pdf
Yogi Goddess Pres Conference Studio Updates
2.FourierTransform-ShortQuestionswithAnswers.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Final Presentation General Medicine 03-08-2024.pptx
O5-L3 Freight Transport Ops (International) V1.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Supply Chain Operations Speaking Notes -ICLT Program
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape

Starting a website from design

  • 1. I’ve been asked, “How do I design a successful Web site?” I often respond, “Do you know the fastest way to ruin a new Web site design?” As you might suspect, the answer is, “Lack of proper planning beforehand.” Let’s put it another way. In programming, there’s an old axiom, which states: “The sooner you start your coding the longer it takes to finish.” Planning out your Web site before you build it is essential. To borrow a technique from the film industry, I recommend that you create a storyboard, which is a type of a flow chart of your new Web site design. You don’t have to be an accomplished artist to draw out your idea, but it’s essential to create it on paper first. On each piece of paper, the goal is to have room for an image at the top, plus space underneath for writing down information. As you might suspect, the first page to start with is your home (or welcome) page, which will typically have the most information as it will contain the page the people visit before they enter your site and as people go through your site, the will encounter more information (in tiers) as they go down. if you plan to start check that web hosting: https://www.bluehost.com/track/nekochan03/
  • 2. Typically, the home page links to 5-15 pages below that, which we could refer to as Tier 2. Each of those pages links to another 5-15 pages, which you could call Tier 3. If you use all of these pages, you’ll wind up with an extensive Web site design, of at least 226 pages (including the home page). It’s during this process that all sorts of problems will crop up. But it’s much easier to solve them on paper than in the middle of coding rather than when you are finished… If you don’t, you might run into a major problem along the way that would require a “back to the drawing board” complete site re-design. Working things out on paper will give you a much better idea of how things will work and how to fix problems. And, if you have knowledgeable friends, get a second opinion. Once you’ve completed the on-paper process, and you or your web designer is satisfied with the results, you’re ready to translate it into code. if you plan to start check that web hosting: https://www.bluehost.com/track/nekochan03/