O que você achou desta postagem?

segunda-feira, 28 de novembro de 2011

HTML: uma língua moderna

Até a algum tempo atrás existiam sites gratuitos de hospedagem, sendo o mais famoso o Geocities. Infelizmente aconteceu desse tipo de serviço acabar quase que em sua totalidade, sendo muito difícil, hoje em dia, de achar um site de hospedagem gratuito no Brasil. 


O GOLDEN BIZ é um site de hospedagem totalmente gratuito, devendo-se fazer a inscrição (login). A finalidade do site hospedado aqui é vender algum produto, sendo possível mostrar na "vitrine" até 3 produtos. Infelizmente a versão 1.0, que é gratuita, não permite a inserção de ferramentas úteis de comércio eletrônico (e-commerce) tais como chat, opções de pagamento etc. A versão 2.0 custa R$215,00 por ano (preço de nov./2012, sujeito à alteração).



FREE WEB HOSTING é gratuito e os sites pequenos, ou seja, aqueles que tem pouco conteúdo e provocam até 300 visitas por dia, não tem propaganda (banner) inserida. As instruções de como usar estão em inglês, isto seria um problema para você? Tal como o Golden Biz, você não pode criar sua página, deve usar o modelo deles.



Já o XPG permite a criação de páginas contendo comandos javascript, o que dá uma aparência mais profissional ao site. O envio das páginas que você mesmo criou é feito diretamente no site, o que te libera de baixar e saber usar programas de envio de arquivos tipo FTP. Lembrando que o XPG pertence ao UOL.



O HDFREE BRASIL permite que você envie arquivos seus, via algum programa de protocolo de transferência de arquivo (FTP).  Diferentemente dos citados anteriormente, este site de hospedagem gratuita, permite que você mesmo crie seus arquivos na linguagem de HTML, inclusive contendo folhas de estilo (CSS). Não permite o uso de funções mais complexas, como seria o caso de arquivos PHP, CGI (se você pagar, eles te permitirão).



Antes de você inscrever-se deve ler os termos de uso. E você deve ficar alerta para o fato de que se eles dão de graça, podem tirar de graça (um belo dia você percebe que eles deletaram o seu site). Bem como não se chatear com a oferta de um serviço limitado e instável. Bom, vamos ao que interessa. HTML.


Linguagem de marcação de hipertexto (HTML) é um conjunto de códigos usados para criar páginas com multimídia (textos, imagens, sons) na Internet. Quem utiliza-se dessa ferramenta é normalmente chamado por "webdesigner". Existem uma série de comandos HTML, mas não se preocupe, é uma linguagem fácil de aprender.


Você pode escrever os comandos HTML em qualquer editor de texto, inclusive no WordPad. Mas é fortemente recomendável que você baixe um programa editor de HTML, e eu sugiro o Nvu. Você deve baixar o EDITOR DE HTML NVU e o PLUGIN NVU. Eu acho o Nvu um ótimo editor de HTML para uso de iniciantes. Inclusive ele vem com um FTP, o que ajuda muito na hora de publicar o seu site na Internet.


O plugin é um aplicativo que vai mudar os menus em inglês para o português do Brasil. Você instalar o Nvu e depois ir no menu "Tools" e escolher a opção "Extensions". Clique então em "Install" e indique onde você baixou o plugin (no meu computador tudo que baixo na Internet vai para a pasta Download. No seu computador é assim também?). Depois clique em "Abrir"  e siga as instruções. Feche o Nvu e abra ele novamente. Você verá que os menus agora estão em português.


Na janela maior, digite algum texto. Eu digitei "DESIGN E ARTE GRÁFICA". Na parte inferior você pode notar que a janela para digitação de texto está na aba "Normal". Quero que você clique na aba "Código-fonte". O programa vai sair da edição WYSWYG (o que você vê é o que você obtém) e ir para o modo de edição utilizando códigos HTML.


O Nvu é um programa legal porque permite criar uma página tanto usando o WYSWYG (para quem não quer nem saber que HTML existe), quanto usando a linguagem HTML. Ao escrever as palavras "DESIGN E ARTE GRÁFICA" veja abaixo que foram gerados vários códigos HTML:


Você pode se perguntar: Se eu posso criar um site usando o modo WYSWYG porque é que eu vou aprender HTML? A resposta que eu te dou é que se você dominar, no basicão, a linguagem HTML você vai personalizar muito mais o seu site. E com o passar do tempo você vai digitar os códigos, livrando-se da obrigação de ficar clicando no menu. 


