1. project_
workflow
DIGITAL MEDIA | 2012
Digital Media
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 content
Digital Media
3. Information Structure
What are we saying..
Identifying sources of information
Organizing data according to objectives
Presenting clear information
Digital Media
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. Naming conventions
Accessibility
No special characters
Dash or Underscore
In depth files naming directories in regards to certain topics.
Digital Media
6. Optimize Assets
Managing your information
PSD to HTML tips and tricks
Linked script compression
Identifying Recurring content
Digital Media
7. Define editable areas
Focus on content
Establishing template patterns
Nesting templates
Digital Media
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 Wemmer
DigitalMedia
http://www.smashingmagazine.com/2010/03/17/starting-out-organized-website-content-planning-the-right-way/
10. project_
architecture
DIGITAL MEDIA | 2012
Digital Media
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 experience
Digital Media
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 accessibility
Digital Media
13. Information Architecture
Content Inventory
Is the way to understand the structure and contents of the
website and the purpose of each page
Digital Media
14. Information Architecture
Content
Content defines the
structure that helps to
establish a sitemap
to visualize
navigation systems
Digital Media
15. Information Architecture
Sitemap
Content defines the
structure that helps to
establish a sitemap
to visualize
navigation systems
Establish relations
from one content to
another
Digital Media
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. 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. project_
wireframes
DIGITAL MEDIA | 2012
Digital Media
19. Wireframes
Helps to
Gain understanding
Guideline for designers and developers
Evaluate functionality
Identify interaction, display content
know what you are doing
Digital Media
20. Wireframes
Do not
Represent aesthetics
Contain graphic elements
Convey the brand
Digital Media
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
that's 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
Notas do Editor
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.