Help your website everyday The Story Board

Post on 11-Nov-2014

273 views 1 download

Tags:

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 of 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

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".

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/

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

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

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

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".

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".

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".

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".

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".

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

"Help your Website Everyday The StoryBoard".

Correct Storyboard

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".

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 @ guy@vdomainhostinginc.com 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".