Handpicked handcrafted evocative
materials for artists.  We seek unique finds, techniques and tips to inspire creativity.


We've got Tutorials for that!

Our Tutorials

We've created a series of tutorials, complete with screen shots and resource links that lead you step by step through the planning and building process. They are Adobe Acrobat PDF files. Our tutorials are divided into sections:

Getting Started Tutorial covers the initial stages: your goals, audience, competition and keywords. You will be using our Keyword and competitive analysis guides, creating visitor profiles, and of course you'll need to use those worksheets to help you determine your requirements.

Developing a Website Strategy uses your goals, Keyword and competitive analysis guides, visitor profiles and a lot of analysis to help you create a winning strategic plan for your site.

Website Planning Tutorial takes you deep into the website planning process. You'll use our Website Planning Guide to design and map your website, Learn tips on writing your content for search engines, and use our Content Map to combine the content and images for review.

Website Building Tutorial begins with an overview of html codes, reference guides for all the codes you'll need, and gives you a jump start by providing a choice of coded grids and style sheets for you to customize with color, images, text and layout. The coded grids can easily be edited (the code reference guide details the process), and the style sheets contain simple samples that you can embellish. Start building your site using the planning guide as a reference. You'll find free open source code writing and image editing programs to help you with coding and graphics and a guide to domain registration and hosting to "go live" with your website.

Website hosting for 1 year is included when you purchase the web tutorial set.

 

Learn the Secrets of Planning, Designing and Creating Effective Websites

Myra Nicholas has been building websites since 1995, long before tutorials, manuals or classes were available. Developing a system to work with clients new to the web was essential. Made up of tasks and planning documents, worksheets and resource materials, this system continually evolved as the web changed. Most of the documents used in our workshops and webinars were developed specifically for "educating" the client or tracking website development.

This comprehensive class is designed for entrepreneurs, business and marketing executives interested in an effective web presence . The 3-part program below integrates the different phases, while still retaining the core goal: building a website. Each session is 2 hours long.

Site Development-Section 1

What do I need to know?

An effective website needs planning, research and design before the coding starts. Would you build a house without drawing up plans and deciding what materials to use?

worksheet HANDS-ON PLANNING SECTION (4 sessions. Allow 12 hrs for homework)
Section 1 covers the following:
worksheet
worksheet
Goals for your website: Define what you hope to achieve with your website. (other than make money) The more specific you are with your goals, the easier it will be to create a plan to achieve them. See goals section.
worksheet
worksheet
Know your audience: Who are you trying to reach? Create a "profile" of the average visitor you want to attract. (age, gender, background, technology level). The more you know about who you want to reach, the better you can target your site to reach them. See audience section.
worksheet
worksheet
Who is your competition: Who are your competitors? How many are there? What are they offering? How successful are they? Studying them will help you develop a strategy for your own site. See competitive analysis.
worksheet
worksheet
Identify your keywords : Keyword selection is critical to your online success. To show up in a search, your web site must include the right words and phrases. The right keyword phrases are popular, relevant to your offering and face appropriate competition. See keyword identification.
worksheet
worksheet
Create Your Strategy Log: Analyze and rank competitors, by goal, audience, approach, business model, assign risk factors. Analyze and rank top competitors to your own business by delivery system, production, payment, find what makes you unique. Create Strategy Execution.

Results and Resources

Students will come out of section 1 with a working website strategy plan. There are worksheets and tutorials to help in the process..

Content and Style-Section 2

What do I need to know?

You've gathered your requirements, defined your goals, decided what you want your website to do... now it is time to address all the pieces that make up a website and how they will work together.

