TUTORIAL HTML - OS FRAMES
Uma página de Internet gravada no formato HTML pode ser basicamente construída de duas formas: com ou sem frames (quadros).

Uma página sem frames é uma página normal, como um documento de um editor de texto, por exemplo.
Por outro lado, ao criar uma página com frames está a subdividir esta página em regiões ou células, algo similar a uma tabela. Cada subdivisão ou frame, possui um nome e pode ser referenciada e deverá sempre ser preenchido com o conteúdo de um ficheiro HTML.
Seleccione uma categoria para ver os artigos correspondentes...
2D — 3D — 3DS Max — Acrobat — Adobe — Adobe AIR —
Adobe Premiere — After Effects — Aperture — Apple — Autodesk — Autodesk Maya —
Áudio — Book & E-book — Cinema — Continuação — Criação de Sites — Criação DVD —
Curso de Photoshop — Cursos pela Internet — Dicas — Discreet — Dreamweaver — Dreamweaver CS3 —
e-learning — Edição de Vídeo — Fórum (2002-2005) — Filmes - Making of — Firefox — Fireworks —
Flash — Flash CS3 — Fotografia Digital — Galeria de Imagens — GIMP — Google —
Google Adsense — Google PageRank — HTML — Illustrator — Ilustração — InDesign —
Inferno — Intel — iphone — iPhoto — ipod — iPod - iTunes —
Linux — Livro — Mac OS X Leopard — Mac OS X Snow Leopard — MacOS X — Microsoft —
Montagem de Fotos — Nikon — Photoshop — Photoshop CS3 — Photoshop CS4 — Pinnacle Studio —
Pixar — QuickTime — Safari — Servidor Apache — Software — Tecnologias —
Tutoriais — Tutorial 3DS Max — Tutorial Fireworks — Tutorial Flash — Tutorial GIMP — Tutorial Inferno —
Tutorial Maya — Tutorial Photoshop — Tutorial Web — Ubuntu — Vídeos — Vídeos iPod —
Web — Web - Ferramentas — Windows — Windows Vista — Wordpress — Yahoo! —
YouTube —
fonte: DesignVitality
Se cria sites de web, precisa de lidar com templates CSS e com códigos (X)HTML, e estes códigos acabam por ser usados vezes sem conta, já que representam uma base de criação.
Para auxiliá-lo nesta tarefa, encontrará nesta lista uma relação de 100 sites na web onde poderá encontrar templates CSS, HTML e XHTML, temas para o Wordpress, TextPattern, Blogger e outros blogs, para além de ferramentas online para a criação de templates e códigos HTML.
Vamos à lista.
por Magno Urbano
Uma vez escrevi um livro de Dreamweaver que estava quase no final, quando optei por não publicá-lo.
Apesar do livro ter sido escrito para uma versão anterior do Dreamweaver, este programa pouco mudou nos aspectos fundamentais e, diria eu, que o livro continua 99% acualizado.
Portanto, com algumas pinceladas o conteúdo estaria actualizado para a versão Dreamweaver CS3.
Entretanto, em vez de guardar estes conteúdos comigo, resolvi experimentar com um novo projecto neste site, que é o de disponibilizar, gratuitamente, o livro neste site e receber contribuições dos utilizadores, de forma a incentivar a criação de futuros projectos do mesmo tipo.
Comentários recentes dos nossos leitores:
- "ñ sei mexer em nada do adobe potoshop! e gostaria muiot de aprnder!" - jhonatan souza gomes (21/Novembro/2008)
- "é muito bom!!!!!" - andrea (20/Novembro/2008)
- "adorei muito legal" - nario (20/Novembro/2008)
- "e esse site e bom so q queria colocar meu nome nas minhas fotos blz" - any (20/Novembro/2008)
- "Gostei bastante do artigo parabéns." - Celio Ferraz (20/Novembro/2008)
- "Quero montar uma foto para formatura, colocar a foto de bebê no fundo e sobrepor..." - Patrícia (19/Novembro/2008)
- "montar minhas fotos" - eliane (19/Novembro/2008)
por Magno Urbano
Para criar letras com sombra numa página web — como as que mostramos, de seguida —, normalmente, é preciso utilizar uma imagem previamente criada num programa gráfico como o Photoshop.

Entretanto, existe uma maneira de criar um efeito similar, utilizando apenas CSS.
Para criar um efeito igual ao que criámos, defina um estilo CSS para a sua página com os seguintes parâmetros:
<style type=”text/css”>
<!–
#texto {
color: #000000;
position: relative;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 36px;
}
por Magno Urbano
Numa página de web, uma URL, normalmente, está vinculada a uma página ou ficheiro. Entretanto, uma URL também pode ser ajustada para apontar para um anchor (âncora), que é um “link” para uma região na mesma página. Esse tipo de link para um anchor é indicado pelo prefixo “#” seguido do nome da âncora, como, por exemplo, “#produto1“.
Quando alguém clica num link vinculado a um anchor, o browser (navegador de web) desloca a página até que a âncora esteja no topo da área da página, apesar desta não ser visível.
Seleccione uma categoria para ver os artigos correspondentes...
2D — 3D — 3DS Max — Acrobat — Adobe — Adobe AIR —
Adobe Premiere — After Effects — Aperture — Apple — Autodesk — Autodesk Maya —
Áudio — Book & E-book — Cinema — Continuação — Criação de Sites — Criação DVD —
Curso de Photoshop — Cursos pela Internet — Dicas — Discreet — Dreamweaver — Dreamweaver CS3 —
e-learning — Edição de Vídeo — Fórum (2002-2005) — Filmes - Making of — Firefox — Fireworks —
Flash — Flash CS3 — Fotografia Digital — Galeria de Imagens — GIMP — Google —
Google Adsense — Google PageRank — HTML — Illustrator — Ilustração — InDesign —
Inferno — Intel — iphone — iPhoto — ipod — iPod - iTunes —
Linux — Livro — Mac OS X Leopard — Mac OS X Snow Leopard — MacOS X — Microsoft —
Montagem de Fotos — Nikon — Photoshop — Photoshop CS3 — Photoshop CS4 — Pinnacle Studio —
Pixar — QuickTime — Safari — Servidor Apache — Software — Tecnologias —
Tutoriais — Tutorial 3DS Max — Tutorial Fireworks — Tutorial Flash — Tutorial GIMP — Tutorial Inferno —
Tutorial Maya — Tutorial Photoshop — Tutorial Web — Ubuntu — Vídeos — Vídeos iPod —
Web — Web - Ferramentas — Windows — Windows Vista — Wordpress — Yahoo! —
YouTube —
Ferramentas para webmasters | Os Segredos do AdSense | |
Verifique o Google PageRank do seu site | Optmize os seus sites e ganhe dinheiro com o Adsense (em vídeo) | |
PÁGINAS RECOMENDADAS | ARQUIVO (por mês e ano) | |
| ||
EfeitosVisuais.com Este é um site sobre grafismo, imagens, design, vídeos e demais assuntos relacionados à multimédia (Photoshop, Dreamweaver, Flash, Premiere, 3DS Max, Pinnacle Studio, etc.). Aqui encontrará tutoriais de Photoshop, Dreamweaver, Flash, edição de vídeo, Wordpress e muitos outros temas. Este site é também aberto ao leitor quee poderá contribuir com textos, dicas, artigos ou qualquer elemento que queira divulgar à comunidade. | ||



