Administra o teu Blog

Cria o teu Blog Já! Fácil e Grátis

Aprenda a Fazer seu próprio site! bruno-tk — 05-09-2007 GTM 11 @ 14:52

Aprenda a Fazer seu próprio site!


Conceito

Muitas pessoas me perguntam como invadir um site ou como pixar um.
Mas como vc pode fazer tal "Obra" se vc não conheçe a estrutura de um site? Difícil né?

Então, pensando nisso darei início a mais uma série em um tutorial que farei para descobrir os pequenos segredos da web, mas aconselho depois dessa leitura, vc se aprofundar em aprender mais com outras pessoas, ler livros sobre o assunto ou mesmo entrar em um curso de Web Design.

Pois vale a pena e ganha um bom dinheiro também.

Espero que gostem desse simplificado mini-tutorial, assim como gostaram dos anteriores...

Serei redundante em dizer que é apenas o básico para seu aprendizado, vc terá que correr atrás de mais conheçimentos com o passar dos tempos e da sua evolução.

Alguns termos técnicos


WWW World Wide Web, ou traduzindo, "TEIA MUNDIAL E INFORMAÇÕES". Esse conceito é dado devido a forma com que a Internet funciona, pois é uma ligaçao de milhares de computadores, servidores e servidores proxy, conectados como se fossem uma teia de aranha. Onde cada ponto pode se conectar com outro se tiver a comunicação e "enderessagem" correta.

Diferença entre Web Designer e Web Master
Os profissionais que desenvolvem e criam páginas web (sites) são chamados de "Web Designer"
Os profissionais que fazem a manutenção e alteração nesta página é chamado de "Web Master".

Uma pessoa pode atuar em uma das áreas ou nas duas juntas, dependendo da necessidade e de seu conheçimento.

Um Web designer pode muito bem ser um Web Master, mas nem todos Web Master são Web Designer devido algumas limitações que o impede de criar e projetar sites.

 

Qual Caminho percorrer?


Para quem está começando agora a criar suas próprias páginas de Internet, é preciso escolhe qual caminho terá que se especializar.

Existe duas maneira pra vc começar a desenvolver sua página em Html, a primeira é sua um programa no estilo "WYSIWYG", ou criar através de um Bloco de Notas que vem em qualquer Windows.

É notório dizer, que cada pessoa que saiba trabalhar com uma ou outra técnica precisará aprender a outra pois lhe faltará teoria se trabalhar com uma só.

Enfatizarei o aprendizagem com a técnica de criação através de um Bloco de Notas Pois todos têm em seu computador e é o sistema menos utilizado por ser razoávelmente mais díficil aprender. Mas se vc não conheçe pelo menos o básico em código fonte, nunca será um bom profissional ou invasor.

 

O que é Código Fonte?


Código fonte é a descrição que seu Browser (Internet Explorer por exemplo) entende, ou seja, esta descrição dirá ao seu computador aonde e em que tamanho virá o arquivo, script ou foto a ser baixado para a página, e o que deverá aparecer nela.

Vamos ver um exemplo de Código Fonte:

Vc obviamente está na página do orkut neste momento... acertei? rsrs

Então na barra de menu lá em cima, clique no menu Exibir, depois clique na opção Código Fonte

Abrirá em seu bloco de notas com vários códigos em tags, e tente ler linha por linha palavra por palavra esse código até o final para que vc vá se familiarizando com esse código.

 

O que é HTML?


HTML é uma linguagem de descrição que foi desenvolvida para ser um linguagem universal entre os navegadores da internet. Essa linguagem teóricamente permite que todos os Browser possam ler corretamente.

Browser

Browser nada mais é do que o programa que vc está usando agora para abrir este site do orkut ou outro qualquer.
Existe vários Browser no mercado, mas os mais conheçidos são :

Internet Explorer (da Microsoft)

Mozilla FireFox e

Opera.

HTML é uma linguagem de programação?


Não, na verdade equivoca-se quem diz que sabe programar em HTML, na verdade esta pessoa deve saber descrever em HTML pois as tags não são capazes de promover uma simples conta de 2 + 2 em seu browser.

Já programas são capazes de desenvolver ações lógicas em seu PC.

O mais conheçido programa para web é o Java Script I e Java Script II , mas existem outros como PHP e ASP que têm suas aplicações exatas para cada tipo de sistema.

Então, vc vai aprender a programar em HTML? rsrs

Colocando a idéia em prática


Um dos fatores que poucos levam em consideração é a idéia a ser posta em prática, porém essa deveria ser sua primeira preocupação depois que tiver certo domínio da parte técnica.

Se alguém escreve algum livro, escreve pra que outro(s) leia(m), do mesmo modo que se vc for fazer um site, faça para que pessoas possam se interessar por esse assunto, ou então, seu site entrará nas estatísticas de sites sem visitação (sites chatos mesmo).

E antes que começamos a por em prática algumas teorias, reflita sobre o assunto e lembre-se de quantos sites vc já entrou e se arrependeu ou que entrou uma vez só e nunca mais voltou. Agora eu pergunto: "A culpa foi sua de não voltar ou o site que não era atrativo?".

Pense nisso!

 

Chega de teorias, vamos a prática!


Básicamente vc irá precisar de apenas um Bloco de Notas, mas com o tempo precisará também de algum programa WINSYNG para desenvolver páginas no seu auxílio, esse programas winsyngs são basicamente como um editor de texto Microsoft Word, porém sua aplicação é no desenvolver páginas web. O mais conheçido programa Winsyng atualmente é DREAMWEAVER. Mas esse assunto trataremos depois dos códigos em tags HTML.

Vale apenas ressaltar que programas editores de texto como Microsoft Word e WordPAd, geram seu próprio código no momento de salvar, e isso poderá lhe trazer complicações ou efeitos indesejáveis.

 

Sua primeira página Web


Vamos fazer uma página web simplificadíssima, e depois vamos analisar passo-à-passo em seguida.

Abra seu Bloco de Notas. (No Windows: INICIAR/PROGRAMAS/ACESSÓRIOS/BLOCO DE NOTAS.

Cole a descrição que postarei abaixo, mas sem nenhuma alteração de momento.

Comunidade Hacker Technology Escolha!

Parabéns, esta é sua primeira página feito na "unha"

Este é um pequeno passo

Mas que já é um grande avanço!!!.

Logo logo estará melhor que muitos Web Design por aí...rsrs

Bruno TK - TK

Do Melhor Linkk | del.icio.us

Comentários(3) »

  1. pedrougioni

    po kra kde a descrisao?
    gostei do site so q na hora h falto a descrisao asuhasua
    c for possivel pode me add no msn ?
    vlw

  2. michael

    gostei muito mais faltou postar a descriçao pra gente colocar em pratica

    me add no msn se possivel valeu...

  3. Anoe

    Muito ruim esse site, o cara não sabe nem escrever e quer dar uma de bom. Primeiro corrija os erros de ortografia e depois vai aprender algo de interessante para fazer!

    Se quiser ensinar HTML aprenda primeiro

Deixar um Comentário


<a href> <em> <blockquote> <strong> <cite> <code> <ul> <li> <dl> <dt> <dd>