worksheet REQUIREMENTS, STYLE, GRAPHICS AND CONTENT (4 sessions. Allow 8 hrs for homework) Static or Dynamic, or something in between... the type of site depends on what you need it to do, how much you want to learn, and your budget. For this class, we will be learning static websites. Read requirements section for details.
Section 2 begins:
worksheet
Your requirements: forms, forums, shopping carts and more : Identify the scope of your website. This class prepares you, but does not cover the addition of interactivity. See below for more.
worksheet
What image do you want to project? This is where you make decisions on the colors, general page layout and work out themes for your site.
worksheet
worksheet
What do you want visitors to do? When they land on your site, you'll need to create a plan to "lead" them though the site to your goal. Many websites that look quite nice at first glance confuse the first time visitor who doesn't know what to click on first. . See site map.
worksheet
Tips for writing your content: Content for websites change weekly, monthly and a good site will keep customers coming back by offering interesting information or tips to save. All the content for your website needs to be search engine friendly. That means you need to identify and use your keywords and key phrases throughout the site. See writing for the web.
worksheet
Do your photos and graphics reflect your content? Images set the tone of a web page. That is why your audience profile is important. The images you use should be tailored to that audience. See graphics and photos.
worksheet
worksheet
Gather it all together and create a content map. A content map is where you create your final plan... page by page. finle name, page title, images, content, scripting and external links all get their final approval before coding begins.
worksheet
Additional classes for specific tasks listed on right hand side of this page.

Resources

Students will have a workable content map. This section does offer tips, but does not cover the details of writing the content for the website nor does it go into all the aspects of image editing. Section 3 can be taken as a separate class.

Building-Section 3

What do I need to know?

Basic website coding is done in HTML. It is a simple, universal mark-up language that allows for the creation of complex pages of text and images that can be viewed by anyone else on the web, regardless of what kind of computer or browser.

worksheet
worksheet
HANDS-ON WEB CODING (6 sessions)
A text editor (like notepad) is all you need to create an HTML page; You can get a basic knowledge of html in a matter of hours. However, creating a complex web page that looks good often is another story. For the purposes of this class we'll start with html table grids (editable templates that i coded) so students can concentrate on formatting, placement and details.
Section 3 begins:
worksheet
Understanding basic code: Students will be introduced to HTML, provided with reference sheets, create a simple web page, and choose one of the templates to modify for their own website. See html basics. Students will also be provided with a hands-on-tutorial covering both beginning and advanced html.
worksheet
Adding style sheets. The web templates provided will each have their own style sheet. Students will get an introduction to style sheets and how they work. See style sheets.
worksheet
Building the site. Armed with their content, graphics, colors, layout and the template, students will begin building their first website. This can be a frustrating experience, since combining code, style sheets, images and all the details that make up a web page can yield strange results. Instructor will provide individual attention.
worksheet
Uploading to server: Students will be provided with server space so they can upload their websites and review them in a real-world context. They are encouraged to continue practicing. Their sites will stay up for 6 months.
worksheet
Additional classes listed on right hand side of this page.

Although the class is over, your journey has just begun.


 
We've got icons for that! Key for icons listed below.
worksheet Part of Regular Class
worksheet Requires Hand Coding
worksheetWorksheet developed for this task.
worksheet Task requires research and homework.
worksheet Separate class.
We've got classes for that!

worksheetAdding forms, forums, shopping carts and more : Separate classes will be offered for those who want to add shopping carts, forms and other simple scripts.

Creating graphics for the web: Learn your way around image editing programs that will allow you to do much more than just modify and scale your photos. You'll learn techniques that will help you edit badly framed photos, create layered collages to make a banner illustrating complex concepts, give photos a virtual "makeover".

Writing for the web workshop: Learn how to use action words, short sentences, and restate long descriptions to make the most of your message. Focus is on motivating today's busy website visitor to action.

worksheetAdding scripts to your website. This short workshop will introduce students to the interactivity that a simple javascript can provide. Everything from dynamic navigation, pop up windows, fading backgrounds, rotating images and more are available online. Learn how to install scripts, troubleshoot problems and modify results.

Details

Our goal-oriented approach, designed for a tough business climate, mixes marketing, business development, & management techniques to help you create a web experience tailored for your business. Our workshops and web-based classes are hands-on.

We provide worksheets and tutorials, provide links to several open source programs free to download. You will need access to a computer with a fast connection (cable, dsl, satellite). A PC needs to run WIN XP or later, if you are using a MAC, OSX 10.6 or later.

We welcome beginners who are familiar with some common web apps (ebay, an online shopping, photo or research website, facebook) have an email account, and can open a PDF or word file.

Bookmark and Share

Providing Visual Solutions for Business in Northern Virginia since 1979

Copyright 2011, Anson-Bowles & Assoc. mnicholas@anson-bowles.com