Dupla estreia na Codificar:

1. A categoria “Padrões Internos” que disponibiliza para o público geral os padrões internos utilizados pela Codificar no desenvolvimento de páginas.
2. E eu como colaboradora do blog. Meu nome é Pamela Cabezas Santiago e eu sou designer aqui na empresa.

Então vamos aos finalmente, hoje eu vou mostrar como fazemos um formulário com os elementos mais básico (input[text], radio, checkbox e select). É precisa salientar que o html foi pensado para ser o mais dinâmico possível (já que utilizamos o Qcodo como framework) e que atenda a necessidades de todos os layouts de todos os projetos. É claro que um projeto ou outro requer uma adaptação, mas no geral é um padrão que atende bem.

Obrigada todos, espero que seja útil.

Virtual Host’s

NameVirtualHost 192.168.1.200
#ou
#NameVirtualHost 192.168.1.200:[porta]

<VirtualHost 192.168.1.200>
    ServerAdmin "root@codificar.com.br"
    DocumentRoot "D:/Projetos/phpMyAdmin"
    ServerName phpmyadmin.codificar.com.br
</VirtualHost>

<Directory "D:/Projetos/phpMyAdmin">
    Options Indexes FollowSymLinks Includes ExecCGI
    AllowOverride All
    Order allow,deny
    Allow from all
</Directory>

O primeiro passo seria aprender HTML, que é uma linguagem de markup com o intuito de inserir e posicionar elementos numa página. O html diz para o seu navegador como ele deverá mostrar a página ao visitante.

http://www.w3schools.com/html/html_intro.asp

Depois de uma passada básica em HTML vc deverá conhecer o novo formato, que é o XHTML, que é uma melhoria do HTML. O XHTML é muito mais limpo e estrito que o HTML, possibilitando uma melhor interpretação e mais funcionalidades ao browser.

http://www.w3schools.com/xhtml/default.asp

Depois de criado o XHTML é necessário embelezá-lo e deixá-lo mais adequado aos olhos humanos. Para isso existem as folhas de estilo de uma home page, que é chamado de CSS .

http://www.w3schools.com/css/default.asp

Depois de conhecermos como diagramar e embelezar uma página na web é necessário adicionar algumas funcionalidades nela, validar formulários, manipular o HTML. Para isso foi criado a linguagem Javascript, que permite adicionar funcionalidades na página interagindo com o visitante.

http://www.w3schools.com/js/default.asp

Mas para trabalhar de maneira mais precisa com o javascript e os elementos XHTML é muito importante saber o que é DOM ( Document Object Modeling ), que é toda  estrutura por trás do XHTML, como é realizada a organição no browser e quais funções Javascripts são capazes de realizar toda a manipulação, então é necessário conhecer mais a fundo como manipular o DOM.

http://www.w3schools.com/htmldom/default.asp

Agora já sabemos muito bem como funciona uma página web, como estililzá-la e ainda como manipular de maneira fácil seus elementos. Mas ainda falta uma coisa: Onde irei guardar todos os dados que preciso? Como posso dinamizar muito mais o meu website e permitir maior interação dos visitantes? Para tal, será necessário um servidor e um banco de dados para gerar dados persistentes e provocar interatividade entre os visitantes e o website.

Linguagem que se comunica com o servidor:
http://www.w3schools.com/php/default.asp

Linguagem para se comunicar com o banco de dados:
http://www.w3schools.com/sql/default.asp

Com todos estes tutorias você pode se tornar um excelente desenvolvedor web. =)