Desenvolvimento de Websites

1. Desenvolvimentode Websites

2. SIMA 2011-2013 http://www.wix.com/sima11/azoresocean http://www.wix.com/anapa200/biotechsea http://insideocean.pt.vu www.sinkdown.webs.com www.windsurfingnews.webs.com www.sharks4us.wix.com/info http://belthazor89.wix.com/wastemanagement http://www.greenevolve.co.nf/

3. 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

4. Criação de Web sites • http://www.wix.com/ • http://www.webs.com/ • http://www.google.com/sites/help/intl/en/overview.html • http://wordpress.com/#!/my-blogs/

5. Desenvolvimento profissional • Exemplo de ambiente de desenvolvimento: Adobe Dreamweaver http://www.adobe.com/products/dreamweaver.html • Recursosenvolvidos: Programadores + Designers + Gestão de conteúdos

6. Princípios básicos • Definição de objectivos • Estruturação da informação • “Layout” do site

7. Definição de objectivos • Criação de uma audiência para futura angariação de publicidade • Venda de serviços ou produtos

8. Estruturação da informação 1. 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 to users, keeping the range of choices available focused on a particular task. 3. The principle of disclosure – Show only enough information to help people understand what kinds of information they’ll find as they dig deeper. 4. The principle of exemplars – Describe the contents of categories by showing examples of the contents. 5. The principle of front doors – Assume at least half of the website’s visitors will come through some page other than the home page. 6. The principle of multiple classification – Offer users several different classification schemes to browse the site’s content.6 7. The principle of focused navigation – Don’t mix apples and oranges in yournavigationscheme. 8. The principle of growth – Assume the content you have today is a small fraction of the content you will have tomorrow. In http://asis.org/Bulletin/Aug-10/AugSep10_Brown.pdf

9. Layouts http://designshack.net/articles/layouts/10-rock-solid-website-layout-examples

10. 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 • Colorcontrastchecker: http://snook.ca/technical/colour_contrast/colour.html

11. ReallySimpleSyndication • http://www.w3schools.com/rss/ • http://www.w3schools.com/rss/rss_intro.asp

12. Adicionar mapas • http://maps.google.com/help/maps/getmaps/

13. Ligação às redes sociais Próxima aula

14. Analisar site http://www.woorank.com