Web Sites
W3SitePro / W3PagePro

Welcome to W3SitePro/W3PagePro, a local full service California web site design, development, architecture, integration, promotions, maintenance and upgrades service company and contractor, designs and builds web sites, web applications and web services. Advertise, market and/or promote any business, non-profit organization, academic entity or school, corporation, company or government fucntion with a creative quality multi-media web presence and spectacular full-feature content. W3SitePro/W3PagePro provides secure online client-side/server-side front-end/back-end internet and intranet website and application software installations for ecommerce, ebusiness, online stores, restaurants and catering, travel, sales, financial transactions, shopping, process control, inventory, management, social portals, database information storage and retrieval, documents, research, reservations, bookings, communications, RIA, business to business (B2B) connectivity, product and sevice marketing and much more. Raster and vector graphic layout and gui interfaces promoting quality UI/UX begins with mockups, wireframes and storyboards and may progress through programming, coding and prototyping to completed dynamic web pages and sites from mockups. Accessiblity features conform to WCAG and American Disabilities Act (ADA) Section 508. User Interface/User Experience (UI/UX) and site navigation benefit from cognitive user interaction studies and an intimate knowledge of Human Computer Interface (HCI) and Universal Design (UD) usability concepts. Web site security, a foremost and often overlooked concern is technologically accomodated and assured. W3SitePro/W3PagePro is located in Milpitas, CA and services web needs north to south and east to west, in all Silicon Valley, inland, bayshore, pacific coast and penninsula area cities in Santa Clara, San Mateo, Alameda, Contra Costa and San Francisco counties. These include Alameda, Alamo, Albrae, Alviso, Aptos, Ashland, Atherton, Belmont, Belvedere, Ben Lemond, Benecia, Berkeley, Boulder Creek, Brisbane, Burlingame, Campbell, Canyon, Capitola, Castro Valley, Castroville, Concord, Corte Madera, Coyote, Cupertino, Daly City, Danville, Davenport, Del Monte Forest, Del Rey Oaks, Dublin, El Cerrito, El Sobrante, Emeryville, Fairfax, Fairview, Felton, Foster City, Fremont, Gilroy, Greenbrae, Half Moon Bay, Hayward, Hercules, Hillsborough, Hollister, Interlaken, La Honda, Lafayette, Larkspur, Livermore, Los Altos, Los Gatos, Marina, Martinez, Menlo Park, Milbrae, Milpitas, Mill Valley, Montara, Monterey, Moraga, Morgan Hill, Mountain View, Newark, Novato, Oakland, Orinda, Pacifica, Palo Alto, Piedmont, Pinole, Pleasant Hill, Pleasanton, Portola Valley, Prunedale, Redwood City, Richmond, Rodeo, Salinas, San Bruno, San Carlos, San Francisco, San Jose, San Leandro, San Lorenzo, San Martin, San Mateo, San Pablo, San Ramon, San Raphael, Santa Clara, Santa Cruz, Saratoga, Scotts Valley, Seaside, Stanford San Anselmo, Sausalito, Sunnyvale, Sunol, Tiburon, Union City, Vallejo, Walnut Creek, Watsonville and Woodside.

Note: This site is not dynamic and supports those with javascript disabled. To use the companion site that is fully dynamic, enable javascript and use the following link:

W3SitePro/W3PagePro Dynamic

  1. Web Site
  2. Online Applications
  3. Accessibility
  4. Layout
  5. Graphics
  6. Web Technology
  7. Web Business
  8. Site Philosophy

Previous | Next

Web Site

W3SitePro/W3PagePro, a California company, specializes in custom web site design, development, implementation and maintenance. The services provided by W3SitePro/W3PagePro are a diverse offering of graphical design and layout, beginning with storyboards, wireframes, following through with development and implementation, search engine optimization and marketing (SEO/SEM) and culminating in client return on investment (ROI) and ongoing upkeep and maintenance.


