Campusbit - Inovação web e blogs bit a bit

Estrutura básica de um web site – parte 2

Rogerio de Paulo — Wed, 11 Jan 2012 01:25:51 +0000

E ai galera.

Se você perdeu a primeira parte desse post, você pode acessar no link abaixo:

Estrutura básica de um web site – parte 1

Antes de prosseguirmos gostaria de esclarecer um pouco mais a questão do Doctype.

Como já foi dito o Doctype serve para declararmos o tipo de documento do nosso site, ou seja, vamos definir qual a versão do XHTML que vamos trabalhar.

A escolha do Doctype vai ajudar o navegador a escolher que tipo de renderização usar. Atualmente existem várias versões de HTML e usaremos o Doctype para definir essa questão corretamente.

=================================================================================

No HTML 4.01 podemos dividir o Doctype em três modelos:

Strict: ao escolher esse modelo não pode existir nenhum elemento nem atributo que foram considerados em desuso pela W3C no código do seu site.

Transitional: esse modelo pode conter qualquer elemento ou atributo que foi considerado em desuso pala W3C no código do seu site.

Frameset: destinado a criação de páginas com frame, tinha o uso muito comum no passado porem hoje caiu em desuso e também pode conter qualquer elemento ou atributo que foi considerado em desuso pela W3C.

Agora que você já entendeu a estrutura básica de um web site, vamos colocar a mão na massa, rsrs. Vamos começar a construir nosso primeiro código e ver a sua primeira página de internet funcionando.

=================================================================================

Como citei nos artigos anteriores existem vários softwares para edição de código, dentre as opções free eu gosto de usar o Notepad++, se você não tiver nenhum editor de html baixe o Notepad++ , ou então você pode usar o bloco de notas para fazer esse tutorial também.

Recomendo você a digitar linha por linha para ir acostumando com os comandos e poder memorizá-los. A estrutura do nosso site vai ficar da seguinte maneira:

Minha Primeira Página de Internet - Campusbit

Minha primeira pagina web.

Após digitar essa estrutura, salve o arquivo como index.html, se você estiver usando o bloco de notas observe na parte abaixo do lugar onde você digita o nome do arquivo se o tipo de arquivo está como txt, pois se estiver, você deve mudar para “todos os arquivos”, coloque o nome do arquivo como index.html e salve em um local que você poderá acessá-lo.

Veja na imagem abaixo como escolher o tipo de arquivo na hora de salvar no Bloco de Notas.

Parabéns, você acabou de cria seu primeiro arquivo html. Achou fácil? Vamos ver como ficou? Abra o arquivo que você criou no navegador de internet e veja se ficou como a imagem abaixo.

Espero que tenha conseguido fazer o exemplo. O que achou do artigo, conseguiu fazê-lo? Deixe o seu comentário.

valeu
at++

A importância de testar seu site em vários navegadores

Rogerio de Paulo — Fri, 06 Jan 2012 00:47:54 +0000

E ai galera tudo bem? Hoje vamos falar de um assunto que deixa muitos webdesigners e webmasters bastante nervoso, que é a questão do seu site não funcionar direito em todos os navegadores.

Alguns anos atrás tínhamos como mais popular navegador o internet explorer e também existiam outros navegadores menores, e isso de certa forma facilitava mais as coisas, pois praticamente todo mundo usava um único navegador.

O tempo foi passando e foram surgindo novos navegadores com novas funcionalidades, e ai começou a acontecer alguns problemas. Quando fazíamos um site que funcionava direitinho no internet explorer por exemplo, em outro navegador o layout do site ficava errado, e com isso tínhamos que fazer vários macetes para o site funcionar corretamente nos outros navegadores.

Hoje os navegadores estão procurando manter um padrão e isso tem facilitado bastante para nós desenvolvedores web e blogueiros.

Acho interessante testarmos nossos sites e blogs em vários navegadores. Por padrão costumo testar os sites que desenvolvo no IE Tester e em 6 navegadores que são os seguintes:

	Chrome
	Internet Explorer
	Mozila Firefox
	Netscape Navigator
	Opera
	Safari
	IE Tester

O IE Teste é um sistema muito bacana para você testar seu site em outras versões mais antigas do internet explorer.
E também é interessante testarmos no navegador do linux.

Outra questão fundamental é validarmos o código HTML e CSS do nosso site, esse processo de validar o código vai nos mostrar se tem algum código errado e o que devemos mudar. Essa validação pode ser feita pelo site da W3C. Abaixo estão os links.

W3C – Validator HTML
W3C – Validator CSS

Como boa prática é muito importante validarmos o nosso site na W3C e testar nos diversos navegadores citados e outros que você achar interessante.

Tudo isso é importante para ajudar o código do nosso site a ficar melhor escrito e melhorar o desempenho do nosso site e sua visibilidade nos mecanismos de busca.

Valeu galera

até o próximo post.

Estrutura básica de um web site – parte 1

Rogerio de Paulo — Sun, 25 Dec 2011 17:12:25 +0000

E ai galera.

Hoje iremos começar o primeiro post sobre a Estrutura básica de um web site, e aconselho você a ler o post anterior intitulado Aprendendo a fazer um web site , pois abordamos algo que é muito interessante para quem quer aprender a desenvolver um web site, e hoje começaremos a ver alguns códigos.

