Monday, June 9, 2014

Lição 3 - O formato HTML

O formato HTML

O formato HTML é a estrutura básica para que alguém possa começar a construir o seu site em html. Este conjunto de comandos deve ser memorizada ou guardar uma cópia de modo que pode ser utilizado na criação de um website. O formato html parece com algo como isto:

<meta charset="utf-8"> <lang="en-us"> <html> <head> <title> </title> </head> <body> </body> </html>

Este é o esqueleto de qualquer página HTML, que contém palavras no interior dos símbolos "<" ">". Em HTML quando você tem palavras dentro de símbolos "<" ">" temos o que é chamado de "Tag". Um "Tag" é um conjunto de instruções dadas para o navegador do computador que vai criar o que é desejado pelo programador na tela. O código que vimos acima tem 4 "Tags" que foram fechadas corretamente. Cada tag digitado tem que ser fechado para que o navegador possa ler e entender o código.

Vamos traduzir cada "Tag" do código acima para que possamos ter uma idéia de como funciona o código.

<meta charset="utf-8"> <lang="en-us"> <html> <head> <title> </title> </head> <body> </body> </html>

Agora que você tem uma idéia do que cada tag significa vamos começar a fazer alguma codificação. Copie o código do primeiro exemplo nesta lição.

Aqui está o código novamente se você se perdeu:  <meta charset="utf-8"> <lang="en-us"> <html> <head> <title> </title> </head> <body> </body> </html>

1-Copie o código HTML e cole no Note Pad clique em salvar o arquivo com o nome "index.html". Na opção de salvar como escolha todos os arquivos e salve em uma pasta conhecida ou em qualquer lugar onde você pode lembrar onde esta.

2-Esta ação irá criar um arquivo de site ao lado de seu arquivo arquivo NotePad com o mesmo nome do arquivo de texto, a única diferença é um arquivo da web não é um arquivo de texto. Este arquivo é o seu novo web site! Ela deve ter um ícone de seu navegador de internet. Se você vê-lo parabéns você seguiu as instruções corretamente.

3-Agora abra na página "index.html" você deve ver algo parecido com isto :

Mas o caminho é mais fácil de escrever código para um site usando um compilador de linha que ao clicar em um botão que testes de código imediatamente. Você tipo ou copiar o código na caixa e , em seguida, pressione o botão chamado "Resultado Preview" e esperar. Nesse site, você pode tentar , texto, experiência e código de cópia para ver como ele funciona e se ele funciona . Mas se você quer salvar o que você tem trabalhado em você tem que salvar o que você escreveu em um " wordpad " específico ou arquivo " bloco de notas " no seu computador para que você possa usá-lo no dia seguinte.

Clique aqui para o compilador online.

Wednesday, June 4, 2014

Lição 2-Aprenda HTML

Metáfora:

Se você fosse construir uma casa a primeira que você vai fazer é construir o chão, as paredes e o telhado. Depois disso disso você vai pintá-lo, fazer os detalhes de acabamento e em seguida, colocar os móveis para dentro.

HTML é o piso e as paredes do site. É a linguagem que dá estrutura para o site (a casa) e, em seguida, outras linguagens como CSS e C + + são como a pintura e os móveis da casa, eles dão estilo e personalização para o site.

A coisa boa sobre HTML é que qualquer um pode começar a usar e de programação, se eles têm um computador à sua disposição. O único programa que você precisa para começar a fazer isso é o Word Pad
que quase todo computador tem.

Vamos criar um arquivo de Word Pad para que possamos iniciar a programação em HTML. Mas primeiro vamos familiarizar-se com alguns termos dos comandos:

Este simbolo "<" abre commandos no HMTL

Você faz isso pressionando o Shift e vírgula no teclado (Seja rápido para funcionar)

SHIFT + , = "<"

Abra o WordPad praticá-la em seu teclado até que você é capaz de fazê-lo.

Este simbolo ">" fecha commandos no HMTL

Você faz isso pressionando o Shift e ponto no teclado (Seja rápido para funcionar)

SHIFT + . = ">"

Estes são alguns dos símbolos que você está indo estar usando quando você está fazendo a codificação em HTML, lembre-se de aprendê-las muito bem, porque você está indo usá-los o tempo todo:

< > /

Este é ele para esta lição. Na próxima lição vamos aprender a configurar o formulário HTML que é a base para o seu site HTML.

Lição 1 - Usar uma linguagem de programação?

O que é uma linguagem de programação? E por que uma linguagem de programação?

Uma linguagem de programação é um conjunto de instruções escritas na linguagem que o computador fala sobre o que fazer e como fazer as coisas.

Toda linguagem de programação nada mais é do que um conjunto de instruções para o computador para que ele possa criar as coisas que o programador quer ser criado.

Mas, primeiro, o programador precisa aprender a linguagem do computador para que ele possa comunicar o computador possa entender o que fazer.

Desta forma, o computador é como um trabalhador obediente.

Há muitas línguas diferentes para a programação como: HTML, CSS, C + +, Javascript e muitos outros. Mas vamos nos concentrar aqui no começo com HTML

HTML

O primeiro passo de como construir um site é para aprender o que é HTML.

HTML é a abreviação de Hypertext Markup Language.

HTML é uma linguagem usada para sites do programa, é muito simples e é a ideal
linguagem para aprender a programar.

E é o que nós vamos estar aprendendo sobre o próximo post ;)

Introdução

Olá entusiastas sobre programação.

Este blogg foi criado para quem quer aprender sobre os conceitos básicos de programação.

Assim, eles podem começar a fazer suas webites, jogos e programas.

Deixe-me apresentar mim mesmo: Meu nome é Jin Woo eu estou estudando Ciência da Computação nos Estados Unidos e quero compartilhar o que sei sobre programação neste blogg.

Eu gosto de ensinar de uma forma muito simples e não complicar. Quanto mais eu aprendo escola mais eu vou postar aqui para que você possa aprender. Lembre-se este é um tutorial para iniciantes para que eles possam aprender os rudimentos da área.