Web Development Management Training

Ifugao State University College of Computer Science

Nayon,Lamut, IfugaoFebruary 14-18, 2013

Elements of Good Design

Good Web design is the same as good design. If you understand the elements that make up good design, you'll have a Web page that works well. These elements of good design apply whether you are writing a Web page, a business card, or a t-shirt and once you understand them you'll have the skills to be a great designer.

5 Basic Elements of Design

• Lines and Linework– Lines include borders and rules. They can be

horizontal or vertical and help delineate the spaces around elements on Web pages. Linework increases the readability of the design.

• Shape– Shapes make up any enclosed contour in the

design. Shapes on most Web pages are square or rectangular. But they don't have to be. You can use images to generate other shapes within your designs.

5 Basic Elements of Design

• Texture– Texture gives a design a feeling of surface. Texture

on Web pages is all visual, but you can use natural textures or artificial to get the effect in your designs.

• Color– Color is the one design element that most Web

designers are acutely aware of. But remember that color is not a required element of any design. In fact, a good plan in design is to create the design without color first, then add as little color as you can to enhance the design.

5 Basic Elements of Design

• Direction– Color is the one design element that most Web

designers are acutely aware of. But remember that color is not a required element of any design. In fact, a good plan in design is to create the design without color first, then add as little color as you can to enhance the design.

The Principle of Design

• Balance– distribution of heavy and light elements

• Contrast– colors, shapes, sizes, texture

• Emphasis– what the eye is drawn to in a design

• Rhythm (repetition)• Unity (proximity)

Top 10 Tips to a Great WebPage

• Keep your focus on fast pages• Keep your pages short, but not too short• Good navigation on your website is critical• Keep images small and use sprites whenever

possible• Use appropriate colors

Top 10 Tips to a Great WebPage

• Write as globally as you can• Check your spelling and grammar• Keep links current• Annotate your links• Put contact information on your pages

Tips to Drive Away Your Readers• Use impossible navigation on your site• Put up more ads than content• Do not maintain your site• Require too much information• Be too cutting edge• Crash your customers’ browsers• Use sound on a business site• Put up too many mages, Embed too many tables• Pay no attention to your readers

Content Management System (CMS)

• is used for the control and editing of content.• is a computer system that allows publishing,

editing, and modifying content as well as site maintenance from a central page.

• provides a collection of procedures used to manage workflow in a collaborative environment.

• characterized by a simple operation, high security and a flexibility to permanently grow according to the client's needs.

Main Categories of CMS

• Enterprise content management systems– organizes documents, contacts, and records that

are related to the organizational processes of an enterprise.

• Web content management system– is a bundled or stand-alone application used to

create, manage, store, and deploy content on Web pages.

– Web content includes text and embedded graphics, photos, video, audio, and code that renders other content or interacts with the user.

Features of Content Management System (CMS)

• SEF URLs – Search Engine Friendly URLs• Creating and managing content through CMS• CMS contains full multilingual support• CMS supports full-text search• WYSIWYG Editor for CMS• File management in CMS• CMS and a user registration

Top 12 Free CMS

• WordPress• Joomla!• Drupal• SilverStripe• Cushy CMS• Frog CMS• MODx

• TYPOlight• dotCMS• Expression Engine• Radiant CMS• concrete5

Source: http://spyrestudios.com/free-content-management-systems/

WordPress

• a free and open source blogging tool and a dynamic content management system (CMS) based on PHP and MySQL.