Vamos salvar o arquivo. Clique no ícone do diskette e de um nome para o seu arquivo. Você pode salvar sua página com a extensão ".html" ou como ".htm", tanto faz. Mas, por coerência, se optar por .html, salve sempre como .html, não fique mudando para .htm (caso crie outra página).


A primeira página de um site deve, obrigatoriamente, se chamar "index". Ela será a sua "home page", isto é, a página inicial do seu site. Esta página inicial será aquela que os sites de pesquisa, tipo Google, indicará para os internautas. Se você digitar apenas "index" o programa vai salvar a página como "index.html". Se você digitar "index.htm" você salvará a página como "index.htm". 


Estando a aba no modo Código-fonte vemos que foram desenvolvidas 3 partes distintas, que são:
  • html
      • head
          • body

          O primeiro comando é, na verdade o comando DOCTYPE. Sempre vai haver essa linha para indicar que trata-se de uma página da Internet, e geralmente essa linha de código não muda, será sempre a mesma. Agora, os demais comandos você pode (e deve) customizar. No comando "head" sugiro a você mudar o conteúdo de "title".


          A tag TITLE serve para mostrar no navegador o nome do seu site. Lembre-se que a página index.html (ou index.htm) é a principal página do seu site, aquela página que os internautas encontram em sites de busca. Você poderia trocar e colocar o nome do seu site, por exemplo, " -- ::::: Ideias em Artes Gráficas :::: --".



          Mude para o modo de aba "Visualizar" e veja que agora o nome da página apareceu. É permitido a você acrescentar junto ao nome quaisquer sinais, como eu fiz, acrescentando "-" e ":" ao nome. Porém, saiba que alguns navegadores podem não mostrar esses sinais.



          Uma dica sobre título da página é nunca digitar mais que 60 caracteres. Esta limitação é imposta pela funcionalidade dos sites de pesquisa (tipo Google, Yahoo etc). Estes sites de pesquisa vasculham a Internet e geralmente demoram um tempo tal destinado a leitura dos 60 primeiros caracteres do título da página dos sites. De modo que, em si, o HTML não limita o tamanho, mas os robots (Google, Yahoo etc.) sim.



          Vamos fazer alterações no texto que foi digitado. Isto significa que iremos alterar comandos na tag BODY, faremos pela aba Normal pra facilitar. Clique na aba normal e depois marque o texto, arraste e segure o mouse sobre as palavras. Depois centralize e dê negrito.



          Agora vamos mudar o tipo de fonte (aspecto das palavras). Na caixinha "Proporcional" você deve clicar no triângulo para abrir o box. Escolha uma fonte, por exemplo, Verdana. 



          Agora vamos aumentar o tamanho das palavras. Continue deixando as palavras marcadas (sombreadas), se você tirar a seleção não vai conseguir fazer nenhuma alteração. Vá aos ícones "A" e clique nele para diminuir ou para aumentar o tamanho.



          Agora vamos mudar a cor das palavras, vamos escolher vermelho. Clique no ícone da paleta de cores e escolha a cor, depois clique OK.



          Vá na aba Código-fonte para ver como ficou o site depois dessas alterações.



          Foram assimiladas particularidades para o texto, por exemplo, a tag DIV permitiu que se criasse um parágrafo especialmente para as palavras. Dentro da tag DIV particularizou-se detalhes de aparência para o texto, o que é realizado pelo comando STYLE. 



          Bom, por enquanto, fique com essa introdução como uma aula de como usar o Editor de HTML Nvu. Você percebeu que o Nvu é fácil de usar no modo WYSWYG. Porém o WYSWYG  "suja" um pouco a codificação HTML, quero dizer, produz mais codificação do que é preciso. Mas isto veremos num momento futuro. Abraços.

          terça-feira, 22 de novembro de 2011

          Onde tem metrô no mundo e no Brasil

          A primeira linha de metrô foi inaugurada em Londres em 10 de janeiro de 1863, quando Londres tinha uma população de 3 milhões de habitantes. Em 1863 a capital do Brasil, Rio de Janeiro, tinha 208 mil habitantes. Como os primeiros túneis eram circulares, como um tubo, o metrô de Londres foi chamado de London Tube.

          Logomarca do Metrô de Londres

          O "London Tube" atualmente tem 402 quilômetros (algumas fontes dizem chegar a 408), 270 estações e 11 linhas. Foi inaugurado um ano antes de começar a Guerra do Paraguai. A Guerra do Paraguai foi o maior e mais sangrento conflito armado ocorrido no continente americano. Saiba mais sobre os motivos da guerra, sua duração e consequências no site do PROFESSOR PAULINHO ou do PORTAL SÃO FRANCISCO.


          Túneis antigos com o formato circular (tubo)


          Antes de iniciar a Guerra do Paraguai (dezembro de 1864) o Brasil tinha uma dívida externa (que vinha decrescendo ano a no) em torno de 10% das despesas gerais, conforme se lê na página 18 de A DIPLOMACIA BRASILEIRA NO FINAL DO IMPÉRIO e em 1865 foi solicitado um empréstimo de 5 milhões e 163 mil libras esterlinas, em 1871 um de 3 milhões e em 1875 outro de 5 milhões e 116 mil  (página 31).


          Plataforma da Estação de Westminster


          Em 1876 quando acabou a guerra o Brasil ficou endividado com a Inglaterra, provavelmente isto ajudou a pagar parte da construção de seu metrô. Uma curiosidade: são disponibilizadas 270 estações e existem mais algumas que são "estações fantasmas", não são utilizadas pelo público. Eventualmente são permitidas visitas turísticas a alguma dessas estações.



          Estação de Westminster do Metrô de Londres

          Sobre a logomarca do London Tube ela começou a ser usada em 1920. Se você quiser saber mais curiosidades sugiro dar uma olhada no blog LONDON-UNDERGROUND. Para informações de preços de passagens, itinerários e horários das 13 linhas, visite o site da operadora em TFL. Um site com muitas dicas de como usar e andar de metrô, vale a pena visitar, é o H2G2.

          Linhas do Metrô de Londres

          O segundo metrô foi o da cidade de Budapeste, capital da Hungria, cidade situada às margens do Rio Danúbio. Foi inaugurado em 2 de maio de 1896 e conta com 3 linhas com uns 32 quilômetros funcionando e uma em construção (linha M4), prevista para ser inaugurada em 2014. E há a M5 ainda em fase de projeto.


          Linha M4 em construção, trecho em Kelenföldi

          Linhas M1, M2 e M3 do Metrô de Budapeste

          Para saber sobre passagens, horários e itinerários do metrô de Budapeste visite o site METRO4, está em húngaro, com opção de apresentação em inglês. Eu quando entro em páginas que estão em outras línguas, entro usando o navegador Google Chrome pois tem o recurso de tradução automática para o português.

          Logomarca do Metrô de Budapeste

          O metrô de Budapeste é parte de um sistema de transporte integrado cuja operadora é a BKV ZRT, cujo site informa sobre outros modais da cidade (ônibus, trens elétricos urbanos, trens suburbanos, funicular).


          Estação de Pöttyös Utca em Budapeste


          A cidade de Budapeste tinha em 1896 aproximadamente 740 mil habitantes, enquanto a cidade do Rio de Janeiro tinha então 615 mil habitantes e Prudente de Morais era o presidente do Brasil. Bom, vamos pro terceiro metrô construído no mundo, o de Glasgow.

          Linha do Metrô de Glasgow

          Estação Kevinhall do Glasgow Subway




          Estação Central do Metrô de Glasgow

          O terceiro metrô foi o de Glasgow, inaugurado em 14 de dezembro de 1896. Glasgow fica na Escócia, e em 1896 a cidade tinha uns 720 mil habitantes, um pouco maior do que a população do Rio de Janeiro. O metrô de Glasgow (Glasgow Subway) é formado por uma linha circular de 10,5 quilômetros. Localmente o apelido do metrô é Laranja Mecânica (Clockwork Orange).


          A cor laranja do Metrô de Glasgow

          Logomarca do Metrô de Glasgow


          Diferentemente do metrô de Londres, em Glasgow não se diz Underground e sim Subway para referir-se ao metrô. Mas a palavra "Metro" (leia-se métro) é o termo mundialmente mais usado para se referir a este tipo de transporte. No Brasil nós dizemos metrô (tonicidade na última sílaba). O quarto metrô foi instalado nos Estados Unidos.

          O metrô de Nova Iorque corre parcialmente à céu aberto

          O metrô de Nova Iorque foi inaugurado em 27 de outubro de 1904 e atualmente tem 21 linhas Dos 337 quilômetros, 223 quilômetros são subterrâneos e 114 quilômetros estão a céu aberto  (quase 34%). A quantidade transportada por ano é de 1,5 bilhão de passageiros, sendo o quinto do mundo em quantidade de passageiros (Moscou = 3,2 bilhão, Tóquio = 2,6 bilhão, Shangai = 1,4 bilhão e Cidade do México = 1,4 bilhão/ano).

          Linhas do metrô de Nova Iorque

          Um aspecto triste em Nova Iorque é o suicídio por atirar-se na frente do metrô ou nas linhas eletrificadas. Uma estatística no período 1990-2003 relatou que quase 5% dos suicidas preferem suicidar-se no metrô de Nova Iorque (página 14 de HEALTH AND SAFETY HAZARDS ASSOCIATED WITH SUBWAYS. Cosntatou-se que nesse período os suicídios no metrô aumentaram em 30% com relação às outras possibilidades de suicídio (ver item Suicides em NEW YORK CITY SUBWAY).


          Entrada da Estação World Trade Center, antes de 2001


          Situação da Courtland Street Station, debaixo do World Trade
          Center, após o atque de 9 de setembro


          As linhas 1 e 9 passam debaixo do local onde estavam as torres do WTC (Word Trade Center), e são conhecidas como as linhas mais profundas do metrô de Nova Iorque, ficam no seu ponto mais baixo, a 60 metros de profundidade. Mesmo assim, com a queda das torres, as estações e os trilhos foram atingidos!














          As linhas do metrô de Nova Iorque são denominadas por letras ou por números. A operadora do metrô de Nova Iorque chama-se MTA e ela disponibiliza um site no qual, por exemplo, você pode ver o MAPA DAS LINHAS E ESTAÇÕES, informações sobre cada uma das LINHAS, e sobre o METROCARD, que é o cartão de pagamento da tarifa (passagem) do metrô.


          Estação Atlantic Ave. Terminal do Metro de NYC


          Uma passagem simples de metrô custa 2,25 dólares (a peço de hoje, custam 4 reais). Dou a dica a você, precisando, de converter moedas estrangeiras usando o EXCHANGE-RATES. Para saber mais sobre os metrôs existentes no mundo sugiro visitar URBANRAIL, que é um site sobre modal ferroviário. As informações estão catalogadas por continente, fica fácil assim, não?


          Logomarca do Metrô de Buenos Aires


          Outro site que traz a relação de todos os metrôs do mundo é o WIKIPEDIA - LIST OF METRO SYSTEMS. Traz a lista de metrôs por país, apresentados em ordem alfabética. Agora vamos conhecer algo sobre o metrô dos "hermanos", ou seja, o metrô de Buenos Aires, o primeiro metrô da América do Sul. Ele tem 68 estações distribuídas nos seus quase 49 quilômetros.




          As linhas em funcionamento do "SUBTE" de Buenos Aires


          É chamado Subte (e não metrô), sendo operado por Metrovias, que disponibiliza no site SUBTE várias informações. Há um cartão magnético de passagem do subte que é chamado MONEDERO, pode-se carregá-lo de 20 pesos (8,50 reais) até o valor de 300 pesos (127 reais a preços de 22/11/2011). Monedero significa, em português, porta-moedas.


          Cartão magnético "Monedero"


          O Subte funciona até às 22:30 horas, aos domingos e feriados até às 22 horas. Algumas estações serão construídas na continuação da linha H em direção à Plaza Francia. As linhas F (8,6 Km), G (7,3 Km )e I  (6,6 Km) estão projetadas mas e ainda não começaram as obras.


          Estação Carlos Gardel do Subte de Buenos Aires


          O legal do Subte é que cada linha tem uma cor correspondente. A linha B tem a cor vermelha, inclusive as estações da linha B tem detalhes da pintura em vermelho, como você deve ter notado na imagem acima, da estação Carlos Gardel. A linha H é a "linha amarela" e suas estações tem detalhes em amarelo (veja a imagem abaixo).

          Estação Caseros do Subte de Buenos Aires


          Agora, vamos discutir os metrôs do Brasil. Em ordem cronológica da implantação, temos:
          • São Paulo (1974);
          • Rio de Janeiro (1979);
          • Porto Alegre (1985);
          • Recife (1985);
          • Belo Horizonte (1986);
          • Teresina (1989);
          • Brasília (2001).
          O metrô de São Paulo é, em extensão, o segundo da América do Sul, ficando atrás do da cidade de Santiago (Chile). Lembrando que São Paulo tem 10 milhões e 886 mil habitantes, segundo o site CIDADE DE SÃO PAULO. Já Santiago tem uma população de 5 milhões e 493 mil habitantes, segundo o SANTIAGO DE CHILE


          Logomarca do metrô da cidade de São Paulo


          O metrô de SP tem 74,3 quilômetros e 64 estações, em suas 5 linhas: azul, verde, vermelha, amarela e roxa. 


          Linhas do metrô de SP


          A linha azul (mas também chamada linha 1) é a Tucuruvi-Jabaquara, com 20,2 quilômetros e 23 estações. Foi a primeira a ser construída, sendo inaugurada em 14 de setembro de 1974. Mais informações sobre o metrô de SP vá ao site do METRÔ - COMPANHIA DO METROPOLITANO DE SÃO PAULO



          Estação Alto do Ipiranga do metrô de SP

          Agora vamos ao metrô de Belo Horizonte ("BH"), cidade onde moro. É totalmente de superfície e tem 2 linhas paralelas ao ramal do trem de carga da FCA (Ferrovia Centro Atlântica) e da VALE (Companhia Vale do Rio Doce). Pois é, trata-se de um aproveitamento de linhas de trem de ferro já existentes que cortavam a cidade de leste a oeste, e fizeram uma adequação e virou metrô.


          Fontes de água na frente da Estação Central do metrô de BH


          Estação Central do metrô de BH


          A estação Central fica na Praça Rui Barbosa, também chamada "Praça da Estação", e esta praça tem uma fontes de água que jorram do chão, muito bonito. Mas o que eu mais gosto na praça é a estátua neste monumento que, na imagem acima, está à esquerda. Vamos ver esta estátua mais de perto?


          Monumento à Terra Mineira, feita em bronze
          (feita pelo arquiteto italiano Julio Starace, 1930)


          Que bunda é essa, so-cor-oooooo-rooo!!! Voltemos ao metrô: 19 estações em 28,2 quilômetros operados pela estatal CBTU, clicando ai você vai até a página com as informações a respeito do metrô de BH. Faz ligação de um bairro da cidade vizinha de Contagem (bairro do Eldorado) até o bairro da capital chamado Venda Nova.


          Metrô de BH passando ao lado da linha da VALE/FCA


          O metrô de BH é muito fora de mão. A maioria dass estações, porque a linha foi aproveitada de onde passavam trens carregando minério e bobinas de aço, ficam em locais longe de tudo. Fala-se em construir mais duas linhas, Barreiro e Pampulha, mas não vou estar vivo pra usar, eu acho. 


          Estação Eldorado do metrô de BH


          Estação Vilarinho (no bairro de Venda Nova) do metrô de BH

          Me desculpem os meus queridos amigos nordestinos de Salvador e Fortaleza por não ter falado nada sobre os metrôs dessas capitais. Tá difícil achar material na Internet, talvez ajude ver o site da sua operadora a METROFOR. Sei que o metrô de Fortaleza também, como o de BH, aproveita as linhas de trem existentes e pretende ter 20 estações. 


          Metrô de Fortaleza


          Sei também que 95% das obras do metrô de Fortaleza estão prontas, na linha "Sul". A linha Sul do metrô de Fortaleza, conforme o BLOG MEU TRANSPORTE, tem 24 quilômetros de extensão, sendo  3,9 quilômetros subterrâneos. Depois pretende-se construir mais outra linha, a Linha "Oeste", com 19 quilômetros. 

          Linhas do metrô de Fortaleza


          A implantação do metrô de Fortaleza vem desde 2001e quando terminado disponibilizará 62,8 quilômetros de linhas. Agora vamos para o metrô de Salvador cuja operadora é a CST- Companhia de Transportes de Salvador, que infelizmente não tem site, pasmem! Deverá ter 48,1 quilômetros de extensão e 28 estações.


          Linhas do metrô de Salvador


          Sabe-se que foram cometidos erros de engenharia na linha 1, por exemplo, aliás exemplo dos mais simples, fazer o acesso à estação por meio de escada com 40 degraus, porque privilegiou-se fazer o metrô com 4,5 quilômetros de trilhos em estruturas elevadas. 


          Estação do metrô inacabado de Salvador


          Bom, fico por aqui. Abraços. Ah, se você souber algo, deixe seu comentário.