Assuntos Web Designer

As 9 linguagens de programação mais populares da internet.




O GitHub, uma das principais plataformas online para programadores, listou as 9 linguagens de programação mais populares do mundo. Confira:
9. C
Inventada em 1972, a linguagem C ainda é bastante popular no mundo inteiro. Estabilidade, universalidade e compatibilidade com diversas plataformas são algumas das razões apontadas para a sobrevivência de mais de 40 anos, uma eternidade no setor.
8. C#
A linguagem, que se pronuncia "c-sharp" é uma variante da citada acima e foi desenvolvida pela Microsoft. Ela incorpora alguns conceitos de outras linguagens como Object Pascal e Java.
7. C++
Inventada em 1983 para substituir a C, a C++ ainda é utilizada em softwares populares como o Google Chrome e o sistema operacional da Microsoft.
6. CSS
CSS é uma abreviação para Cascading Style Sheets, linguagem usada para criar o formato e o layout de um site. Combinada ao JavaScript e ao HTML, a linguagem é uma das principais escolhas na hora de desenvolver menus de site e de apps para dispositivos móveis.
5. Python
Tida como uma das linguagens mais fáceis, a Python foi criada nos anos 90 e é elogiada por sua fácil leitura de código e necessidade de poucas linhas de código, comparada a outras linguagens.
4. PHP
Estimativas apontam que esta linguagem é usada em um terço dos sites da web. Entre os mais conhecidos estão o WordPress, o Yahoo e até o Facebook.
3. Ruby
A linguagem de 24 anos ainda é bastante popular por conta de sua facilidade de leitura. De acordo com o GitHub, a linguagem é "a melhor amiga do programador".
2. Java
Desenvolvida inicialmente como uma linguagem de programação para TVs inteligentes, Java é a mais popular do mundo, possibilitando o desenvolvimento de apps para Android e milhares de softwares de negócios. Ela é também a que mais cresce, saltando da 7ª posição em 2009 para as primeiras posições, onde se mantém há alguns anos.
1. JavaScript
Líder do ranking, o JavaScript não tem muito a ver com o Java, exceto pelo nome. Apesar de ser bastante popular e estar presente na maior parte dos sites de hoje, a linguagem recebe diversas críticas por deixar os navegadores lentos e por conter vulnerabilidades.

___________________________________________________________________________________
OS DEZ MANDAMENTOS DE TI


1 Não terás vida pessoal, familiar ou sentimental.
2 Não verás seu filho crescer.
3 Não terás feriado, fins de semana ou qualquer outro tipo de folga.
4 Terás gastrite, se tiveres sorte. Se for como os demais, terás úlcera.
5 A pressa será teu único amigo e as suas refeições principais serão os lanches, as pizzas e o china in box.
6 Teus cabelos ficarão brancos antes dos 25 anos e do tempo, isso se te sobrarem cabelos.
7 Tua sanidade mental será posta em cheque antes que completes 5 anos de trabalho.
8 Dormir será considerado período de folga, logo, não dormirás.
9 Trabalho será teu assunto preferido, talvez o único.
10 Quando de folga no domingo, sairás à rua olhando os postes e as redes, como se fosse um lazer.

 ___________________________________________________________________________________

51 dicas para construir sites
Tutorial completo para você montar sua primeira web site.





1º Constrindo um site em HTML
Para iniciar a construção de um site na linguagem HTML (Hypertext markup Language – ou linguagem de marcação de hipertexto), é preciso utilizar o comando <html>, que informa ao navegador como será formatada sua página no editor de texto.

2º Parâmetro do site
Com a linguagem definida, use o comando <head>, que indicará os parâmetros de seu web site.

3º Batizando sua Home

O próximo passo na construção do site é o “batismo”.Para colocar um título em sua ciração, utilizae o comando <title>.Por exemplo: <title> Minha Primeira Página para Internet </title>

4º Incluindo o conteúdo
 A seguir, utilize o comando <body> para incluir o texto do conteúdo em seu site.
Exemplo: <body><p > texto de sua página na internet </p></body>.Para fechar essa etapa,                   insira o comando </html>.

5º Tabelas simples

Para construirmos uma tabela simples, é preciso usar as seguintes tags <table> - para especificar a criação da tabela; <tr></tr> - para a criação de uma linha; e <td></td> e, finalmente, </table> - para encerrar a tabela.

6º Link externo

A inclusão de um link externo em um site necessita da aplicação da tag HREF, que é a referência do objeto a ser aberto. Neste exemplo, escolhemos o link par aum endereço eletrônico <a href = mailto:email@provedor.com.br”> escreva para mim! </a>

