Graphic Design solutions that are worth their weight in gold for print, exhibits and the web.
  HOME       INTRODUCTION       PROFILE       PORTFOLIOS       CONTACT  

Now Accepting Major Credit Cards

Solution Graphics

LOGIN | REGISTER

Image Gallery of Recent Projects Image Gallery of Multimedia Projects
Image Gallery of Exhibits Samples Image Gallery of Print Samples
Image Gallery of Illustration Samples
Home > Training > Basic Web Process
     
Basic Web Process Characters & Tags Widgets Scripts, DIVs, and CSS... Oh My!
 

Basic Web Process

Table of Contents for this page

  1. Template & CSS
  2. The Source Code View
  3. The Design View
  4. Uploading to the Server
  5. Testing
  6. The Result

1. Template & CSS

CREATION OF THE BASIC TEMPLATE(S) & CASCADING STYLE SHEET (CSS)

Basic templates are created to hold the web content. The CSS defines parameters for basic HTML Tags such as: paragrah text, headings, basic tables, and links etc...
20% Of a web developers' time is spent creating or adjusting code & scripts.

The Source Code can be edited by using a simple text editing programs such as Note Pad. The Design View is a feature of Dreamweaver which is used to manage the site. The program keeps track of every item. It is one of the most powerful web programs on the market.

Return to Top Of Page Return to Top of the Page

2. The Source Code

THE SOURCE CODE VIEW*

Certain items such as the scripts and CSS have to be included within the <head> of the web page which is only accessible by viewing the actual code.
40% Of a web developers' time is spent working with the Source Code of the web page destined to be published online.

* Free Online Web Sites do not allow you to add content to the <head> of the web page. The Source Code can be edited by using a simple text editing program such as Note Pad. The page does need to reside on the server before it becomes live. Again, "free" sites do not allows allow you to upload to the server.

Return to Top Of Page Return to Top of the Page

3. Design View

Gives an idea of what the page will look like. The images, scripts, CSS, and web page(s) then need to be uploaded to the server. Only then, will you see the result of the coded web items.

The Design View is a feature of Dreamweaver which is used to manage the site. The program keeps track of every item. It is one of the most powerful web programs on the market
10% Of a web developers' time is spent working within the Design View.

Return to Top Of Page Return to Top of the Page

4. Uploading to the Server

UPLOAD FILES TO IP OR DEDICATED SERVER

All web page items such as the scripts, CSS, images, and web page(s) are uploaded to the IP or dedicated server.

Your DSN numbers -- which can be located within your IP Control Panel -- directs the online visitor to the server on which the site is hosted.
10% Of a web developers' time is upload files to the IP Server.

Return to Top Of Page Return to Top of the Page

5. Testing

TEST THE RESULT OF THE UPLOADED FILES, IMAGES, CSS, SCRIPT ETC...

The files are normally upload to a test folder first to ensure the web pages displays and works properly. Once verified, it is pushed to “live” status. Then retested again to ensure everything still works.
20% Of a web developers' time is spent testing, and review the web page before it goes to "Live Status."

Return to Top Of Page Return to Top of the Page

6. The Result

What displays online is the result of the template, CSS, Scripts, and DIVs that are coded to be included or display according to the predetermined parameters set by the CSS that was applied to a "web page item."

Return to Top Of Page Return to Top of the Page

Visit the Scripts, DIVs, and CSS... Oh My! web page to learn more or contact us by email at info@guymercier.com for more information.

 
         
  Home | Site Map | Contact
Copyright © 2003-2010 GuyMercier.com, Inc. All rights reserved. | Last Updated: September 25, 2010		 Return to Top of Page