Primeiros Passos para Desenvolvimento Web
| Primeiros passos no Desenvolvimento Web |
| Introdução |
| A grande maioria dos iniciantes no mundo do Desenvolvimento Web se vêem perdidos logo nos seus primeiros passos diante de tanta informação. Pretendo com este artigo criar uma espécie de guia para ajudar a iluminar um pouco este vasto e complexo Mundo. |
| XHTML |
| A XHTML (Extensible Hypertext Markup Language) é atualmente a base do Desenvolvimento Web. Ela é a estrutura de toda a informação que é apresentada na Internet, como imagens, textos, formulários, links e muito mais. É fundamental que todas as pessoas envolvidas no mundo do Desenvolvimento Web saibam, pelo menos, o básico sobre XHTML.
Aprender XHTML deve ser o primeiro passo de qualquer um! |
| Material de referência: |
| Artífice da Web: Referência de XHTML 1.0 com exemplos |
| CSS para WebDesign: Referência XHTML 1.0 oficial traduzida |
| W3 Schools: XHTML Tutorial (em inglês) |
| CSS |
| A XHTML depende, em essência, da CSS (Cascading Style Sheets) para formatar a estrutura do seus códigos nos Navegadores de Internet.
CSS é uma linguagem de formatação simples e poderosa. Com ela você pode, praticamente, formar qualquer tipo de layout, de maneira muito mais clara e eficiente, se comparada com a antiga formatação incluída em códigos HTML. A CSS anda lado a lado com a XHTML. Logo, é fundamental o seu aprendizado. |
| Material de referência: |
| Artífice da Web: Tutorial e Referência de CSS |
| CSS para WebDesign: Referência CSS Nível 1 oficial traduzida |
| W3 Schools: CSS Tutorial (em inglês) |
| Imagens para Internet |
| Já faz anos que a Internet deixou de ter apenas um conteúdo textual. Imagens são de grande importância para as páginas da Internet, logo é necessário conhecer pelo menos os principais formatos de imagens, os sistemas de cores, as resoluções e muito mais. Imagens inadequadas podem arruinar um site, tanto no aspecto visual quanto funcional. |
| Material de referência: |
| Info Wester: Imagens para a internet: JPEG, GIF e PNG |
| Linguagens de Navegadores (Browser Scripting) |
| As Linguagens de Navegadores são códigos de programação inseridos no código XHTML com a finalidade de incrementar as suas funcionalidades, como inserir data e hora atual, validar formulários, retornar valores matemáticos e muito mais. Esses códigos são interpretados pelos Navegadores de Internet (Browsers) no momento em que as páginas são carregadas (por isso possuem esse nome).
As principais Linguagens de Navegadores utilizadas são o JavaScript e o VbScript, mas o JavaScript é de longe a mais utilizada e aceita pelos navegadores. |
| Material de referência: |
| Artífice da Web: Tutoriais de Iniciação e Programação em JavaScript |
| W3 Schools: JavaScript Tutorial (em inglês) |
| W3 Schools: VbScript Tutorial (em inglês) |
| Linguagem de Servidores (Server Scripting) |
| As Linguagens de Servidores talvez sejam os artifícios mais poderosos da Internet. O acesso e a manipulação de dados armazenados em Bancos de Dados são uns dos seus principais recursos, e são amplamente utilizados na Internet.
Ao contrário do que acontece nas Linguagens de Navegadores, as Linguagens de Servidor são processadas nos servidores onde estão armazenadas as páginas, mesmo possuindo, algumas vezes, a codificação na própria página. Existem várias Linguagens de Servidores disponíveis atualmente. Entre as mais populares estão: ASP, ASP.NET, JSP e PHP. Todas possuem suas vantagens e desvantagens, mas no geral elas realizam as mesmas tarefas. A escolha de uma dessas linguagens é totalmente pessoal. |
| Material de referência: |
| JavaServer Pages (JSP) |
| Microsoft Active Server Pages (ASP) |
| Microsoft ASP.NET |
| PHP – Hypertext Preprocessor |
| Banco de Dados |
| Para os Desenvolvedores que utilizam Linguagens de Servidor é de suma importância conhecer os conceitos de Bancos de Dados Relacionais e algum Sistema de Gerenciamento de Banco de Dados (SGBD).
Os Bancos de Dados são utilizados de diversas maneiras na Internet, como armazenar informações sobre produtos de sites de Comércio Eletrônico, manter cadastro de clientes e um infinidade de outras aplicações. Existem muitos SGBD’s no mercado, entre eles o Microsoft Office Access, o Microsoft SQL Server, MySQL, Oracle entre outros. Mais uma vez, a escolha de qual utilizar é totalmente pessoal. |
| Material de referência: |
| Microsoft Office Access |
| Microsoft SQL Server 2000 |
| MySQL Database Server |
| Oracle Database 10g |
| Conclusão |
| O volume de informações no mundo do Desenvolvimento Web é extremamente grande, e dificilmente uma pessoa domina todos os aspectos e particularidades. Por isso é bastante comum ouvirmos termos como Web Designer e Programador Web. Os Web Designers geralmente dominam a arte da criação de layouts, interfaces com o usuário, tipografia, CSS e programas de edição de imagens. Os Programadores Web por sua vez são responsáveis pela estruturação dos códigos das páginas, pela programação das Linguagens de Servidor e Navegador e pela criação de banco de dados.
Ao avançar nos estudos logo se percebe essa ramificação e cabe ao estudante desenvolver a área que mais lhe atrai. |
| Até a próxima pessoal! |
| Mark de Souza Costa |
Escrito por Mark_Costa
on janeiro 15, 2005. Arquivado em Geral.
Você pode seguir as respostas a esse artigo pelo RSS 2.0.
Você pode deixar respostas para esse artigo
5 respostas a Primeiros Passos para Desenvolvimento Web
Deixe uma resposta
Autor do Artigo
Mark Costa
Um bom livro pra quem está começando é o “250 segredos para web designers”
gostaria de ser uma profissional em web designers mas preciso da vossa ajuda, em forma de entendimento na implementacao do curso de web desingers no meu ponto de vista voces deviam dispunibilizar filmes ilustrativos, no sentido de melhor compreender
Na área de desenvolvimento web é mais a prática na programação? Há facilidade de emprego nessa área?
O Desenvolvimento Web é um conceito que abrange webdesign, montagem, criação de sites, desenvolvimento de sistemas para internet, criação de banners e etc. O correto é a pessoa pensar mesmo qual o assunto neste conceito que mais chama sua atenção e correr atrás.
Qual é a área de Web desing que melhor paga o profissional?