Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro to Web Design

Intro to Web Design

Orientation presentation for the students of the Web Design & Development Program at the Pinellas Technical Education Center (PTEC).

Omar Bravo

April 04, 2013
Tweet

More Decks by Omar Bravo

Other Decks in Education

Transcript

  1. BRAVO DMS
    BRAVO DMS
    Introduction to Web Design
    Communication & Life Change
    by Omar Jesus Bravo

    View Slide

  2. BRAVO DMS
    BRAVO DMS
    Agenda
    1. Introductions
    2. Qualifications
    3. Time Wasters vs Game Changers
    4. Definition of a Website [what]
    5. Purpose of a Website [why]
    6. Potential Clients [who]
    7. Web Mediums [where]
    8. Web Technologies [how – part 1]
    9. Pro vs. Amateur [how – part 2]
    10.Always Be Closing [when]
    11.Questions

    View Slide

  3. BRAVO DMS
    BRAVO DMS
    Qualifications
    • Santa Clara University - Computer Engineering
    • IBM - Software Engineer (1999 - 2002)
    • Texas Instruments - Sales Engineer (2002 - 2008)
    • Bravo DMS - Digital Marketing (2008 - Present)
    • 14 Years Web Development Experience
    • 14 Years Photoshop Experience
    • 14 Years Digital Photography Experience
    • Purpose: To Inspire / Empower / Engage Passion...

    View Slide

  4. View Slide

  5.  A)ach  CSS  and  Javascripts  Here  








    Defini&on  of  a  Website:
    A  combina;on  of  audio,  video,  image,  
    and  text  files  that  are  hosted  on  a  
    remote  server  and  displayed  through  in  
    a  browser  window.

    View Slide

  6. BRAVO DMS
    BRAVO DMS
    Purpose of a Website
    Purpose:
    The objective of a website is to effectively communicate a
    message to a predefined audience through an internet browser.
    Priorities:
    • Relevant Information
    • Intuitive / Ease of Use
    • Loads quickly
    • No extra plug-ins
    • Aesthetically Pleasing (pretty)

    View Slide

  7. BRAVO DMS
    BRAVO DMS
    Potential Clients
    • “Websites are the business cards of the 21st
    Century” - Unknown
    • Everybody could benefit from having a website…
    • Small Businesses, Restaurants, Self-Employed, Artists,
    Musicians, [email protected], etc.
    [who]

    View Slide

  8. BRAVO DMS
    BRAVO DMS
    Web Mediums
    • Desktop
    • Laptop
    • Netbook
    • Mobile Phone
    • Printer
    • Car
    • iPad
    • TV
    [where]
    Screen
    Resolution?

    View Slide

  9. View Slide

  10. View Slide

  11. BRAVO DMS
    BRAVO DMS
    Website Technologies
    • Technology: HTML, CSS, jQuery, PHP, ASP, SWF,
    JS, XML, etc…
    • Internet Browsers: Internet Explorer, Firefox,
    Safari, Chrome, Opera, Silk, etc…
    [how – part 1]

    View Slide

  12. BRAVO DMS
    BRAVO DMS
    Technical Skills
    Communication Skills
    Sales
    Engineers
    Ideal
    Ambition
    Technical vs. Communication

    View Slide

  13. BRAVO DMS
    BRAVO DMS
    Definitions
    Professional:
    • participating for gain or livelihood in an activity or field of endeavor often
    engaged in by amateur
    • exhibiting a courteous, conscientious, and generally businesslike manner in
    the workplace
    Amateur:
    • one who engages in a pursuit, study, science, or sport as a pastime rather
    than as a profession
    • one lacking in experience and competence in an art or science

    View Slide

  14. BRAVO DMS
    BRAVO DMS
    Pro Business Characteristics
    • Quality of Work (Portfolio)
    • Competitive Pricing
    • Integrity / Trust (Customer Referrals)
    • Customer Rapport
    • Reliability

    View Slide

  15. BRAVO DMS
    BRAVO DMS
    First Impressions

    View Slide

  16. BRAVO DMS
    BRAVO DMS
    First Impressions

    View Slide

  17. BRAVO DMS
    BRAVO DMS

    View Slide

  18. BRAVO DMS
    BRAVO DMS

    View Slide

  19. BRAVO DMS
    BRAVO DMS
    Pro vs. Amateur
    [email protected]
    • Real Business Cards
    • Professional Website
    • Accepts Credit Cards
    • HTML Email
    [email protected]
    • Free Business Cards
    • Homemade Website
    • Cash / Check Only
    • Text Email

    View Slide

  20. BRAVO DMS
    BRAVO DMS
    Traits of Success
    • Communication is the Key to Success
    • Never stop learning: 18 Century French Poetry vs. Internet
    Technology
    • Only compare yourself to the Best: There is ALWAYS room for the
    Best
    • Become a “jack of all trades”: People are looking for a “web guy/gal”
    • Know your customer. Know your competition.
    • Differentiate Yourself.

    View Slide

  21. BRAVO DMS
    BRAVO DMS
    Small Business Branding Package
    • Domain Registration
    • Custom HTML5 / CSS3 Website
    • Responsive Design
    • Mobile Device Compatible
    • Cross-Browser Compatible
    • Custom Graphics
    • Photo Slideshow
    • Search Engine Optimization (Basic)
    • 1-Year Site Hosting
    • 90 Days Maintenance
    • 10 Email Addresses
    • Logo Design
    • Business Card Design
    • HTML Email Template
    • Postcard / Flyer Design
    • Shopping Cart / Donations
    • Facebook Page
    • Twitter / G+ / LinkedIn
    • Product Photography
    • Streaming Video
    • Streaming Audio
    Retail  Value  =  $7,500.00
    Bravo  DMS  =  $4,999.00

    View Slide

  22. BRAVO DMS
    BRAVO DMS
    Always Be Closing
    • Definition of Luck
    • Act As If...
    • Chicken or the Egg
    • Investment vs. Liability
    • Think “Yes”
    [when]

    View Slide

  23. BRAVO DMS
    BRAVO DMS
    Questions?

    View Slide