Escreva à mão as suas (pelo menos as) primeiras páginas web

Codificar à mão

Em primeiro lugar quero dizer que não lhes vou dizer se devem ou não usar um editor WYSIWYG. Vou dizer o que penso sobre porque é que devemos codificar à mão as nossas páginas.

Para aprender a saber como as coisas funcionam neste mundo, a maior parte do tempo ,temos que as esventrar e pesquisar no seu âmago. Não se pode sentar e com um simples olhar perceber como que pequenas coisas intrínsecas o fazem pulsar. Não posso olhar para um computador e dizer-lhe como funciona. Posso ler um livro e depois dizer-lhe, mas como é que lhe podia dizer quanta massa térmica aplicar ao CPU/dissipador de calor sem o ter feito eu mesmo? Se deseja compreender a sua página então tem que a produzir...à mão.

Pintar com uma finalidade

Cada artista tem uma história nos bastidores da sua pintura. Podem dizer-lhe que cada pincelada tem uma finalidade. Nada é feito só por fazer. Quando codifica as suas páginas à mão cada elemento que adiciona é adicionado por alguma razão. Obtém-se um maior sentido sobre o que se faz e temos uma melhor compreensão das nossas próprias páginas. O seu trabalho deve ser mesmo sey e se não o compreender então ele não se torna seu de facto.

As máquinas de escrever são o diabo

Tenho uma teoria sobre literatura clássica. Acredito que haja mais clássicos e que sempre haverá mais clássicos escritos antes da máquina de escrever do que depois do seu aparecimento. A razão para eu acreditar nisto é que os escritores tinham que ter mais cuidado com o que punham no papel antes do aparecimento da máquina de escrever. Não podiam desperdiçar demasiados recursos em palavras desnecessárias. Quando escreviam o primeiro “O” em "O" para iniciarem o romance sabiam porque o faziam. Sentiam o “O” a ser escrito e assim imergiam nos seus próprios romances. Os seus documentos eram verdadeiramente deles. Não o consegue fazer com um editor WYSIWYG.

Poder e Controlo

Codificar à unha as suas páginas dá-lhe um controle sem precedentes sobre cada elemento que aparece na página. Controlamos como o nosso código é formatado. Codificar à unha as suas páginas dá-lhe um controle sem precedentes sobre cada elemento que aparece na página. Temos o poder.

Há um tempo e um lugar

Não estou a dizer que deva escrever cada uma das páginas XHTML do seu site. Seria estúpido escrever centenas de cabeçalhos quando só necessita escrever um e incluí-lo em todos os seus ficheiros. Eu codifiquei à mão o meu cabeçalho e a barra de navegação lateral deste sítio. Codifiquem à mão os modelos de cada página e sei pois o que faz este site funcionar. Não codifico à mão as minhas entradas pois são não ser necessário. MoveableType faz isso por mim. Este site é codificado e agora automatizado para mim de forma a que possa focar-me no conteúdo que escrevo (através de um teclado). As minhas entradas normalmente consistem num <p> aqui e uns <h2> ali.

Nunca percebi porque é que as escolas deixam/obrigam os seus alunos a desenhar as páginas com editores WYSIWYG. Tenho a certeza de que há razões, mas para mim é como ensinar alguém a pintar com números. Se realmente deseja ser bom e obter a apreciação pelo seu trabalho árduo então tem que codificar à mão. Quando já souber bem XHTML/CSS então estará preparado para encontrar a melhor ferramenta para produção.

O Site da Paróquia de S. Pedro de Alverca

Uma visão diferente de um site http://www.paroquiadealverca.org/home2.htm Já há algum tempo andava a tactear a ver se me resolvia a escrever um blog. Um blog que fosse simultaneamente um blog para utilizadores correntes da web e para utilizadores mais especializados: aqueles que fazem websites. Ainda não encontrei o tom mais adequado para aquilo que pretendo. No entanto neste primeiro blog vou apresentar algumas ideias sobre construção de sites. Para que haja um fio condutor, vou debruçar-me sobre websites de Paróquias. Irei apresentar uma série de sites, como é que eles se apresentam em diversos navegadores, como foram construídos, como os alterar para que funcionem um pouco melhor. O primeiro site que vou apresentar é o da Paróquia de S. Pedro de Alverca. Este site começa por nos perguntar a nós utilizadores qual o formato do nosso ecrã (o 1º erro, nós utilizadores nunca sabemos qual o formato). Se indicarmos um formato mais pequeno do que o real sucede o ilustrado na figura acima. As imagens do cabeçalho e da barra de navegação são parcial ou totalmente repetidas. Ao fundo e do lado esquerdo podem verificar que a imagem que compõe o fundo do menu é repetida (inclui a palavra Paróquia). Surgem ainda as opções do menu Paróquia (não percebi porquê?) Fiquei intrigado porque seria? Fui ver o código fonte do site... Comecei a entender. A página não tem DOCTYPE (ou seja nunca poderá ser validada contra nada) e é feita com esquadrias (frames). As esquadrias estão delimitadas com percentagens (um erro num arranjo fixo), as imagens de fundo nos diversos documentos são de dimensões fixas e são repetíveis (de onde resulta a repetição quando as dimensões não são as correctas). Bom o que é que eu faria de diferente nesta página, talvez começa-se por colocar um DOCTYPE, e talvez fizesse uma alteração ao título para poder destinguir esta página de outras do mesmo site no histórico, melhorar um pouco a utilidade da página não custa assim tanto. Depois e visto estar em Portugal alteraria o texto do parágrafo <p>Esta página usa esquadrias, mas o seu navegador não as suporta e eu estou a mando-lo embora </p>. É mais o menos isto que está em inglês. Ou seja ninguém com telemóveis deve aceder a este sítio. Se calhar usar esquadrias talvez não seja o melhor, bom mas por agora passa. Depois comecei a analisar com mais detalhe as páginas carregadas para cada posição no conjunto das esquadrias. A esquadria de cabeçalho inclui uma imagem a data, obtida de forma dinâmica. Aqui o que faria era mover o javascript para um ficheiro próprio, e o estilo da data para ficheiro próprio. Claro que este ficheiro poderia eventualmente ser integrado num ficheiro de estilo mais alargado. Como estou a partir do princípio que o utilizador tem um navegador com javascript activo então poderia optar por colocar um menu dinâmico com forte presença de CSS, ou mesmo só presença de CSS, se calhar ficaria bem ver o que Eric Meyer diz sobre o assunto. Como é de esperar como o menú é de facto constituído por várias imagens grandes de fundo e algum texto, as opções surgem por vezes sem fundo e sem indicação do menú respectivo pois este faz parte da imagem. O menu Home, eu gosto de lhe chamar Entrada mas é só uma questão de detalhe (sou conhecido por ser piquinhas). Agora passemos ao que eu gosto neste site. Uma das coisas banais no site deve ser ver horários de eventos e da secretaria da Paróquia (como gostaria de conhecer as estatísticas), por alguma coisa não gosto de sites com esquadrias e gosto de títulos que me indiquem em que página estou, o acesso a estas funcionalidades passaria a ser directo (a partir dos marcadores de favoritos). A organização e focalização das coisas. O aspecto cuidado e moderno do site. É pena que os conhecimentos de design não tenham também como contrapartida um conhecimento de código html e css e da sua aplicação. Mesmo com os «problemas» levantados acima darei nota positiva ao site. Julgo que seja escusado dizer que estou disposto a gratuitamente ajudar a melhorar qualquer site que não tenha fins lucrativos (como os das paróquias).