Desenvolvimento de Websites
description
Transcript of Desenvolvimento de Websites
Desenvolvimento de
Websites
SIMA 2011-2013
http://www.wix.com/sima11/azoresoceanhttp://www.wix.com/anapa200/biotechseahttp://insideocean.pt.vuwww.sinkdown.webs.comwww.windsurfingnews.webs.com www.sharks4us.wix.com/info http://belthazor89.wix.com/wastemanagementhttp://www.greenevolve.co.nf/
SIMA 2011-2013
• http://harpaga.wix.com/portugal#!untitled/mainPage• http://portugalfishing.weebly.com/• http://coralss.wix.com/oceanwonders#!corals/mainPage• http://digx60.wix.com/terrasailor#!location/c2q4 • http://azoway.wix.com/azoway#!home/mainPage• http://www.beachplease.pt.vu/• http://sharks4us.wix.com/info#!home/mainPage• http://wavelovers.tk/• http://sima2012eg.wix.com/beachfun#!home/mainPage• http://mariscolovers.wix.com/mariscolovers#!home/mainPage• http://transisperto.zxq.net/index.htm• http://tudo-in-lisbon.wix.com/tudo-in-lisbon
Criação de Web sites
• http://www.wix.com/• http://www.webs.com/• http://www.google.com/sites/help/intl/en/ov
erview.html
• http://wordpress.com/#!/my-blogs/
Desenvolvimento profissional
• Exemplo de ambiente de desenvolvimento: Adobe Dreamweaver http://www.adobe.com/products/dreamweaver.html
• Recursos envolvidos: Programadores + Designers + Gestão de conteúdos
Princípios básicos
• Definição de objectivos• Estruturação da informação• “Layout” do site
Definição de objectivos
• Criação de uma audiência para futura angariação de publicidade
• Venda de serviços ou produtos
Estruturação da informação1. The principle of objects – Treat content as a living, breathing thing,with a lifecycle, behaviors and attributes.
2. The principle of choices – Create pages that offer meaningful choices tousers, keeping the range of choices available focused on a particular task.
3. The principle of disclosure – Show only enough information to helppeople understand what kinds of information they’ll find as they digdeeper.
4. The principle of exemplars – Describe the contents of categories byshowing examples of the contents.
5. The principle of front doors – Assume at least half of the website’svisitors will come through some page other than the home page.
6. The principle of multiple classification – Offer users several differentclassification schemes to browse the site’s content. 6
7. The principle of focused navigation – Don’t mix apples and orangesin your navigation scheme.
8. The principle of growth – Assume the content you have today is asmall fraction of the content you will have tomorrow.In http://asis.org/Bulletin/Aug-10/AugSep10_Brown.pdf
Layouts
http://designshack.net/articles/layouts/10-rock-solid-website-layout-examples
Desenho de interfaces
• Heuristicas de Nielsen: http://www.useit.com/papers/heuristic/heuristic_list.html
• Exemplos concretos de heuristicas: http://designingwebinterfaces.com/6-tips-for-a-great-flex-ux-part-5
• Color contrast checker: http://snook.ca/technical/colour_contrast/colour.html
ReallySimpleSyndication
• http://www.w3schools.com/rss/• http://www.w3schools.com/rss/rss_intro.asp
Adicionar mapas
• http://maps.google.com/help/maps/getmaps/
Ligação às redes sociais
Próxima aula