Categoria HTML

Categoria: HTML

Aprenda a Fazer seu próprio site!

bruno-tk 05/09/2007 @ 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

Ver/Escrever Comentários (3)

Do Melhor

Linkk |

del.icio.us

O que é HTML

bruno-tk 03/09/2007 @ 22:42

O que é HTML
Chegou o momento de falar sobre HTML, a linguagem com que se criam as páginas web.

HTML é uma linguagem com a qual se definem as páginas web. Basicamente trata-se de um conjunto de etiquetas (tags) que servem para definir a forma na qual se apresentará o texto e outros elementos da página.

O HTML se criou a princípio com objetivos de divulgação. Porém, não se pensou que a web chegaria a ser uma área de ócio com caráter multimídia, de modo que, o HTML se criou sem dar respostas a todos os possíveis usos que lhe dariam posteriormente e a todo coletivo de gente que o utilizariam no futuro. Entretanto, frente a este deficiente planejamento, com o tempo, foram se incorporando modificações as quais são os padrões (standards) do HTML. Numerosos padrões já se apresentaram. O HTML 4.01 foi o último padrão feito até o mês de abril de 2004.

O HTML é uma linguagem de programação muito fácil de aprender, o que permite que qualquer pessoa, mesmo que nunca tenha programado possa enfrentar a tarefa de criar um website. O HTML é fácil e em pouco tempo poderemos dominar sua linguagem. Mais adiante, conseguiremos os resultados profissionais graças as nossas capacidades para o desenho e a nossa veia artística.

Uma vez conhecendo o conceito do HTML, vamos adiantar mais algumas coisas. Esta linguagem se escreve em um documento de texto, por isso necessitamos de um editor de textos para escrever uma página web. Sendo assim, o arquivo onde está contido o código HTML é um arquivo de texto com uma peculiaridade, que tem uma extensão .html ou .htm (é indiferente qual deles utilizar). De modo que quando programarmos em HTML, o faremos com um editor de texto, o mais simples possível e salvaremos nossos trabalhos com extensão .html, por exemplo: minhapagina.html.

Para adiantar um pouco mais como se utiliza o HTML, diremos que a linguagem consta de tags que são etiquetas que tem esta forma ou

. Cada etiqueta significa uma coisa , por exemplo: significa que se escreve em negrito (bold) ou

significa um parágrafo, é um link, etc. Quase todas as etiquetas têm sua correspondente etiqueta de fechamento, que indica que a partir desse ponto a etiqueta não vai se alterar. Por exemplo, se utiliza para indicar que se deixe de escrever em negrito. Portanto, o HTML não é mais do que uma série de tags que se utilizam para definir a forma ou o estilo que queremos aplicar em nosso documento. Ou seja, isto está em negrito.

Para aprender HTML em profundidade temos um manual em Criarweb.com. Ademais, podem ser consultados os links a distintos manuais e artigos que temos em nosso buscador na sessão de HTML.
Se o que desejamos é ter uma idéia global do que é a publicação na Internet e os passos a seguir para colocar nossas páginas na web, o mais adequado será consultar o manual Desde Zero.

Ver/Escrever Comentários

Do Melhor

Linkk |

del.icio.us

Upload em PHP

bruno-tk 03/09/2007 @ 22:08

Upload em PHP

Upload em PHP
14/05/03

No exemplo a seguir você criará um formulário de upload que enviará arquivos de seu computador para o servidor. Tudo isso será feito com instruções já nativas do PHP sem a necessidade de instalar qualquer componente adicional.

Serão utilizados dois arquivos: o upload.htm e o upload.php. No upload.htm será criado o formulário de envio e no arquivo upload.php estará o código que enviará o arquivo do computador do usuário para o servidor.

upload.htm

Enviar o arquivo:

upload.php

if (copy($arquivo,"/arquivos/".$arquivo_name)){
echo("Arquivo enviado com sucesso!");
}else{
echo ("Erro no envio do arquivo!");
}
?>

Veja que no form o enctype é definido como multipart/form-data, próprio para formulário de arquivo. No código PHP é utilizado o comando copy que copia o arquivo de sua origem (no caso a variável arquivo) para o diretório arquivos. A variável $arquivo_name é utilizada para que o arquivo criado mantenha o nome original. Para que o script acima funcione é preciso habilitar a gravação do diretório /arquivos do servidor utilizando o comando chmod 777/arquivos.

Caso queria, você poderá efetuar múltiplos uploads nesse mesmo script: será necessário apenas acrescentar mais algumas linhas com o comando input no formulário e trocar o nome da variável por outro diferente. No código PHP bastará repetir o comando e alterar a variável de origem e destino.

Dica:
Para que os arquivos armazenados em seu site não sejam exibidos nos navegadores, crie um arquivo index.htm em cada diretório do seu site: desta maneira quando algum usuário digitar o endereço de uma pasta, será exibido apenas o conteúdo da página index.htm - e não a lista dos arquivos lá existentes. Você também poderá configurar as páginas de erro no próprio Apache para que não liste os arquivos dos diretórios.

Segurança:
Ao permitir que os usuário façam o upload de arquivos para o ser servidor, você deverá estar atento ao local de destino da cópia que você configurar em seu script pois como o arquivo enviado pode conter qualquer informação, um script em PHP ou qualquer outro tipo de script pode ser enviado.

Como você sabe, todos os comandos em PHP são executados diretamente no servidor e somente os resultados HTML são enviados para o computador do usuário: se o local onde ele foi armazenado no servidor tiver a possibilidade de ser acessado de qualquer computador, esse arquivo poderá ser executado e os resultados poderão ser os mais variados - de um acesso a qualquer informação confidencial ali existente até a exclusão de todos os arquivos do servidor.

Em nosso exemplo o diretório de destino é o /arquivos que pode ser acessado somente a partir do servidor - o que representa uma segurança adicional.

Ver/Escrever Comentários

Do Melhor

Linkk |

del.icio.us