الأحد، 21 مارس 2010

web design




Web design


Web design is the skill of creating presentations of content (usually hypertext or hypermedia) that is delivered to an end-user through the World Wide Web, by way of a Web browser or other Web-enabled software like Internet television clients, microblogging clients and RSS readers. The intent of web design is to create a web site—a collection of electronic files that reside on a web server/servers and present content and interactive features/interfaces to the end user in form of Web pages once requested. Such elements as text, bit-mapped images (GIFs, JPEGs), forms can be placed on the page using HTML/XHTML/XML tags. Displaying more complex media (vector graphics, animations, videos, sounds) requires plug-ins such as Flash, QuickTime, Java run-time environment, etc. Plug-ins are also embedded into web page by using HTML/XHTML tags. Improvements in browsers' compliance with W3C standards prompted a widespread acceptance and usage of XHTML/XML in conjunction with Cascading Style Sheets (CSS) to position and manipulate web page elements and objects. Latest standards and proposals aim at leading to browsers' ability to deliver a wide variety of media and accessibility options to the client possibly without employing plug-ins. Typically web pages are classified as static or dynamic: Static pages don’t change content and layout with every request unless a human (web master/programmer) manually updates the page. A simple HTML page is an example of static content. Dynamic pages adapt their content and/or appearance depending on end-user’s input/interaction or changes in the computing environment (user, time, database modifications, etc.) Content can be changed on the client side (end-user's computer) by using client-side scripting languages (JavaScript, JScript, Actionscript, etc.) to alter DOM elements (DHTML). Dynamic content is often compiled on the server utilizing server-side scripting languages (Perl, PHP, ASP, JSP, ColdFusion, etc.). Both approaches are usually used in complex applications. With growing specialization in the information technology field there is a strong tendency to draw a clear line between web design and web development. Web design is a kind of graphic design intended for development and styling of objects of the Internet's information environment to provide them with high-end consumer features and aesthetic qualities. The offered definition separates web design from web programming, emphasizing the functional features of a web site, as well as positioning web design as a kind of graphic design. The process of designing web pages, web sites, web applications or multimedia for the Web may utilize multiple disciplines, such as animation, authoring, communication design, corporate identity, graphic design, human-computer interaction, information architecture, interaction design, marketing, photography, search engine optimization and typography. Markup languages (such as HTML, XHTML and XML) Style sheet languages (such as CSS and XSL) Client-side scripting (such as JavaScript) Server-side scripting (such as PHP and ASP) Database technologies (such as MySQL and PostgreSQL) Multimedia technologies (such as Flash and Silverlight) Web pages and web sites can be static pages, or can be programmed to be dynamic pages that automatically adapt content or visual appearance depending on a variety of factors, such as input from the end-user, input from the Webmaster or changes in the computing environment (such as the site's associated database having been modified). With growing specialization within communication design and information technology fields, there is a strong tendency to draw a clear line between web design specifically for web pages and web development for the overall logistics of all web-based services. Accessible Web design Main article: Web accessibility To be accessible, web pages and sites must conform to certain accessibility principles. These accessibility principles are known as the WCAG when talking about content. These can be grouped into the following main areas. Use semantic markup that provides a meaningful structure to the document (i.e. web page) Semantic markup also refers to semantically organizing the web page structure and publishing web services description accordingly so that they can be recognized by other web services on different web pages. Standards for semantic web are set by IEEE Use a valid markup language that conforms to a published DTD or Schema Provide text equivalents for any non-text components (e.g. images, multimedia) Use hyperlinks that make sense when read out of context. (e.g. avoid "Click Here") Don't use frames Use CSS rather than HTML tables for layout Author the page so that when the source code is read line-by-line by user agents (such as a screen readers) it remains intelligible. (Using tables for design will often result in information that is not However, W3C permits an exception where tables for layout either make sense when linearized or an alternate version (perhaps linearized) is made available. Website accessibility is also changing as it is impacted by Content Management Systems that allow changes to be made to webpages without the need of obtaining programming language knowledge. It is very important that several different components of Web development and interaction can work together in order for the Web to be accessible to people with disabilities. These components include: content - the information in a Web page or Web application, including: natural information such as text, images, and sounds code or markup that defines structure, presentation, etc. Web browsers, media players, and other "user agents" assistive technology, in some cases - screen readers, alternative keyboards, switches, scanning software, etc. users' knowledge, experiences, and in some cases, adaptive strategies using the Web developers - designers, coders, authors, etc., including developers with disabilities and users who contribute content authoring tools - software that creates Web sites evaluation tools - Web accessibility evaluation tools, HTML validators, CSS validators, etc









Optical illusion

Focus on the dot in the center and move your head backwards and forwards fome the screen. What do you notice???


If you take a look at the following picture , let me tell you … it is not animated. Your eyes are making it move. To test this, stare at one spot for a couple seconds and everything will stop moving. Or look at the black center of each circle and it will stop moving. But move your eyes to the next black center and the previous will move after you take your eyes away from it…. Weird isn’t it???



See this picture for 45 seconds you will see like the insects moving in your hands



look at the three painting on the ground?





It is face or a party


look at the picture upside down?what do you see?


Rubbit or Duck???

Follow the following instructions:
Relax and concentrate on th four small dots in the middle of the picture in
about 30 – 40 secs. Then take a look at any smooth single coloured surface (probably a wall) near you . You will see a circle of light developing
Start blinking your eyes a couple of times and you will see an image emerging!!! WHAT DO YOU SEE??? , WHO DO YOU SEE???

You should see a man’s face… AND a word that starts with letter “L”. Got it????

When you first look at this, do you see and old man with holly around him, or do you see a couple kissing?Be warned. This may take some time to see both “sides” of the illusion

This photograph is actually a composition of black shapes on a white surface, however the mind organizes the elements, based on past experience, into the image of a Dalmatian dog


Count The Faces
Though this image seems too scary at the first sight but it has a lot of things to reveal. Try to concentrate and count the number of faces shown in this picture.

what do you think it will be


use your vision to calculate the number of horses in the image




Read more about optical illusion
The definition An optical illusion (also called a visual illusion) is characterized by visually perceived images that differ from objective reality. The information gathered by the eye is processed in the brain to give a percept that does not tally with a physical measurement of the stimulus source. There are three main types: literal optical illusions that create images that are different from the objects that make them, physiological ones that are the effects on the eyes and brain of excessive stimulation of a specific type (brightness, tilt, color, movement), and cognitive illusions where the eye and brain make unconscious inferences. Physiological illusions Physiological illusions, such as the afterimages following bright lights, or adapting stimuli of excessively longer alternating patterns (contingent perceptual aftereffect), are presumed to be the effects on the eyes or brain of excessive stimulation of a specific type - brightness, tilt, color, movement, etc. The theory is that stimuli have individual dedicated neural paths in the early stages of visual processing, and that repetitive stimulation of only one or a few channels causes a physiological imbalance that alters perception.

Creative thinking




Think out of The Box Below are the Interview Questions, which were asked in HR Round. No one will GET second chance to impress. Very very Impressive Questions and Answers.
Question 1: You are driving along in your car on a wild, stormy night, it's raining heavily, when suddenly you pass by a bus stop, and you see three people waiting for a bus: An old lady who looks as if she is about to die. An old friend who once saved your life. The perfect partner you have been dreaming about. Which one would you choose to offer a ride to, knowing very well that there could only be one passenger in your car? This is a moral/ethical dilemma that was once actually used as part of a job application. * You could pick up the old lady, because she is going to die, and thus you should save her first; * or you could take the old friend because he once saved your life, and this would be the perfect chance to ! pay him back. * However, you may never be able to find your perfect mate again. The candidate who was hired (out of 200 applicants) had no trouble coming up with his answer. Guess what was his answer? He simply answered: "I would give the car keys to my Old friend and let him take the lady to the hospital. I would stay behind and wait for the bus with the partner of my dreams." Sometimes, we gain more if we are able to give up our stubborn thought limitations. Never forget to Think Outside of the Box.

Question 2: What will you do if I run away with your sister ?The candidate who was selected answered " I will not get a better match for my sister than you sir" Question 3: Interviewer (to a student girl candidate) - What is one morning you woke up & found that you were pregnant. Girl - I will be very excited and take an off, to celebrate with my husband. Normally an unmarried girl will be shocked to hear this, but she managed it well. Why I should think it in the wrong way, she said later when asked.

Question 4: Interviewer: He ordered a cup of coffee for the candidate. Coffee arrived kept before the candidate, then he asked what is before you? Candidate: Instantly replied "Tea" He got selected. You know how and why did he say "TEA" when he knows very well that coffee was kept before. (Answer: The question was "What is before you (U - alphabet) Reply was "TEA" ( T - alphabet) Alphabet "T" was before Alphabet "U"

Question 5: The interviewer asked to the candidate "This is your last question of the interview. Please tell me the exact position of the center of this table where u have kept your files." Candidate confidently put one of his finger at some point at the table and told that this was the central point at the table. Interviewer asked how did u get to know that this being the central point of this table, then he answers quickly that sir u r not likely to ask any more question, as it was the last question that u promised to ask. And

hence, he was selected as because of his quick-wittedness. This is What


Interviewer expects from the Interviewee