Como vimos no post anterior, temos que aprender a linguagem do computador, e no nosso caso, vamos começar a aprender sobre o HTML. Afinal de contas, o que é HTML?

HTML é uma linguagem de marcação, que em inglês significa “Hyper Text Markup Language” e no português podemos traduzir por Linguagem para marcação de hipertexto.

Existe no mercado diversos softwares, programas para criação de sites, como o dreamweaver, notepad++ entre outros. Pretendo mostrar a forma manual de se fazer um site, para que você possa realmente entender como é o processo de criação de um web site, quais são os códigos fontes e seus respectivos significados.

Antes de usar os programas pra criação de web sites, onde você não precisa entender quase nada de HTML ou CSS, eu lhe aconselho a entender primeiro esses códigos, para que no dia que surgir alguma questão você consiga resolver, simplesmente porque você conhece a estrutura de um site e sua codificação.

A estrutura básica do código de um website é:





   
      Titulo do seu site
   

   
      Conteudo do Site.

Esses códigos tem os seguintes significados:

Declaração do Tipo de documento
“inicia a abertura do novo site”
“faz a abertura do cabeçalho do site”
titulo do site “aqui entra o título do site”
“faz o fechamento do cabeçalho do site”
“faz a abertura do corpo do site”
“faz o fechamento do corpo do site”
“fecha a abertura do novo site”

Cada comando que mostramos acima como o , , , <body> são chamados de tags. Existem diversas outras tags que iremos aprender no decorrer do tempo. Os comandos <html>, <head>, <title>, <body> são tags de abertura. Os comandos </html>, </head>, , são tags de fechamento, devido a contra barra antes da tag.

Pessoal por hoje é só, continuaremos a falar sobre a estrutura de um web site nos próximos posts.

Valeu pela sua visita, deixe seu comentário sobre o nosso site e assine a lista da Campusbit para ficar por dentro das últimas novidades.

Até a próxima.

Aprendendo a fazer um web site

Rogerio de Paulo — Sun, 18 Dec 2011 01:20:57 +0000

E ai galera, tenho percebido que hoje em dia muitas pessoas tem vontade de fazer o seu próprio site para não ficar dependendo sempre de outra pessoa.

Primeiramente gostaria que você mentalizasse que é fácil fazer um site e que você tem condições de aprender a fazer um web site.

Muitas pessoas começam um curso de inglês e param na metade do caminho, outros começam uma faculdade ou um cursinho preparatório e desistem antes de terminarem.

Gostaria de deixar essa palavra de motivação para você e dizer-lhe que você não é pior que as outras pessoas. Se as outras pessoas conseguem, você também pode conseguir. Vi uma frase muito interessante que diz o seguinte: “Você é aquilo que você pensa que é”, ou seja, se você se acha um vencedor, você será, se você se acha a pessoa mais burra do mundo, assim será também conforme o seu desejo. Lembre-se você pode aprender sim, se você se dedicar e pagar o preço necessário.

Uauuu, depois disso que escrevi, você deve está pensando que aprender a fazer um web site deve ser a coisa mais difícil do mundo rsrs, relaxa pois é muito simples.

Antes de começarmos a ver alguns códigos usados para a estrutura de um web site, devemos ter em mente o seguinte. Se você quiser conversar com alguém que fala em inglês ou outro idioma, primeiramente você tem que aprender a falar o idioma dessa pessoa, para poder se comunicar melhor com ela, ou seja, você deverá aprender a linguagem que essa pessoa utiliza.

Se você quer tirar a sua carteira de motorista, você deve entrar na auto-escola e aprender a linguagem dos sinais de trânsito, como se liga o carro, como se passa a marcha, entre outros detalhes, e assim você será capaz de conduzir uma moto, um carro ou outro veículo maior.

Da mesma forma é no mundo da internet. Para que você possa desenvolver bons sites, você deve conhecer a linguagem para se fazer sites, ou seja, falar na mesma língua do computador.

No próximo artigo estarei começando a falar sobre alguns códigos básicos de um web site.

Valeu pessoal até o próximo artigo.

Seja bem vindo a Campusbit

Rogerio de Paulo — Mon, 12 Dec 2011 23:51:01 +0000

Nosso objetivo é contribuir para todos que pretendem aprender um pouco mais sobre esse fantástico mundo que é a internet, e isso será realizado através de artigos, tutoriais e outros meios.

Quando se diz campus universitário por exemplo, nos referimos a um local de estudos, onde diversos jovens buscam conhecimentos e no nosso caso não será diferente. A campusbit é um local de estudos, de busca de conhecimentos e compartilhamento de experiências.

Na informática o termo bit é muito usado. Bit é a menor unidade que compõe a informação, e você pode guardar essa pequena informação em um Hd, cd, pen driver ou enviar para outras pessoas através da internet.

Da mesma forma que o bit é a menor parte de uma informação, queremos começar pelos conhecimentos mais básicos passo a passo, para que você possa acompanhar e crescer no conhecimento e entendimento dos assuntos que iremos abordar.

Pretendemos falar sobre assuntos na área de desenvolvimento web, como html, css, wordpress, webdesign, como ganhar dinheiro com a internet, entre outros assuntos que forem surgindo.

Temos por objetivo escrever da forma mais clara possível, afim de ser um passo a passo para aqueles que estão começando.

Gostaria de contar com a sua colaboração enviando sugestões e dando sua opinião sobre o site.

Muito obrigado pela sua visita.