Design encompasses all facets of a software project, front-end visual and GUI (Graphical User Interface) and back-end server resources. Design takes the requirements stated by a client and evaluates the business rules and logic, the visual interface requirements, colors, layout and navigation, page depth, internal and external linkages, database modelling, server architectures and so forth. Good design maps out the project before-hand and serves as a road-map or guide for coders, graphics and animation specialists, testers and others to promote the tasks that they must engage in as they bring the project to fruition.


UI/UX is an abreviation for User Interface/User Experience and it is often used to punctuate or buzz-word those techniques that define aspects of the user interface that promote user experience and satisfaction with that interface, be it visual, mechanical or of some other form.

User Interface

The user interface includes the layout, colors, visibility, controls, sound, touch, look and feel and so forth of the interface, visual, mechanical or of any form which affects user interaction with a software product.

User Experience

User Experience measures the user's intuitive use of a software product, their satisfaction with it and their retention, loyalty and referal capacities.

User Interaction

W3SitePro / W3PagePro design philosophy stems from an understanding of cognitive interaction in user interface and experience (UI/UX), a fundamental objective of Universal Design (UD), accessibility and application of Human Computer Interface (HCI) techniques, applied to site layout, navigation, intuitive operability and user retention, loyalty and page depth during visitations. W3SitePro / W3PagePro designs websites and web pages so that users transact on the site and ultimately, must really want to leave to exit the site with intentions to come back again.


Cognitive Visual

Cognitive interaction cognitive visual interaction studies are involved with the psychology of users as they interact with web sites and their visual interfaces. This involves layout, navigation, intuitive controls and process or interaction flows. The goals of cognitive studies are many. The studies seek to evaluate, affirm and/or direct a fundamental correctness of software project user interfaces. That correctness has the objective of enhancing user retention, user experience or satisfaction and user interaction depth. Retention is both measured in terms of the length of time a user spends on the site during a single visit and a user's loyalty to the site, the compelling nature of the site to inspire users to return to it again and again, and in a sense to refer others to the site. This is tied very much to any users satisfaction with their experience and value of the site. The depth of a user visit involves navigation on the site. Depth involves invoking the processes of the site to such an extent that multiple pages are visited during a single visit. Zero depth indicates that a user visited the main page and did nothing. Greater depth on the other hand, affirms user interest by their interaction with the site to the extent that they invoked many of the site's multiple pages.


Human Computer Interface

Human Computer Interface is a doctrine which is applied to Software Engineering of user interfaces for computer products. It relates the software development life-cycle (SDLC) to those aspects of design, development and maintenance which are involved in the human computer interface or interaction. These include layout, mockups, proto-types, cognitive studies, intuitive usage, accessibility and much more.


Development is often described in terms of a life-cycle of events which define the not just the coding and graphics production steps required to implement a project, but the entire series of events beginning with the project's vision and concluding after release with the projects ongoing maintenance and updates. The Software Development Life-cycle (SDL) can take many forms, waterfall and iterative waterfall being among the most common. Development begins with the client's requirements documentation, evolves through that vision through mockups and storyboards, through graphics production, prototyping, coding of the actual application, testing and then, final approval and release. And yet it continues with ongoing maintenance, support and upgrades.


Maintenace of a software product, be it, a resident computer program or a web-site, is a necessity. After release of a project, inconsistencies will always be discovered. No software is ever free of these inconsistencies which are discovered after release, in particular, it can be stated that no software is ever free of bugs or problems. These inconsistencies lead to further testing, debugging, and resolutions to the inconsistencies, fixes and engineering changes. Engineering enhancements, upgrades and other modifications are often done as part of ongoing maintenance.


Service is an ongoing commitment by W3SitePro/W3PagePro to provide all aspects of design, development, maintenance and enhancements to clients in an equitable, professional, technically sound and timely manner.

Software Engineering

Software Engineering is the fundamental process of design, development and maintenance of software projects.


Contracts detail the sound and ethical agreements between W3SitePro/W3Pagepro and its clients for the professional execution and completion of software engineering projects.


