março 26, 2008

Tutorial Dreamweaver

novembro 8, 2007

Para a prática de construção de páginas utilizando o Dreamweaver, utilizaremos os seguintes arquivos:

topo.jpg

Para o topo da página.

E como ilustração:

logo-1.jpg

O arquivo tutorial.css é :

.Corpo_texto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #003366;
margin: 20px;
vertical-align: top;
line-height: 130%;
}
.Título {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #0066CC;
}
rodape {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 10em;
text-align: center;
}
.Lista {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

inks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

O loren ipsum :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque vel lorem in ipsum cursus aliquam. Mauris et mi. Nullam vehicula est eget mauris. Cras tincidunt. Nunc dignissim. Nam congue semper sapien. Praesent ut mauris. Nullam metus justo, varius eu, ultricies vel, porttitor vel, justo. Etiam fringilla posuere libero. Curabitur rutrum pellentesque nibh. Vivamus vel felis. Ut neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce non nunc.

Donec eget pede sed mi semper dictum. Morbi nec ligula. Pellentesque auctor felis ut elit. Donec sit amet sapien. Donec venenatis metus quis libero. Donec egestas ante a arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi non neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque tincidunt. Cras vitae sapien. Sed tortor justo, ornare nec, malesuada eu, vehicula ac, mi.

Aenean porttitor, nulla nec aliquam malesuada, lorem massa malesuada sem, quis mollis orci pede vitae neque. Vivamus gravida. Nam ultrices sagittis nulla. Praesent dolor. Fusce pretium mollis urna. Donec dictum. Phasellus quis nunc. Maecenas libero. Phasellus tincidunt turpis id augue. Curabitur est justo, bibendum ut, placerat non, interdum ut, ligula. Aenean sagittis nibh ac magna.

Vivamus porttitor eros ac tellus. Vivamus mollis enim a odio. Nam velit velit, dignissim at, cursus a, porttitor id, leo. Duis a turpis a turpis viverra tincidunt. Nulla cursus pulvinar risus. Pellentesque leo. Proin euismod justo id felis. Nulla tellus. Cras tincidunt. Fusce blandit magna vel dolor. Ut nisl leo, viverra non, pretium at, ornare quis, lorem. Morbi at neque egestas tellus dignissim varius.

Segunda coluna:

Proin porta. Curabitur libero. Nam vitae nunc. Duis posuere. Nulla fermentum sapien nec ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris aliquam dolor at justo. Donec dignissim, lorem et sodales malesuada, mi odio feugiat eros, id iaculis nibh diam vitae dui. Pellentesque enim nisi, accumsan at, molestie eget, ultrices cursus, eros. Phasellus lacus ante, interdum sit amet, pharetra vel, molestie vitae, metus. Phasellus massa dui, hendrerit in, aliquet eu, volutpat quis, est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin tellus. Morbi faucibus metus sed arcu. Morbi libero purus, mollis et, volutpat nec, facilisis vitae, ante. Maecenas dapibus, mi sed tempus interdum, nibh enim dapibus diam, eu varius enim mauris eget diam. Mauris diam.

tutorial.jpg Eis como deve ficar o resultado.

E o site publicado.

É claro que vocês podem exercer a criatividade de vocês e criar as suas próprias páginas.

Bom trabalho!

A internet é a principal fonte de informações sobre a linguagem HTML. Quem estiver interessado em aprender mais sobre a formatação das páginas da web pode encontrar na rede global sites com cursos on-line, referências, metodologias de trabalho e dicas de produção.

Outro ponto importante para a produção de páginas da internet é a criação de folhas de estilo, os arquivos CSS. Com estes arquivos é possível estabelecer em um único arquivo todos os estilos de texto, layout e formatação a serem utilizados no site, sem precisar definí-los em cada página.

Quem está interessado em publicar no Youtube seus videos pessoais pode se beneficiar de uma série de tutoriais ensinando a aprimorar as qualidades de som e imagem da sua produção caseira.

Todos que já experimentaram sabem que a qualidade dos vídeos não é o maior atrativo do maior site de publicação de vídeos faça-você-mesmo do mundo. Mas não precisa ser assim, Ainda bem! Quem estiver disposto a prender encontra lá mesmo informações úteis que podem melhorar consideravelmente o produto final publicado no site.

Há diversos textos em português, mas os vídeos estão principalmente em inglês.

Eis um exemplo, o som está em inglês.

O blog do Paul Bradshaw apresenta proposta de modelo de redação e de estruturação da notícia adaptado à realidade do jornalismo On-line. Desta vez a pirâmide invertida aparece transfigurada em diamante, como vocês podem ver ao lado.

 

Para entender o gráfico:

O diamante apresenta, e tenta resolver, uma tensão entre velocidade da comunicação e aprofundamento do conteúdo.

No eixo vertical temos uma progressão contínua desde o primeiro alerta de notícias, até conteúdos que consomem maiores recursos de produção.

No modelo de redação proposto, este alerta pode ser enviado por tecnologia móvel e transformado em nota”últimas notícias”, gerando drafts no blog do jornalista, matérias fechadas publicadas no site, outros conteúdo de análise e contexto até produtos com alto custo de produção, que propiciariam a interação com o usuário e a personalização do conteúdo.

Olhando com cuidado, temos aí uma estrutura semelhante à proposta por Canavilhas, que parte da notícia para ampliações explicativas (Analysis/Reflection) e a seguir para contextualizações (Context). No modelo de Bradshaw, falta o nível de exploração, e constam Interatividade e Personalização, que a rigor devem estar implícitos em toda a estrutura.

Não vejo motivo para a proposta deste lado de baixo do diamante.

Parece-me que a proposta vale pela reversão de pirâmide ao seu prumo correto.

Eis o que pensam Marcos Palacios no GJol e André Deak.

O que pensam vocês?

Pautas para 27 de setembro

setembro 15, 2007

Na semana que vem, vocês devem vir para a sala com algum conteúdo já finalizado. Caso ainda falte informação factual, devem trazer informação de contexto.

Quem não tem grupo pode entrar em um grupo que tenha menos de 4 componentes. Nenhum grupo de mais de quatro será considerado.

Lembro que esta atividade representa 20% da nota final.

Matutino:

Caso Renan Calheiros: Márcia, Alana, Raphael e Clara G.
Discussão do PDDU: Carlos, Marivaldo e Liderico.
Jornada de Cinema da Bahia: Maria, Dayane, Clara P. e Iele
Nenhum a menos: Tiago, Paloma e Juracy
Cinema nacional: Leonidas, Ricardo e Cristiane
Parada Gay de Lauro de Freitas:
Projeto Social BB Milena, Renata P. e Mariana
Circuito BB de Volley de Praia:
Fechamento Teatro XVIII:
Vanessa, Aline, Lis e Renata Reis

Noturno A:

Lei seca: Bruno, Simone, André Eric e Lira
Operação Caça-fantasmas: Marcus, Carlos Eduardo e André Luis
Mercado imobiliário X meio-ambiente: Danila, Fabiana, Edivaldo e Elismar
Dengue hemorrágica: Evana, Rita, Conceição e Mariana
? Thiago e Taisa, Edinaldo, Pablito

Noturno B:
Semana Nacional do Trânsito:
Ana Gabriela, Vanessa e Stephanie
Transporte Público em Salvador: Juliana Lima, Maira, Marcelo e Felipe
Educação à distância:Carolina, Priscilla, Taciana
Semana Nacional da Fauna: Vilma, Marcele, Thiago, Ana Juliana
?Adriana, Fabio

setembro 14, 2007

Blogueiros estão fazendo uma campanha de protesto contra a abolvição de Renan Calheiros, que permanece, por decisão dos seus pares, como presidente do congresso.  

Colocando na expressão Vergonha Nacional links para o congresso, os blogs terminem influenciando os mecanismos de busca. Que passam a associar o congresso ao rótulo criado pelos blogs.

Notem bem a utilização dos blogs e do funcionamento do Google como meio de protesto.

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.