help your website everyday the story board

14
"Help your Website Everyday The StoryBoard". The question: What do I do first? "Help your Website Everyday - The StoryBoard" vDomainHosting, Inc 360-447-7384

Upload: guy-cook

Post on 11-Nov-2014

274 views

Category:

Internet


1 download

DESCRIPTION

Learn the important parts of the relationships between files that make up your website. Using a storyboard makes a picture of your website, that fits the site objectives perfectly as well as giving you the best look too. Understand the dynamic nature of the web, how to create an image of the navigation so a single click can take website visitors back to the homepage. Class is led by Guy Cook - President of vDomainHosting Inc, the local Internet and Network Solutions provider since 2003.

TRANSCRIPT

Page 1: Help your website everyday   The Story Board

"Help your Website Everyday The StoryBoard".

The question: What do I do first?

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

Page 2: Help your website everyday   The Story Board

A flow chart, or storyboard, is an illustration of the relationships among the various individual files (i.e., web pages) that constitute your site. The storyboard

will be a picture of the levels of your site.

Remember that your storyboard structure must reflect the structure of your web site and your web site should

take advantage of the nonlinear structure of the web itself.

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Page 3: Help your website everyday   The Story Board

What software will you ALWAYS need?

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License. http://notepad-plus-plus.org/

Page 4: Help your website everyday   The Story Board

What software will you ALWAYS need?

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Notepad++ is a free (as in "free speech" and also as in "free beer") source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GPL License. http://notepad-plus-plus.org/

FileZilla Client is a fast and reliable cross-platform FTP, FTPS and SFTP client with lots of useful features and an intuitive graphical user interface. https://filezilla-project.org/index.php

Page 5: Help your website everyday   The Story Board

Images software

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

PIXLR EDITOR, EXPRESS AND O-MATIC make up a great set of online tools for image creation and manipulation.http://www.pixlr.com

Page 6: Help your website everyday   The Story Board

GMAIL ACCOUNT – Use with Google +, Google Analytics, Google Webmaster Tools, Gmail, Google Drive and by the time you're reading this there's likely something new. Someone this morning asked me if I had the new 'Google Now' on my browser yet. I didn't, but now I do.

https://www.google.com/settings/personalinfo

"Help your Website Everyday - The StoryBoard""vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

MICROSOFT ACCOUNT – what's a Microsoft account?It starts with an email address and a password that are used to sign in to services such as Outlook.com, Skype, SkyDrive and Xbox Live, as well as devices such as Windows 8 PCs, tablets and phones, and Xbox entertainment systems. If you use an email address and password to sign in to these or other Microsoft services, you already have a Microsoft account. Bing Webmaster Tools is at: http://www.bing.com/toolbox/webmaster

Page 7: Help your website everyday   The Story Board

Planning Plan your site before you start to create it.

Ask yourself:

What is the purpose of my site? Who will be the audience for my site? What content will I put on my site? How will people want to use my site?

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Page 8: Help your website everyday   The Story Board

Organization

Gather and organize your site content:

Divide your information into chunks of data. Organize these chunks into categories or larger units. Establish the importance of each unit. Establish the relationships between and among units.

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Page 9: Help your website everyday   The Story Board

Content Your site will have some pages standard to all well-designed web sites:

Homepage, About, Privacy Policy, Terms of Use, credits

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Page 10: Help your website everyday   The Story Board

Make a Great First Impression

Proper Use of Colors Avoid anything unnecessary

Create a clear navigation structureRemember the web is dynamic not linear

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Page 11: Help your website everyday   The Story Board

Using the tools you have

Because of the nature of their design, web sites don't lend themselves to traditional, linear outlines.

Instead, create a simple site map with a flow chart. Your topmost box will be your splash page.

Identify the major areas of your site. Identify the areas subordinate to each main area. Be careful to keep similar areas parallel in the flow chart. Use the flow chart to get a sense of the framework of your site and the relative importance of the various elements of your site.

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Page 12: Help your website everyday   The Story Board

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Correct Storyboard

Page 13: Help your website everyday   The Story Board

TAKE A STRUCTURED APPROACH TO DESIGNING YOUR WEBSITES AND YOU WILL END UP WITH A DESIGN THAT FITS THE SITE

OBJECTIVES PERFECTLY AS WELL AS LOOKING ABSOLUTELY STUNNING TO YOU AND YOUR

CLIENT

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".

Page 14: Help your website everyday   The Story Board

Links:

http://LibreOffice.org – software used to create the slides shown

http://www.nvcc.edu/home/ataormina/wdc/readings/storybd.htm Plan your site before you start to create it.

http://www.fastcodesign.com/1672917/the-8-steps-to-creating-a-great-storyboard

http://goo.gl/nwv9ND - A Comprehensive Website Planning Guide by Ben Siegel forSmashing Magazine.com (a number of resources here).

Email Guy Cook @ [email protected] or call voice # below to setup an appointment. Google Hangouts by request, up to 10

"Help your Website Everyday - The StoryBoard"vDomainHosting, Inc360-447-7384

"Help your Website Everyday The StoryBoard".