SEO/SEM, Search Engine Optimization and Search Engine Marketing, defines a number of techniques which are ongoing in nature, that premote visibility and business interactions on the web. Search engines, the web devices which enable web surfers to find and view various sites, rank sites and order them in the results of a search by those rankings. SEO techniques are used to enhance a site's capacity to appear in the first few pages of search results, if not on the very first page, given certain keywords for a search which is applicable to the site. SEM on the other hand, includes SEO, but also links similar businesses or sites on the web, provides other links such as online press releases and RSS feeds which in effect, group a site into online partnerships and mutually supporting connections with other sites which promote or are supportive of the sites business rules.

Previous | Next

Online Applications

Online Applications utilize the web and browser capabilities to go beyond the tranditional static and dynamic form-based web site designs. Online applications utilize special javascript techniques, in particular, those known as Ajax techniques, to allow functionality that interacts instantly with the application and database servers which store the business rules and logic which drive those applications.


eCommerce is the buzz-word for electronic commerce. This is often applied to business on the web, as the web is considered an electronic artifice. Commerce is the trade or business transactions that occur between business entities or businesses and their clients or customers. This may involve products or services. eCommerce is commerce conducted electronically or over the web.


eCommerce is the activity of trade or business.


Business to Business

Business to Business (B2B) is a technique or the buzz-word for that technique, where businesses using online services, often provided on the web, exchange data and information, electronically, over the netowrk.


Shopping is the activity of seeking products and services for purchase or acquisition for a fee.


Sales are activities for promoting the presentation of a product or service for acquisition via payment or fee by prospective or existing customers or clients. Sales are also the successful completion of purchase or acquisition of product and service offerings by customers or clients.


Advertising is an activity of presentation of products and services and of motivation for customers and clients to acquire those products and services. Advertising is also any artifice, signage, lables, banners and so forth which promotes such presentations. On the web, advertising is a specialized application or it may be a simple graphic display.

Process Control

Process Control Applications are used to establish control over specific processes, providing both control and documentation over what must be done and has been done. Specific data structures are used in the application to define process states and control involves properly updating those states and migrating from one state to the next appropriate state or back-tracking. As a process proceeds, operators are required to utilize the application to control their activities.


Database Applications are diverse in both number and type. Most applications require a database. It is rare to have an application which does nto have a database behind it. Databases are information repositories. They are also repositories for application control information and status.


Inventory Applications use a database to store inventory and provide an interface for updating and retrieving information from that database that reflects changes in inventory status. Inventory items are labelled and quanticized.


Management applications manipulate the various logistic and control facets of management activities. Often such applications involve interfaces which interact with still other sub-types of management applications or applications which managemetn must monitor and control, such as inventory applications, for example.


Solutions applications cover a wide variety of applications for which naming them all would be infeasible. Even those that are common are in fact solutions applications. A solution application is any application which solves a business, company, corporate, organizational or individual application need.

Social Portals

Social Portals are those applications which invite the web community to participate in a shared online experience. That experience may be as simple as a blog to exchange ideas or something of greater depth, such as sharing of photogrpaphs or videos. Some social portals have a specific purpose, such as linking together professionals in a certain area of specialization.

Previous | Next


Accessibility is first and foremost, a term applied to any information or resource such that it is accessible and usable by persons with disabilities. However, in light of the true definition of Universal Design, accessibility is also applicable to all persons such that their language, culture and other social limitations do not present them with barriers to access of any information or resource.

Section 508

Section 508 is a legal section of the American Disabilities Act (ADA). The law, passed by the US congress in 1990 addresses the removal of all barriers to accessibility for persons with disabilities. Section 508 of the ADA specifically addresses the removal of such barriers with regard to software or Information Technology (IT) products, including the world wide web (WWW). Section 508 is specifically applicable to accessibility for federal employees, but may find application in general business.


WCAG (Web Content Accessibility Guidelines) are documents developed and published by the World Wide Web Consortium (W3C) to provide information and guidelines for developing web content that is accessible to persons with disabilities. WCAG guidelines may not necessarily conform to Section 508 mandates and may in fact, exceed them. The documents are intended to provide a general roadmap, useful for providing and enhancing accessibility.

Universal Design


