Lesson 4

• Web Design Principles - To create an effective Web Sites or Web Pages, the designer of the Web Site must instill several pointers.
• Web Design Principles

  • The website should make site visitors curious so that the information presented on the Web Site is widely disseminated.
  • The designer should also make the web site eye-catching.
• Factors that will highly contribute to your website: 1. Purpose

  2. Communication

  3. Typefaces

  4. Colors

  5. Images

  6. Navigation

  7. Layouts

  8. Load Time
• Purpose - A web site can be categorized primarily in terms of the goal it aims to fulfill.
• Communication - The texts and information on a website should be concise and direct to the point.
• Typefaces - Considered as the most dominant and noticeable in terms of visuals. This deals with text format text style, and text.
• Colors - The appropriate combination of the foreground color and background color can produce a better  viewing experience.
• Images - alone placed on a web site can deliver a complete message that the website wishes to communicate to the audience.
• Navigation - Refers to the facility that the audience can use to go through the web site and its subpages.
• Layouts - Refers to the physical arrangement of the content and elements on a Web site.

  • Types of layouts: Grid, F-Pattern, Mobile
• WYSIWYG - Is an acronym for WHAT YOU SEE IS WHAT YOU GET. It is an application that is used to create a Web site either online or offline.
• WYSIWYG - This type of application uses the capability of directly handling the components of the Web site.
• WYSIWYG - The developer can directly drag and drop elements to manipulate the layout of the web site. The finished products is similar to the designed placement of the components.
• Here are some of the WYSIWYG applications for both online and offline development:

  • Adobe Dreamweaver
  • Amaya
  • Microsoft Expression Web
  • DIM Creator
  • Wix
• Load Time - Another basis for the success if a web site is the time that the web site will load or appear onto the viewers' display device.
• Adobe Dreamweaver - This is an offline proprietary web development tool offered by adobe systems. This tool presents wide range of tools for the drag and drop option.
• Adobe Dreamweaver - This platform can produce the equivalent program codes of the layout created by the designer.
• AMAYA - An open source web site development tool used to update documents directly on a running website.
• AMAYA - This platform enable continuous browsing and editing of a web site.
• MICFROSOFT EXPRESSION WEB - It is integrated to the new defunct Microsoft expression studio.
• MICFROSOFT EXPRESSION WEB - Developing a web site using this platform is easy, simply drag and drop the elements to create a layout and function of the web site.
• IM CREATOR - a website that caters to both experience and inexperienced users, and to creators of web sites and web pages.
• IM CREATOR - This platform offers predesigned templates that will aid the inexperienced users in creating their own web sites.
• IM CREATOR - Offers ready-made web site with complete functioning buttons, links, and design.
• WIX - Web site that offers its users to create their own website. Advantage: knowledge in making a website is not prerequisite.