Web design
•Download as PPTX, PDF•
0 likes•539 views
Content Source: W3schools, lynda.com, tutsplus. Made this presentation for "Colloquium" - A Seminar Contest, held in my college on 9th October 2012.
Recommended
More Related Content
Viewers also liked
Similar to Web design
Similar to Web design (20)
Recently uploaded
Recently uploaded (20)
Web design
- 2. What is web design Web design is a broad term covering many different skills and disciplines that are used in the production and maintenance of websites Design area Web Graphic design Interface design User experience design Search engine optimization
- 3. What is a website A website is a collection of electronic documents and applications that reside on a webserver Web page Images Text Video/audio Other interactive content Should be adaptive and user friendly
- 4. Basic syntax of HTML based Web page <html> <head> <title>page title</title> (external style sheet) <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> <body> . . . . </body> </html> HTML based webpages are coded in a text editor and saved with extension “.html”
- 5. c Design theory for Web Pages Color Theory Visual Direction F - Layout Complementation Contrast Vibrancy Leading the Eye Forms Design Direction web surfers read the screen in an “F” patter
- 6. Color Theory Complementation Compound color scheme By using an Equilateral Triangle, you can ensure the colors have equal vibrancy and compliment each other properly Using a variety of contrasting colors can help focus the viewer’s attention on specific page elements.
- 8. F - Layout most important elements of your site (branding, navigation, call to action) on the left side of the design.
- 9. Visual Direction - 1 Leading the Eye looking away from the center of the page
- 10. Visual direction - 2 More easy to fill
- 11. Design Direction Stillness, Stability, Calmness Movement and Action
- 12. Structure of a Webpage
- 13. Let us see an example
- 14. New Standards in Web design The W3C has released new standards of HTML (HTML5) and CSS (CSS3), as well as new Java script API’S
- 15. Rounded Borders in CSS3
- 16. Basic CSS Syntax CSS Class P.class1 {background-color:red;}
- 17. Adopted in 2007 by W3C
- 18. Some Html5 new Tags Many other tags were also added for structure and form element Few Removed Elements <font>, <frame>, <frameset> ,<noframes>
- 19. Sample Webpage
- 20. Modern Browsers
- 21. Webpage I designed in 10th grade