7º Aprimorando o visual com Frames

Os frames (ou molduras) são útil para aprimorar o visual de um site, onde o menu fica posicionado geralmente ao lado esquerdo estático, quando o conteúdo paermanece no centro. O comando para aplicação dos frames é <Frameset>.

8º Construção dos Frames

Ulilize, como exemplo, a tag <frameset rows= 60, *”> para construir a paete horizontal da página, Já a reggião horizontal deve ter a seguinte tag: <Frameset cols=”100,*”>.


9º Nomeando os Frames
Os tags <frames serc = topo.html name “área-topo”>, <frames src = apresentacao.html name = “área principal”> servem par aidentificar as áreas dos frames, como mostra a figura. Elas devem ser finalizados com os comandos </frameset></frameset>.

10º Formatação Blink
O comando Blink é utilizado para criar o efeito de “piscar” em um texto, hoje mais utilizado em “mensagens de alertas” em um site. Exemplo <blink > Novidades!</Blink>

11º Efeito Marquee

Para que o texto fique percorrendo “infinitamente”, de canto a canto em seu site, utilize os comandos <marquee> Obrigado por visitar meu site! </marquee>.

12º Variações do Marquee

O comando <marquee behavior = slide direction= left> Obrigado por visitar  meu site! </marquee> obrigado por visitar meu site </marquee>.

13º Imagens

Para inserir imagens em um template com o FrontPage, vá ao menu e, com o mouse, click em “inserir”. Neste exemplo, escolha “Clio art”.

14º Identificando imagens

Após a inclusão do Clip Art, o comando Alt será últil para que uma descrição da imagem apareça, ao deslizar o mouse sobre ela.Para chegar ao seu objetivo, insira o comando (mostrado em negrito), acompanhando da legenda necesária: <p><img border = “0” src=”file ///C:/Windows/temp/frontPageTempDir/Bs0054_wmf” alt Leia mais livros!width=”417”height=364”></P>.

15º Mudando as cores de fundo com link

Com este código que combina Javascript e CSS, o visitante de seu site poderá mudar as cores de fundo do browser.

<html>

<head>
<title> Muda cor do Fundo </title>
<meta http-equiv = content- type” content = “text/html;charset=isso- 8859-1”>
</head>
<body>
<h3>Com links</h3>
<p><a href= “#” onclick = “document.body.style.backgroundColor’#ffff00’>amarelo </a></p>
repita a operação,substituindo o código das demais cores.

16º Mudando as cores de fundo com botões
 Repita o processo demonstrado acima, substituindo o código para a construção dos links com o seguinte:
<h3> com botões </h3>
<p> <button onclick =”document.body.style.backgroundColor= ‘#FFFF00;”>Amarelo </button></p>
repita a operação,substituindo o código das demais cores.

17º Comando INline Frame
O comando InLine Frame <iframe> Serve para inserir um documento HTMLdentro do outro, como uma janela, seguindo este códigocomo exemplo <IFraMe src="http://http://www.betadesigner.vv.si/"width ="350"heigt="300"scrolling="auto"frameborder="1"align="right"></IFRAME>.


18º Blockquote

Os tags <BLOCKQUOTE> e <BLOCKQUOTE> servem par aaumentar a margem. O efeito dessa Tag pode ser acumulado para conseguir margens maiores.Exemplos: <BLOCKQUOTE>Texto com mais margem</BLOCKQUOTE><BLOCKQUOTE></BLOCKQUOTE>.