Universal Design (UD) is a doctrine for product design which has roots in several earlier accessiblity movements, such as the Barrier Free Movement. Ronald L. Mace of the University of North Carolina developed a Univeral Design philosophy and first coined the term. Universal Design promotes product design which is accessible to all, regardless of disabilities, language, culture or other conditions which might make a product unusable or not accessible. Usability is key to univeral design products. Often products which were designed for persons with disabilities find extraordinary uses for others who do not have disabilities. Such products are often said to fit the universal design paradigm, but universal design covers more than just this. Internationalization, using symbols instead of words for controls, common or adjustable metrics for product controls and accessibility are among many facets of UD.

Previous | Next


Layout in particular, regards the arrangement of objects, text boxes, form controls, images and others, on a web page. Layout however, can be applied in a general sense to any arrangement of such objects on any product, as would be defined for Human Factors engineering.

Proof of Concept

A proof of concept may be any mockup, together with supporting documentation that demonstrates a product and how it would be used.


A mockup is a conceptualization of a product or idea. It may be so conceptualized on paper or as an actual physical prototype. On paper, a mockup may be provided in text, a symbolic representation or as a graphic depiction of the envisioned concept. Mockups may in fact, be physical representations or prototypes of the concept. For the web, mockups can be textual descriptions, pencilled drawings, wireframes, storyboards and even prototypes. Mockups are often used for Proof of Concept.

Wire Frame

A wireframe is a conceptual mockup of a web page, ususally lacking in color and graphics. It is a black and white schematic, so to speak, of page layout, controls for navigation and text which would be visible where scrolling or other overflow and visibility features would not hide it. Wireframes may be pencil or ink hand drawings or may be produced with more sophisticated tools such as Adobe's Illustrator product.


A storyboard is a grouping of conceptual mockups for a web site. It may include a series of simple wireframes or more graphic depictions of web pages, all arranged to indicate the flow of navigation that would be invoked during usage.


Proto-types are mockups which, though not fully functional, allow interaction with a concieved product in such a way that its usage may be studied or presented for evaluation. Proto-types for web pages often lack database connectivity and while they allow navigation and emulation of business rules results are not fully functional products. Prototypes may have been developed to such a stage that they are easily modified to create a final product.

Previous | Next


Graphics are visual elements of a web page which are not part of the normal html/css representations of text, panels and other markup. Graphics exist in (2) forms, vector and raster graphics. Vector graphics are generated by formula, mathematical or other algorithms which paint a graphic element. Raster graphics by contrast are a mapped matrix of color, hue and grey-scale elemnts, often pixels, which are often electronic representations of photographs. Often, original vector graphic elements are converted into raster graphic equivalents for use on web pages. But it is possible to design web pages using vector graphics directly. GIFs, PNGS and JPEG files are often used to represent graphics which will be used on web pages.


Animation is achieved for web pages in many different ways. Adobe Flash and Flex create Shockwave format (SWF) vector graphic animations which may be incorporated into web pages to provide animation. Videos and movies are another form of animation that may be included. Special frameworks for manipulating html elements in the Document Object Model (DOM) are yet another way to achieve web page animations. It is much easie to use such frameworks, jquery, scriptaculous, dojo/digit, extjs, mootools and others, than to code in javascript to manipulate the DOM.

Graphical User Interface


A Graphical User Interface (GUI) is a graphic interface for user interaction. Instead of simply presenting text queries and waiting for a text input, graphic representations of controls are used to accept input and display output for a software product. GUI controls include buttons, form fields, sliders and many others.

Previous | Next

Web Technology

W3SitePro / W3PagePro specializes in LAMP ( Linux, Apache, MySQL, PHP ) stack web site development using AJAX and other techniques to enhance user experience. However, a large variety of other technologies beyond the LAMP domain are available and clients are encouraged to inquire. A socially responsible company, W3SitePro / W3PagePro regards citizenship and community responsibility as vital at a time when competition has become a flagrant excuse for social abuse. W3SitePro / W3PagePro desires to generate new business in lieu of competing in the same old business. W3SitePro / W3PagePro desires to do something new and pave new vistas via its products and services. Innovation is key to success for W3SitePro / W3PagePro, its clients, its community and others.


LAMP is an abbreviation and buzz-word for certain technologies used to drive web pages from the server or back-end. These traditioally include Linux, Apache Server, MySQL Database Server and either PHP or Perl scripting.


Linux is a unix-like operating system which remains available and freely developed and contributed to via open source software.


Unix is a very stable and secure operating system which was original developed in University, but was later sold to business. It has since matured and evolved a lasting reputation as the best operating system, including its unix-like alternatives such as Linux, and is widely used.


Apache is a web server. As such it, handles and controls the building and presentation of web pages using HTTP protocol. It is easily modified and configured to use many different features, set up specific security restrictions, logging and other features.


MySQL is a database server. It is often used for web sites as part of the LAMP stack, as it was once freely distributed. Today it remains immensely popular and is owned by Oracle Corporation.


PHP, originally the Personal HTML Processor, developed by Rasmus Lerdof in 1995, has since become one of the most popular web server scripting languages in the world. As part of the LAMP stack, it has largely replaced Persl scripts as the scripting language of choice. It has evolved to become a fully mature and diversely full-featured scripting language which is open to connectivity to several other technologies.


Javascript is the standard coding language for client side web pages and is used to interact with browsers via the Document Object Model (DOM) as well as to provide for dynamic features and enhance form-based controls. CSS frameworks, query, scriptaculous, dojo/digit, extjs, mootools and others, use javascript to allow developers a much enhanced way to provide special features, many involving animation.

Document Object MOdel


The Document Object Model (DOM) is a data structure which exists in all browsers and is used to store the elements and relativity of html elements for web pages. A web page is in this sense, a document contained in the browser's window object. The DOM is a tree-like structure and it is used by javascript and CSS frameworks, query, scriptaculous, dojo/digit, extjs, mootools and others, to manipulate the elements of an HTML (web) page dynamically, while it is displayed on the client side.


Ajax is a specialized javascript technique for dynamically manipulating web page content while making direct and temporally relavent server calls to either update or refresh client-side content or to update server-side data.



HTML (HTTP Markup Language) and XHTML are markup languages for creating web pages. Each includes a large variety of elements and objects which are defined by tags or tagnames to represent them in a web page. The elements may have attributes which allow developers to add greater functionality to those elements via javascript, CSS and other parameters specific to each type of element. When HTML was recognized to be prone to forgiveable errors and faults, XHTML was deveoped to improve integrity. HTML5, a version of HTML that has evolved to satisfy other perceived requirements may soon side-step XHTML as the markup of choice.


XML (Transfer Markup Language) is a markup language commonly used in BUsiness to Business (B2B) and other eCommerce web applications to package and transfer data sets between participating sites. XML also provides a control function as a source of parameter sets for both web and non-web applications.


JSON is another technique using javascript that achieves some of the data transfer objectives which are served by XML.


Cascading Style Sheets

Cascading Style Sheets (CSS2/CSS3) are markups used to specify visual renderings fore web page (HTML/XHTML) elements. Position, size, color and visibility are among the many style attributes which may defined in cascading style sheets. There are two current versions of CSS, CSS2 and CSS3. CCS3 added many notational changes to CSS as well as a greater diversity of functionality. CSS or Javascript frameworks provide a high level means of manipulating CSS values in web pages to provide special features.

Browser Compatibility

Browser Compatibility is a process of evaluating and modifying web pages, particularly CSS Stylesheets to ensure that the same rendering of the page is produced on all of the most current web browsers, especially those that are considered the most popular, the top 5 being FireFox, Internet Explorer, Safare, Google Chrome and Opera.


JQuery is a javascript or CSS framework which is used to provide a high-level capacity for providing special features in web pages, particularly animations.


Dojo is a javascript or CSS framework which is used to provide a high-level capacity for providing special features in web pages, particularly animations.


Dijit, usually combined with Dojo as Dojo/Digit, is part of a high-level capacity for providing special features in web pages. But Dijit is used to define widgets in the Dojo/Dijit framework. Widgets are specialized GUI units of groups of controls which are designed to provide for specific interface capabilities and capacities and with specific behavioral and visual features.

Rich Internet Applications


Rich Internet Applications (RIA) are small modular applications which may be used as plug-ins on web pages or in other web applications to provide specific functionalies which already exist and are available to web developers. For example, a google map of a web site store's location is one such RIA.



Shock Wave Format

Adobe Corporation's Flash and Flex tools provide developers with a means of producing vector graphic animations which may be used on web pages. Indeed, some claim that Flash is currently the most widely used tool for producing such animations.


Adobe Corporation's Illustrator tool provides developers with a means of producing vector graphic images for web pages. These are often expored from Illustrator as raster graphic PNG files for inclusion on the web page document.


Adobe Corporation's Photoshop tool provides developers with a means of producing and modifying raster graphics (often photographs are used) for inclusion on web pages.


Adobe Corporation's Fireworks tool provides developers with a means of producing and modifying raster graphics in the specific form of PNG files for inclusion in web pages. PNG files, like gifs may be used to create simple animations, but have a much rich depth of colors.


Gimp is a free graphics application for providing many of the same featues and capabilities as photoshop. However, the two products are different and do produce variances in their results. This is often desirable.

Previous | Next

Web Business

A business is an entity which conducts trade or commerce in products or services. It may also be the activity of a business entity, the provision of such products and services for sale or trade.


eCommerce is the buzz-word for electronic commerce. This is often applied to business on the web, as the web is considered an electronic artifice. Commerce is the trade or business transactions that occur between business entities or businesses and their clients or customers. This may involve products or services. eCommerce is commerce conducted electronically or over the web.


An enterprise is a a business, company, corporation or other entity engaged in commerce, trade or other business.


A company is an established organization of individuals engaged in a specific mission or task. Often, companies are businesses.



A Corporation is an established organization of individuals or other groups or enterprises engaged in a specific mission or task, but under the auspices of specific legal definitions for their conduct and taxation.


An organization is a group of individuals who may or may not be engaged in commerce, trade or business. Organization may be non-profit and exist for purposes and a mission which is defined to serve some purpose which they have defined.


Professional is a character attribute for persons, businesses, companies, corporations, organizations and others. This attribute also applies to the products and services provided and the conduct between such entitites during business and other transactions. It entails an adherence to high standards of ethics, honesty, fairness and others attributes of good conduct.


Custom is an attribute used to describe a characteristic of work, products or services. The attribute implies that the work, products or services are not fixed or duplicated in nature, but are created to suite specific clients and purposes.


W3SitePro /W3PagePro recognizes the importance of the next generation to the future of our nation and our communities. And while others fail to pave the way for the next generation, W3SitePro/W3PagePro will intern and train our future professionals and provide them a means of sustenance at a time when they are subject to rejection in employment and opportunities for professional and career growth. Responsibility is key to success for W3SitePro/W3PagePro, its clients, its community and others.

Previous | Next

Site Philosophy

Welcome to W3SitePro/W3PagePro, a California web site design, development, integration and maintenance company. W3SitePro/W3PagePro provides online solutions for commerce, sales, process control, social portals, database information storage and retrieval and much more. W3SitePro/W3PagePro is located in San Jose, CA and services web needs in all south bay area cities.

W3SitePro / W3PagePro design philosophy stems from an understanding of cognitive interaction in user interface and experience (UI/UX), a fundamental objective of Universal Design (UD), accessibility and application of Human Computer Interface (HCI) techniques, applied to site layout, navigation, intuitive operability and user retention, loyalty and page depth during visitations. W3SitePro / W3PagePro designs websites and web pages so that users transact on the site and ultimately, must really want to leave to exit the site with intentions to come back again.

W3SitePro / W3PagePro desires to generate new business, to transcend the commonly accepted mandate to compete in business, duplicating what others are doing. W3SitePro / W3PagePro engineers strive to create. The greatest reward is creating something that improves upon the human condition and serves humanity.


Facebook Google Plus Visit us at Baelos We're on Baelos We love Baelos