Projeto do site

O objetivo do site é para divulgar a lacheria que ja vem a 7 anos se dedicando aos clientes e sempre tentando não deixar cair a produção do local. E essa página teria o objetivo de informar o cliente sobre lanches, preços, jogos que passam em canal fechado, espaço para sugestões, reclamações, fotos, etc...

FrotPage

Começamos a explorar o programa "FrontPage" para criação de páginas.

Depois que começamos a ler e tentar entender para que serve, vimos que é mais fácil de mexer e sem precisar usar códigos como o bloco de notas exigia, não que nunca possamos usar códigos, sim usaremos, mas para as utilidades não disponiveis no "FrontPage" e para arrumar ou deixar como queremos.

Usamos o bloco de notas nas primeiras aulas para termos conhecimentos dos códigos "html" e não ficarmos perdidos ao começar usar esse programa.

O que é Navegação?

Ato de conectar-se a diferentes computadores da rede distribuídos pelo mundo, usando as facilidades providas por ferramentas como browsers Web. O navegante da rede realiza uma "viagem" virtual explorando o ciberespaço, da mesma forma que o astronauta explora o espaço sideral.

O que Skype?

Skype é uma empresa global de comunicação via Internet, permitindo comunicação de voz e vídeo, grátis entre os usuários do software.

O que é fotolog?

é um registo publicado na World Wide Web com fotos colocadas em ordem cronológica, ou apenas inseridas pelo autor sem ordem, de forma parecida com um blog. Ainda pode-se colocar legendas retratando momentos bons de lazer. É parecido com um blog, mas a diferença é predomina fotos ao invés de texto.

O que é Wiki?

É um tipo de site que permite que todas as pessoas nele cadastradas alterem o conteúdo de suas páginas, sem a necessidade de esperar por um administrador ou moderador.

O que é e-mail?

É um método que permite compor, enviar e receber mensagens através de sistemas eletrônicos de comunicação.

O que é blog?

É uma página da Web cujas atualizações (chamadas posts) são organizadas cronologicamente de forma inversa (como um diário). Estes posts podem ou não pertencer ao mesmo gênero de escrita, referir-se ao mesmo assunto ou ter sido escritos pela mesma pessoa. O weblog conta com algumas ferramentas para classificar informações técnicas a seu respeito, todas elas são disponibilizadas na internet por servidores e/ou usuários comuns.

Tabelas

Testando códigos de tabelas em HTML.

Exemplo simples:

TAG TABLE BORDER=4 bgcolor="cor do fundo da tabela" TAG
TAG CAPTION TAG Primeiro exemplo TAG/CAPTION TAG
TAG TR TAG TAG TH TAGColuna 1TAG/THA TG TAG TH TAGColuna 2 TAG/TH TAG TAG/TR TAG
TAG TR TAG TAG TD TAG linha1, coluna 1 TAG/TD TAG TAG TD TAG linha 1, coluna 2 TAG/TD TAG TAG/TR TAG
TAG TR TAG TAG TD TAG linha 2, coluna 1 TAG/TD TAG TAG TD TAG linha 2, coluna 2 TAG/TD TAG TAG/TR TAG
TAG/TABLE TAG

HTML mais códigos

Relembramos códigos ja vistos em aulas...
E procuramos saber mais alguns.
-tag br fecha tag: para quebra de linhas sem deixar em branco.
-tag p fecha tag: para quebra de linha deixando uma em branco.
"br" e "p" são elementos solitários nao precisam de fechamento.

-tag marquee fecha tag e precisa usar a tag/marquee fecha tag: Para o texto andar.

Teoria das cores

Nós lemos 2 textos sobre cores e comentamos sobre. Lendo o texto a visão sobre cores muda, cada cor tem sua função seu significado. Sabendo usa-las corretamente deixaremos sites mais interessantes e mais fácil de navegar, dentro dele determinamos também uma identidade visual. Muitas cores em um site deixaram o usuário perdido sem saber onde prestar atenção primeiro. Levando em consideração interpretação pessoal que cada cor exerce, valores culturais também influenciam o efeito que cada cor tem sobre nós.

As cores no web design

Fizemos em aula um outro blog para postar sobre as experiências do estágio. www.danifr.blogspot.com

Web 2.0

O que é Web 2.0?
A Web 2.0 se baseia em conceitos simples. Aliás, a simplicidade é um deles.
SimplicidadeTudo deve ser intuitivo e evidente. Acessar, cadastrar e utilizar deve ser um prazer e não uma tortura de cliques infinitos. É um mundo sem tabelas desnecessários ou gráficos pesados. Nele, os ambientes se adaptam ao local onde são lidos/consumidos; na verdade, nos parece que o destino é a independência deste suporte.

Como surgiu?
O rótulo "Web2.0" surgiu em 2005, pelas mãos do Tim O'Reilly. Para designar uma segunda geração de comunidades e serviços baseados na plataforma Web A grosso modo, significa reforçar o conceito social da Internet, que seria de troca de informações e colaboração dos usuários, nos mais diversos serviços.

Para que serve?
O conteúdo dos websites também sofreu um enorme impacto com a Web 2.0, dando ao usuário a possibilidade de participar, geralmente gerando e organizando as informações. Algumas aplicações Web 2.0 permitem a personalização do conteúdo mostrado para cada usuário, sob forma de página pessoal, permitindo a ele a filtragem de informação. Dentro dos princípios da Web 2.0 o conteúdo deve ser aberto, utilizando licenças como "Creative Commons" que flexibilizam os direitos autorais permitindo que o usuário reutilize (republicando, alterando ou colaborando) o conteúdo.

