Tecnologia Web Exercício

Tecnologia Web
Exercício
Crie um documento CSS para formatação do texto abaixo:
• na criação do documento html empregue os elementos div, h1 e crie link para os nomes dos
recursos
• na criação do documento CSS formate aos elementos etiquetas div, h1, o body e os links
Ferramentas livres para desenvolvimento web
Quero deixar aqui neste post um resumo de ferramentas como alternativas viáveis para o
desenvolvimento web, pretende se iniciar na área, pretende desenvolver um site que seja
atualizável, interativo, com funcionalidades de comunidade, robusto, graficamente apelativo,
usável, primeiro pensamento, preciso de gastar uma quantia enorme para adquirir software de
desenvolvimento.
Está redondamente enganado e vou lhe dar neste post algumas alternativas as ferramentas de
desenvolvimento usuais.
Para se iniciar precisa de um editor web, claramente substituir o Dreamweaver não será fácil, no
entanto uma vista de olhos pelo Nvu(nvudev.com), ou no Kompozer(kompozer.net), podem vos
oferecer uma interface básica mas funcional e com funcionalidades de edição de CSS´s, e
validações W3C, além de que existe para os vários sistemas operativos.
Para aqueles que se apaixonam pelo código claro que a escolha perfeita será a interface baseada em
eclipse Aptana Studio(aptana.com) , com capacidade de desenvolvimento em Javascript, php,ruby,
etc…
Mesmo no lado do cliente precisamos de alguma interactividade se optarmos por Ajax, será quase
obrigatório termos a mão algumas librarys, para quê reinventar a roda quanto podemos melhorá-la,
algumas boas opções serão a library Prototype(prototypejs.org), Mootools (mootools.net) ou ainda
Scriptaclous(script.aculo.us), serão sem dúvida umas boas escolhas.
O que falta a cada uma destas ferramentas é um utilitário para planeamento do site, podem usar para
isso alguns softwares como o Dia(http://live.gnome.org/Dia), a aplicação web Gliffy(Gliffy.com)
também poderá ser bastante útil para o efeito, ou até mesmo a suite Open Office(openoffice.org)
Para edição de Bitmaps, a melhor ferramenta do mercado é claramente o Gimp(gimp.org), não diria
que é um Photoshop, mas para as maiorias da funcionalidades chega e sobra, para aqueles que não
sejam criativos o suficiente nada como passar por algum deposito de templates para a web os sites
Open Source Web Design e Open Designs(opendesigns.org) são com certeza uma excelente
referência, no entanto se preferir um layout em branco inicial pode socorrer-se do CSS
tinderbox(csstinderbox.raykonline.com)
Precisará também de imagens, ícones, cliparts, existem imensos repositórios gratuitos na web como
são o caso de Open Clipart(openclipat.org), ou fotos em StockExchange(sxc.hu), para desenho
vectorial poderá usar a ferramenta Inkscape(inkscape.org).
Precisa de usar vídeo no seu site, claramente o youtube(youtube.com) será a opção indicada, no
entanto se quiser ter o seu próprio server de streming de vídeo existem algumas opções como são o
caso de Stickam(stickam.com), ou ainda Ustream(ustream.tv).
Para terminar não posso deixar aqui algumas referências para CMS (content managment system)
onde plataformas desenvolvidas em php lideram como são o caso do Joomla(joomla.com),
Drupal(Drupal.org) ou ainda WordPress(wordpress.org) entre muitos outros.
espero que pelo menos o post os tenha posto a pensar antes de gastar algumas pequenas fortunas na
aquisição de softwares de desenvolvimento web.