Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Basic Web Design and Development

34 976 vues

Publié le

Basic Web Design and Development

Publié dans : Design
  • There are over 16,000 woodworking plans that comes with step-by-step instructions and detailed photos, Click here to take a look ♥♥♥ http://tinyurl.com/y3hc8gpw
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • The #1 Woodworking Resource With Over 16,000 Plans, Download 50 FREE Plans... ●●● http://tinyurl.com/y3hc8gpw
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • The #1 Woodworking Resource With Over 16,000 Plans, Download 50 FREE Plans... ♣♣♣ http://tinyurl.com/yy9yh8fu
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • ★★ How Long Does She Want You to Last? ★★ A recent study proved that the average man lasts just 2-5 minutes in bed (during intercourse). The study also showed that many women need at least 7-10 minutes of intercourse to reach "The Big O" - and, worse still... 30% of women never get there during intercourse. Clearly, most men are NOT fulfilling there women's needs in bed. Now, as I've said many times - how long you can last is no guarantee of being a GREAT LOVER. But, not being able to last 20, 30 minutes or more, is definitely a sign that you're not going to "set your woman's world on fire" between the sheets. Question is: "What can you do to last longer?" Well, one of the best recommendations I can give you today is to read THIS report. In it, you'll discover a detailed guide to an Ancient Taoist Thrusting Technique that can help any man to last much longer in bed. I can vouch 100% for the technique because my husband has been using it for years :) Here's the link to the report ♥♥♥ https://tinyurl.com/rockhardxxx
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • thank you for this one..
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

Basic Web Design and Development

  1. 1. A WORKSHOP ON: BASIC WEB DESIGN AND DEVELOPMENT November 14, 2014 Rm 335, St. La Salle Hall, De La Salle University
  2. 2. TOPICS: 1. Introduction to Web Design 2. Web Trends 3. Basic CSS Workshop Bonus Topic: Doing Business with Web Development
  3. 3. What is web design?
  4. 4. DESIGN 1 2 3 Collect ideas Implement these ideas Apply design principles
  5. 5. WEB DESIGN Follows the same process in design Present the design through web pages
  6. 6. Create an effective web design by applying key visual elements
  7. 7. ELEMENT 1: LAYOUT Maintain balance, consistency and the integrity of the design.
  8. 8. ELEMENT 2: COLOR Color should represent your personality or the brand of an organization.
  9. 9. ELEMENT 3: GRAPHICS Logos, images, and graphics that can help enhance your design. Make sure to place them strategically. Use graphics wisely!
  10. 10. ELEMENT 4: FONTS Typography can enhance your design… when used wisely.
  11. 11. ELEMENT 5: CONTENT Should be useful and relevant. Optimize for search engines.
  12. 12. Is your website user friendly?
  13. 13. USER-FRIENDLY DESIGN ELEMENT 1: NAVIGATION Don’t make them think! Consider how users will navigate through your website. Use simple HTML or JavaScript menus.
  14. 14. USER-FRIENDLY DESIGN ELEMENT 2: COMPATIBILITY Design your websites that perform well in different browsers.
  15. 15. USER-FRIENDLY DESIGN ELEMENT 4: EASY ACCESSIBILITY Your website should be accessible to everyone including blind, disabled or the elderly. Use real fonts, not images.
  16. 16. USER-FRIENDLY DESIGN ELEMENT 5: WELL-FORMATTED CONTENT Organize the flow of information. Plan your website’s sections and categories carefully. Use headings, sub-headings, paragraphs, bullets or lists correctly.
  17. 17. Keep yourself updated by knowing the different web design trends.
  18. 18. WEB DESIGN TREND #1: RESPONSIVE WEB • The idea is to create web layouts that are compatible with any forms of devices: – Desktop – Laptop – Smart Phones – Tablets
  19. 19. WEB DESIGN TREND #2: FIXED HEADER BARS Works best with one-page layouts and layouts with long pages. This trend has been around for a while but now we are seeing this in full force.
  20. 20. WEB DESIGN TREND #3: LARGE PHOTO BACKGROUNDS Use your best photos or graphic designs as the main background photo of your website.
  21. 21. WEB DESIGN TREND #4: TYPOGRAPHY Most websites now use multiple fonts, making the page easier to read and more attractive. Mix and match fonts wisely!
  22. 22. WEB DESIGN TREND #5: FLAT DESIGN It’s about keeping it simple, clean, and modern  key words that most clients say.
  23. 23. WEB DESIGN TREND #6: INFOGRAPHICS Infographics present a lot of information in such a small space. Eye-catching. Entertaining. Not boring. Not text heavy.
  24. 24. WEB DESIGN TREND #7: SINGLE PAGE WEBSITE This has been a trend for a long time. Over the years, developers have created different techniques for single page concepts. You can create an entire website using just one page.
  25. 25. WEB DESIGN TREND #8: PARALLAX This is a special scrolling effect using JavaScript wherein the background images move slowly than foreground images creating an animation or 3D feel.
  26. 26. REFERENCES WEB DESIGN: • http://www.socialmediatoday.com/content/web-design- 11-characteristics-user-friendly-website • http://www.treefrog.ca/what-is-web-design RESPONSIVE WEBSITES: • http://www.annestreetpartners.com.au • http://www.grandhoteldicomo.com/en/home FIXED HEADER BARS: • http://www.think.edu.au • http://www.elgouna.com LARGE PHOTO BACKGROUND: • http://www.kalliogladiators.fi • http://corneliuskrump.com TYPOGRAPHY: • http://www.eynsfordmusicfestival.co.uk • http://www.denisechandler.com FLAT DESIGN: • http://www.nitrografix.net • http://www.psd2html.com INFOGRAPHICS: • http://www.hongkiat.com/blog/50-informative-and- well-designed-infographics • http://vectips.com/inspiration/vector-inspirational-infographics SINGLE PAGE WEBSITE: • http://purapassata.derica.it • https://releasetherenegade.de • http://www.liquidint.com/mobility PARALLAX: • http://melisadiguzel.com/the-journey.html • http://gardenestudio.com.br/ • http://mteneros.com/webdev3/mystory • http://pauloborres.com/webdev/mystory.html CSS3/HTML5: • http://www.educationsoutheastwater.com.au • http://moradaciaetilica.com.br • http://www.flatvsrealism.com • http://www.lempens-design.com • http://www.wanderworld.io
  27. 27. Thank you! You can view this presentation at www.slideshare.net/katjuane

×