Internet 2

O que é Internet2?

A idéia é que sejam definidas aplicações sofisticadas (interativas, envolvendo tecnologias multimídia e de trabalho cooperativo à distância, por exemplo). Como conseqüência das necessidades de tais aplicações é que surgirão backbones (traduzindo para português, espinha dorsal) designa o esquema de ligações centrais de um sistema mais amplo e serviços com características mais avançadas.

Como surgiu?

A Internet2 é projeto de colaboração entre mais de 100 universidades americanas para desenvolver aplicativos de pesquisa e aprendizado avançados através da rede. Formou-se um consórcio para o desenvolvimento de novas tecnologias Internet em rede de alto desempenho, baseando-se em aplicações interativas, com o uso intensivo de tecnologias multimídia e de tempo real.

Para que serve?

O objetivo principal do projeto, na época do seu nascimento, era criar um meio de comunicação veloz e em um ambiente baseado em aplicações de interatividade para possibilitar o uso da rede em tempo real. Para isso, foi necessária a criação de uma arquitetura física da rede eletrônica para dar suporte à Internet 2, chamada GigaPOP (pontos de presença com velocidade na casa dos gigabits por segundo).

Internet

O que é a internet?
A Internet é um conglomerado de redes em escala mundial de milhões de computadores interligados pelo Protocolo de Internet que permite o acesso a informações e todo tipo de transferência de dados.

Como Surgiu a Internet?
No final da década de cinqüenta, no auge da Guerra Fria, o Departamento de Defesa dos Estados Unidos concebeu a ARPA - Advanced Research Projects Agency. Sua função era liderar as pesquisas de ciência e tecnologia aplicáveis às forças armadas. Um dos objetivos foi o de se ter a possibilidade de desenvolver projetos em conjunto, sem o inconveniente da distância física, nem o risco de se perder dados e informações de uma base destruída em caso de combate. Assim, em 1969, foi criada a ARPANET.
Ao longo do tempo as redes foram sendo aperfeiçoadas e a velocidade da internet foi aumentando. O fato é que a Internet chegou a ser um fenômeno de massa, com milhões de usuários espalhados pelo mundo, movimentando milhões de dólares em comércio eletrônico.

Para que serve?
A Internet representa um dos mais bem sucedidos exemplos dos benefícios da manutenção do investimento e do compromisso com a pesquisa e o desenvolvimento de uma infra-estrutura para a informação. É uma ferramenta útil a estudantes, empresas e a qualquer um que saiba e possa usufruir corretamente.
-A Internet pode tornar as empresas mais produtivas.
-Comprar ficou mais fácil.
-Espaço e tempo nunca mais foram os mesmos.
-Produtos e serviços são personalizados.
-Pesquisas para estudos mais completas.

Códigos HTML

Testamos cores na página exemplo que fizemos e ai está uma página que contém os Códigos de cores, para trocar as cores: usa-se tag font color="nome da cor em inglês ou o código da cor que encontramos no site" e a tag(que compreende os sinais de maior e menor mais os códigos font color="....").

Trocamos o fundo da página para imagem que contém como código: a Tag boby background="ao endereço em que está o fundo que deseja"e fecha tag(que compreende os sinais de maior e menor mais o código background="endereço da foto ou nome correto da foto").

Colocamos linha horizontal para divisão: usa-se a tag mais a palavra hr e fecha com tag.

Para colocar imagem usa-se tag mais IMG SRC="ao endereço da imagem.gif" e fecha com tag.

HTML

1º momento leitura sobre "Antes da Web vem o Design" e ouvimos também sobre noções de Web Design, comentamos sobre site da Érica e Jurema que contém matérias interessantes que explicam mais sobre Design e suas principais dificuldades logo no início do trabalho como Web Designer.

- Protfólio: Primeiro a palavra portfólio, port-porta e fólio - papéis, logo já dá p/ perceber mais ou menos p/ que serve e como se monta um portfólio. Portfólio se faz uma pasta na qual você vai anexar os papéis, informações, textos, fotos e outros sobre o assunto ou o tema sobre o qual esta montando o portfólio.

2º linguagem HTML

Fizemos uma página para testar os códigos.

Identificando código HTML de uma página - vá na barra de ferramentas, menu "Exibir" depois "código fonte".

Para criar códigos html podemos usar o bloco de notas e salvar como html e com nomes curtos até 8 dígitos.

2.Conhecimentos Prévios

WEB DESIGN

O web design é uma extensão da prática do design, onde o foco do projeto é a criação de web sites e documentos disponíveis no ambiente da web.
O web design tende à multidisciplinaridade, uma vez que a construção de páginas web requer subsídios de diversas áreas técnicas, além do design propriamente dito. Áreas como a programação, usabilidade, acessibilidade.
A preocupação fundamental em web design é agregar os conceitos de usabilidade com o planejamento da interface, garantindo que o usuário final atinja seus objetivos de forma intuitiva.

1.Apresentação

Está página vai conter conteúdos sobre Informática e será um meio de comunicação com os colegas do Técnico da Escola Maria Rocha para trocar idéias.

Dicas, dúvidas, poderão ser postadas.

Dicas de postagens serão aceitas.