Workflow - IED Barcelona - Digital Media 2012

811 views

Published on

Workflow
IED Barcelona
Digital Media 2012

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
811
On SlideShare
0
From Embeds
0
Number of Embeds
77
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • It should be noted that all web technologies, apart from HTML, have some limitations in terms of their scope and compatibility. What is meant by this is that these technologies will only work under a certain set of circumstances. widespread and in common use. Most modern, major Browsers can deal quite happily with them all.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • If you want to make any sort of Web site
  • If you want to make any sort of Web site
  • It should be noted that all web technologies, apart from HTML, have some limitations in terms of their scope and compatibility. What is meant by this is that these technologies will only work under a certain set of circumstances. widespread and in common use. Most modern, major Browsers can deal quite happily with them all.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • It should be noted that all web technologies, apart from HTML, have some limitations in terms of their scope and compatibility. What is meant by this is that these technologies will only work under a certain set of circumstances. widespread and in common use. Most modern, major Browsers can deal quite happily with them all.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • If you want to make any sort of Web site
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • File name conventions, again, are the way that you name your web pages so that search engines can use it as a method of determining what your web page is about. It’s important that you use these names wisely and not abuse them.Consider this, you have a web page about search engine tools. If you didn’t use a standard file naming convention you may name it webpage1.htm. A search engine could still crawl the web page to determine the subject matter but they give relevancy to the file names.A better way to name the page would be to name it search-engine-tools.com. This is specifically telling the search engines that this page is related to ‘search engine tools’. This is valuable because at this point search engines will use this data when determining the subject matter of your web page.
  • If you want to make any sort of Web site
  • Workflow - IED Barcelona - Digital Media 2012

    1. 1. project_ workflow DIGITAL MEDIA | 2012Digital Media
    2. 2. Preparing your site  Information Structure Organize the site content and navigation hierarchy  Site Structure Organize the site files and assets  Naming Conventions Pages might become inaccessible  Optimize assets Web standard image and video format / compression  Defining editable areas for templates Flexible layout for upcoming contentDigital Media
    3. 3. Information Structure What are we saying..  Identifying sources of information  Organizing data according to objectives  Presenting clear informationDigital Media
    4. 4. Site Structure How are we saying it..  Defining Hierarchies  Guiding users through a storytelling  Enabling navigation systems (defining sitemaps)  Let users have control (of what we want)Digital Media
    5. 5. Naming conventions Accessibility  No special characters  Dash or Underscore  In depth files naming directories in regards to certain topics.Digital Media
    6. 6. Optimize Assets Managing your information  PSD to HTML tips and tricks  Linked script compression  Identifying Recurring contentDigital Media
    7. 7. Define editable areas Focus on content  Establishing template patterns  Nesting templatesDigital Media
    8. 8. Information ArchitectureDigital Media
    9. 9. “If you start designing before understanding the breadth and depth of the content that your website will contain, you’ll inevitably have to cram stuff into places that it doesn’t fit.” Kristin WemmerDigitalMedia http://www.smashingmagazine.com/2010/03/17/starting-out-organized-website-content-planning-the-right-way/
    10. 10. project_ architecture DIGITAL MEDIA | 2012Digital Media
    11. 11. Information Architecture Content Source  The content defines the options and elements to manage in our design  Arranging contents the right way helps the website user experienceDigital Media
    12. 12. Information Architecture Content Source  The content defines the options and elements to manage in our design  Arranging contents the right way helps the website user experience  Without organization there is no interaction nor accessibilityDigital Media
    13. 13. Information Architecture Content Inventory  Is the way to understand the structure and contents of the website and the purpose of each pageDigital Media
    14. 14. Information Architecture Content Content defines the structure that helps to establish a sitemap to visualize navigation systemsDigital Media
    15. 15. Information Architecture Sitemap Content defines the structure that helps to establish a sitemap to visualize navigation systems Establish relations from one content to anotherDigital Media
    16. 16. Information Architecture Components Every page defined from the sitemap is built from Video components that display content: text, images or interactive elements.Digital Media
    17. 17. Information Architecture Components Every page defined from the sitemap is built from Video components that display content: text, images or interactive elements.Digital Media
    18. 18. project_ wireframes DIGITAL MEDIA | 2012Digital Media
    19. 19. Wireframes Helps to  Gain understanding  Guideline for designers and developers  Evaluate functionality  Identify interaction, display content  know what you are doingDigital Media
    20. 20. Wireframes Do not  Represent aesthetics  Contain graphic elements  Convey the brandDigital Media
    21. 21. Know what you are doing…Digital Media
    22. 22. Wireframe Sketches  Quick  Experimental  For feedbackDigital Media
    23. 23. Wireframe Content  Content eval  Good for FlowsDigital Media
    24. 24. Wireframe High fidelity  Detailed Wires  Describe content  Describe behavior  Understandable without any helpDigital Media
    25. 25. Wireframe Annotated wireflowsDigital Media
    26. 26. Wireframe High definition components wireframesDigital Media
    27. 27. Wireframe http://www.wireframeshowcase.com/Digital Media
    28. 28. Wireframe -> LiveDigital Media
    29. 29. DreamWeaverDigital Media
    30. 30. DW Site  Local folder: This is your working directory. Dreamweaver refers to this folder as your local site. The local folder is usually a folder on your hard drive.  Remote folder: This is where you store your files on the computer thats running your web server. The computer running the web server is often but not always the computer that makes your site publicly available on the web.Digital Media

    ×