Transcript Day 2 Web Development Management Training

Web Development Management Training
Ifugao State University
College of Computer Science
Nayon,Lamut, Ifugao
February 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.