19º Mudando a cor da Barra de rolagem
Para mudar a cor da barra de rolagem para a cor vermelha, aplique o seguinte código:
<html>
<head>
<title> Teste de cores na barra de roalgem</title>
<style>
<!-- body {scrollbar-base-color:#FF0000} -->
</style>

20º Tamanho de Imagens
As imagens escolhidas para o site podem ser de qualquer tamanho.Entretando é recomendado que não sejam muito grandes para evitar o surgimento de uma barra de rolagem. O único limite estabelecido é para a imagem que estará no campo "Logo".seu tamnho máximo: 138x73 pixels.
 

21º Lembrete sobre "Blocos de Matéria"
sempre que um "Bloco de Matéria" for aberto, não se esquecer de salvar os trabalhos.Caso contrário, todo os seus conteúdo será perdido durante o desenvolvimento do seu web site.

22º Preenchimento das áreas
Nos "blocos de matéria", é necessário que sejam preenchidas todas as áreas:"Título","Conteúdo",Primeira página", o ideal é a produção de um texto para "chamar" o conteúdo interno


23º Antes da Publicação de um site
É altamente recomendado - e quase obrigatório - que se visualize o conteúdo do site antes de confirmar a publicação do mesmo na rede.Clique sempre em "Visualizar Site" antes de tudo.

24º Boa dosagem de arquivos MIDI

Os arquivos de som MIDI são bonitinhos, mas às vezes podem embaraçar aos internautas que o acessam.De preferência, não aplique este recurso no momento de avertura de sua página.

25º Padrão para navegabilidade
Cria sempre um padrão (templete) para a cara do seu site, e utilize - o em todas as páginas.Isso deixará o internauta mais confortável.utilize sempre um padrão de fontes, cores, tamanhos e evite mudá-los a toda hora.

26º  Fontes Recomendadas
É aconselhável que não sejam usadas as fontes Times ou Setif na construção de um site.As mais recomendadas são as fontes Arial,Verdana ou Helvética.


27º Contador
Com a possibilidade de consulta de acessos a um site por meio de páginas específicas, é recomendado que não seja incluído um contador visível ao público em uma página.Esta informação é de particular interesse ao proprietário ou a possível anunciantes.

28º Links inativos
Não utlilize links para páginas "em construção" ou para páginas que não existem mais Isso dá ar antiprofissional ao seu site.

29º Uma segunda opinião
Teste a navegação do site e procure sempre por erros ou inconsistências> Chame alguém que não tenha participado do projeto inicial para navegá - lo e analisar as informações e qualidade da navegação.


30º Texto mais enxutos
Um erro comum em muitos sites é a publicação de textos muitos longos. As seções de um site devem conter informações mais enxutas e menos longas  O texto longo sempre afasta  0 leitor.

31º Contato Rápido com o WebMaster
Sempre mantenha visível uma forma do usuário entrar em contato, por e-mail, ou até mesmo, por telefone.Caso a forma desejada seja a do correio eletrônico, garanta que o webmaster sempre tenha acesso rápido a ele.


32º Lembra - se também do Nestscape
Um errobastante comum - principalm,ente nos primórdios da Internet - era a montagem de sites incompatíves com o navegador Nestscape.Garante, portanto, que seu site possa ser visualizado tanto pelo Explorer como pelo Netscape.

33º Não ao Flash em aberturas
Evite construir aberturas para o seu site utilizando Flash.Este recurso deixa a navegação mais lenta, principalmente aos usuários de conexão discada.Dê preferência às Splash Screens, que produzem excelente efeito tridimensinal.


34º "Roubo de Links"
É bastante usual encontrarmos links de sites alheiros em páginas pessoais.Principalmente, aqueles que incluem imagens com copyright registrado.Evite o "roubo" de links externos para evitar futuras dores de cabeça, e ser obrigado a mexer na estrutura de seu próprio Site.


35º Erros Gramaticais
Seja o idioma inglês ou português, procure sempre fazer uma revisão ortográfica em toda a parte escrita de seu site.utilize o Microsoft Word, ou outro editor de texto disponível para uma revisão completa antes da publicação.O WebMaster não precisa ser um expert em letras, mais também não deve criar embaraço ao leitor.


36º Uso comedido do Flash
Como já mencionado na dica 33, é preciso que o flash seja usado com econimia.Uma bela aplicação do recurso pode ser utilizada em headers, como a animação de logomarcas exemplicaficada acima.


37º Um menu adequado
A navegação de um site deve ser a mais simplificada possível.O internauta não pode correr o risco de se "perder".Um menu deve sempre ser simples,limpo e conciso.O acesso a uma determinada págiuna deve acontecer de forma rápida.


38º Programação em asp
Antes de se aventurar em programar o site em asp, certifiquei - se que já com um bom dominio da técnica. Erros em programação causam problemas na navegação, como o download lento de imagens e efeitos.A reprogramação em asp também pode gerar longos atrasos em seu trabalho.


39º Cuidados com os códigos HTML
Procure sempre otimizar as imagens e códigos na construção de sites.O código HTML de suas páginas deve ser "Limpo", ou seja, não pode conter itns desnecessários que bloqueiem a programação e navegação.

40º Endereços mais curtos
Procure estabelecer uma URL (ou endereço), mais curta para o seu WebSite. Por exemplo, evite utilizar www.fabricademovceismadeiradelei.com.br.Uma opção mais rápida e fácil de se decorar seria: www.madeiradelei.com.br.
Antes de batizar o site, entretanto, confira sempre se o nome não foi registrado no site: www.registro.br


41º Caixa alta ou Baixa?
Alguns servidores utilizam um sistema que diferencia o nome de um arquivo.Para o servidor, os arquivos TEXTOS.TXT e texto.txt são diferentes.se o arquivofor nomeado como imagem.gif (todo em minúsculo)e dentro do documento HTML a referência é para uma imagem.GIF (com o "G"em maiúsculo), o servidor não irá achá - lo.

42º Batismo de arquivos
Evite colocar espaços nos nomes de seus arquivos. Em vez disso, use o símbolo "_".Por exemplo: "minhas imagens.html" deve ficar "Minhas_imagens.html". Importante:os nomes dos arquivos não podem conter mais do que 32 caracteres.


43º Caracteres não usados
Para evitar que itens de sua página, como links e imagens, não apareçam você deve evitar o uso de caracteres na nomeação de arquivos.Por exemplo:"ç" (cedilha), "á"(acento),","(virgula),"/" (barra),";" (dois pontos), entre outros.

44º Mudança no Layout
Mude o Layout de seu site, mais nunca com freqüência. Uma mudança de design pode motivar o usuário, mas cuidado para não alterar a sua estrutura radicalmente.Isso pode deixá - lo perdido e "afungentá - lo" de seu site.


45º Informações "estratégicas"
Note que , na página principal de um jornal, as informações mais importantes se encontram na metade superior, O mesmo deve valer para um web site. Muitos usuários só vêem as informações que aprarecem na tela quando a página é totalmente carregada.Portanto, as informações "quentes" e principais deve ser posicionadas estrategicamente.


46º  Equilíbrio
Um site precisa ser atraente mas também rápido. É preciso encontrar um equilíbrio nas quantidades de imagens e animações para não deixá - lo mais pesado. Esteja sempre do lado do bom gosto.

47º Exemplo de eficiência

Páginas leves, com mais texto, e menos imagens, são ideias. Mas isso não significa que você não deve usá - las. O importante é usar o menor número de imagens possível na home. Exemplo de eficiência: Loja virtual www.amazon.com uma,campeão de acessos e não tem mais do que 12 gifs maiores que 10kb em sua home.


48º Padrão e consistência

A consistência do site é um item crucial.Isso é, as páginas devem seguir um padrão na identidade visual.Dessa Forma, os menus de navegação, as imagens e os ícones devem ser os mesmos em todas as páginas.Não crie um design para cada página.


49º SublinhadoO uso da cor azul e do sublinhado para os links é muito comum. A associação de um texto sublinhado com um link é quase autoática, portanto, evite usar estes elementos em outras partes da página.


50º Título
O título é o texto que aprarece na barra superior do browser.Alguns webdesigners se esquecem desse detalhe e o pior: muitas vezes usam mesmo título para todas as páginas.Procure sempre ficar atento na construção do site para não cometer esse tipo de erro.


51º Mapa do SiteUm recurso que pode facilitar muito a vida dos usuários é o mapa do site.Essa repretação pode ser de forma gráfica ou somplesmente uma lista hierarquizada das diversas páginas do site.O site mapa não pode ser muito útil no caso de sites pequenos.


Tutorial: Escrito por Alexandre Carneiro da Motta.
São Paulo 25 de maio de 2014.                                   ___________________________________________________________________________________
 

              Como escolher o seu Dominio



Registrar o seu nome de domínio é importante não apenas para que seus visitantes guardem o endereço do seu site, mas também do seu e-mail.seu e-mail provavelmente será algo como login@meudominio.com.br e o endereço de FTP será ftp.meudominio.com.br. Confira algumas dicas básicas sobre registo de domínio.


A confunsão dos sufixos

Depois ter escolhido o nome que deseja registrar o seu domínio, você deve escolher o sufixo.
Os sufixos são teminações como.com ou .org e podem depender de diversos fatores.Confira alguns:

.com- inicialmente planejado para estabelcimentos comercias nos EUA, mas pode ser registrado por qualquer pessoa.É o mais caro.

.com.br - É necessário ter CNPJ para registrar o domínio comercial Brasileiro.Alguns fornecedores de hospedagem registram domínios.com.br com CNPJ próprio.

.nom.br Criado especificamente para pessoas físicas.Exige registro de nome e sobrenome no formato.www.nome.sobrenome.com.br

.jor.br.arg.br e outros - Sufixos profissionais são os que identificam uma determinada profissão e exigem apenas de CPF para registro.Os domínios profissionais mais utilizados no Brasil são o adv.br.eng.br e med.br

.org.br,.gov.br,.mil.br,.edu.br - Sufixos para instituições de um ramo de atividade específico exigem, além da CNPJ, comprovação de atividade no ramo.

Apropriação de nomes

Você deve se preocupar ainda com o cyberquatting.Cybersquatting é a prática de apropriação do nome ou marca do domínio alheio que pode gerar graves projuizos a empresa e pessoas. O Domínio Madonna. Com, por exemplo esteve durante muito tempo registrado por um webmaster de site pornográfico.Apenas após uma longa luta judicial, a cantora obteve o domínio de volta.enquanto não obtinha seu domínio, ela utilizava o MadonnaMusic.com,que, atualmente, redireciona para o domínio conquistado Madonna.com


Examine a imagem da empresa

Para registar o seu próprio domínio, a primeira coisa que você deve fazer é uma boa reflexão sobre o site que irá ter ou já tem.Caso você tenha a intenção de registrar uma palavra dos dicionário inglês ou português, desista.A maioria já esta em poder de produtoras de Web que registraram os domínios para revenda.

Tamanho do domínio.

A idéia de registrar algo como uma composição de nomes e sobrenomes também pode gerar um endereço quilométrico e uma dor de cabeça que você gostaria de evitar.Os domínios têm dois a 26 caracteres.Não use grande nomes se precisar que seu endereço seja facilmente memorável.

Endereços acentuados.

Já é possível registrar domínios acentuados em país como a Suíça. No entanto, muitos navegadores não são compatíveis com endereços acentuados e o seu site acaba ficando mesmo como www.semacentuacao.com.br.Sempre é recomendável partir  para outros nomes do que usar palavras com acento.

Estrageirismos e grafia dúbia.

Registrar nomes estrangeiros e de grafia  complicada podem ser uma cilada.Tenha em mente o internauta que irá visitar a sua página e evite nomes como Azaftesardin, que podem ser escritos de maneira incorreta, pronúncia incerta e confusa com homófonos (palavras de mesmo som.)

Uso de hígens e números.

A mesma regra para os sufixos e números vale para a acentuação.É permitido o uso para acentuação como www.nome1-nome2.com.br.Na prática, o hifen é um obstáculo para a memorização correta do seu endereço e pode acabar levando o seu visitante para páginas que não tem nada a ver com você.Mudança de plataforma, Layout de teclado e até codificação de e-mail também podem conspirar contra a hifenização.O domínio pode ter números, mas também são ruins de memorização. É preferível ter um endereço www.garotaum.com.br do que www.garota1.com.br

Empresa,produto, serviço ou profissional.

Como praticante todas as palavras do dicionário já estão registradas, é muito provável que o nome de sua pequena empresa ou seu a profissão já seja de alguém.A solução pode ser registrar um produto, serviço ou marca fantasia pelo qual você ou a sua empresa sejam conhecidos.Por isso é tão fácil encontrar empresas farmacêuticas direto por domínios como www.valium.com ou www.obesidade.com.br

Registro múltiplo para fácil localização.

Quando você definir o nome do seu domínio, cheque as possibilidades de variação do endereço e verifique se não estão na mão de outras pessoas.O ideal é que você possua todas os sufixos e variações ortográficas do seu domínio, para evitar que outros se aproveitem do seu nome para promover outros sites.Assim, verifique se seu nome escolhido está livre como.com,.com.br,.net,.org e outros.

Quando às grafias, nomes como garotas-dalaje.com também podem ser escritos erroneamente como garotasdalage.com.Verifique se a grafia alternativa está livre para quando você quiser registrá-la.

Softwares e pesquisa online


Para chegar se o seu domínio está disponível, vocÇe pode tanto ir nos sites de registro ou utilizar programas que busquem palavras que ainda não foram registradas.Os domínios brasileiros registrados estão listados no Registro.br. a empresa responsável pelo registro ´-e a Verisign, que pertence à NetworkSolutions.com. No repositório de softwares Tucows.com , Há diversos programas para busca domínios disponível.

Sufixos Gratuitos

Alguns sufixos de países são encontrados para registro gratuitamente na web.Isso acontece normalmente com países pequenos e sem infra-estrutura tecnológica.Empresas compram grande quantidade destes domínios com sufixos estranhos e disponibilizam para os internautas.O registro é feito a preço de banana ou gratuitos. Em troca, o internauta mostrará anúncios publicitário no seu site ou receberá publicidade por e- mail. Assim como nos domínios gratuitos, o registro de sufixos não é aconselhável para um endereço permanente.As empresas podem mudar de política a qualquer momento e você pode perder o domínio ou até mesmo arquivos hospedados naquele endereço.entre os sufixos gratuitos mais conhecidos estão .tk.nue outros.

___________________________________________________________________________________
Texto escrito por Alexandre Carneiro da Motta.
Formado em Tecnologia em Gestão de Sistema de Informação - Uninove...
Data: São Paulo,29 de maio de 2014.
 
___________________________________________________________________________________
            

0 comentários: