Este documento fornece instruções sobre como criar documentos HTML com múltiplas janelas usando frames. Explica a estrutura básica de um documento de frame, as tags frameset, frame e noframes, e fornece exemplos de como dividir a tela em diferentes configurações de janelas.
Este documento fornece um tutorial sobre a utilização de frames no HTML. Ele explica a estrutura básica de um documento de frames, a sintaxe das marcações <frameset>, <frame> e <noframes> e fornece exemplos de como intercalar múltiplas janelas.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
SMACSS é uma arquitetura modular e escalável para CSS que fornece 5 princípios: Categorizar CSS em Base, Layout, Módulos, Estado e Tema; Ter convenções de nomenclatura claras; Desacoplar CSS; Melhorar semântica; e Ter um design baseado em estados.
A ACIC (Associação Catarinense para Integração do Cego) é uma organização não governamental fundada em 1977 em Florianópolis para promover a inclusão social de pessoas com deficiência visual.
O documento apresenta uma introdução ao design responsivo, discutindo princípios como grids fluidas, media queries e imagens flexíveis para adaptar sites a diferentes dispositivos. Também fornece exemplos de código e frameworks para ajudar a criar sites responsivos.
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009Marcio Okabe
Palestra ministrada dia 27/nov/2009 em São José dos Campos para o Social Media Vale do Paraíba 2009.
Destaquei a importância de focar o Joomla! e SEO pensando no conteúdo relevante para os usuários e estudar as palavas-chave de acordo com o volume de busca. Como exemplo: Dieta ou Emagrecimento no Keyword Tool.
Desenvolvimento de sites responsivos utilizando o framework Bootstrap com apl...joselialcosta
Este documento descreve um trabalho de conclusão de curso sobre o desenvolvimento de sites responsivos utilizando o framework Bootstrap com foco em user experience. O trabalho foi realizado por Flavia de Azevedo Marques Miguel e Josélia Leite Costa sob a orientação do professor Eduardo Rosalém Marcelino na Faculdade de Tecnologia Termomecânica.
Este documento fornece um tutorial sobre a utilização de frames no HTML. Ele explica a estrutura básica de um documento de frames, a sintaxe das marcações <frameset>, <frame> e <noframes> e fornece exemplos de como intercalar múltiplas janelas.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
SMACSS é uma arquitetura modular e escalável para CSS que fornece 5 princípios: Categorizar CSS em Base, Layout, Módulos, Estado e Tema; Ter convenções de nomenclatura claras; Desacoplar CSS; Melhorar semântica; e Ter um design baseado em estados.
A ACIC (Associação Catarinense para Integração do Cego) é uma organização não governamental fundada em 1977 em Florianópolis para promover a inclusão social de pessoas com deficiência visual.
O documento apresenta uma introdução ao design responsivo, discutindo princípios como grids fluidas, media queries e imagens flexíveis para adaptar sites a diferentes dispositivos. Também fornece exemplos de código e frameworks para ajudar a criar sites responsivos.
Palestra - Joomla! e SEO - Muito Além do CMS - SMVP 2009Marcio Okabe
Palestra ministrada dia 27/nov/2009 em São José dos Campos para o Social Media Vale do Paraíba 2009.
Destaquei a importância de focar o Joomla! e SEO pensando no conteúdo relevante para os usuários e estudar as palavas-chave de acordo com o volume de busca. Como exemplo: Dieta ou Emagrecimento no Keyword Tool.
Desenvolvimento de sites responsivos utilizando o framework Bootstrap com apl...joselialcosta
Este documento descreve um trabalho de conclusão de curso sobre o desenvolvimento de sites responsivos utilizando o framework Bootstrap com foco em user experience. O trabalho foi realizado por Flavia de Azevedo Marques Miguel e Josélia Leite Costa sob a orientação do professor Eduardo Rosalém Marcelino na Faculdade de Tecnologia Termomecânica.
O documento descreve como usar CSS (Cascading Style Sheets) para criar estilos para sites. CSS permite separar o conteúdo da formatação, tornando mais fácil manter e atualizar a aparência de um site. Exemplos de código CSS demonstram como definir estilos para elementos como fontes, cores, layouts e navegação.
Este documento fornece instruções sobre como usar o software Dreamweaver para criar sites. Ele explica como conhecer a interface do Dreamweaver, criar páginas, trabalhar com imagens, hiperlinks, tabelas, formulários e outras funcionalidades.
Hoje em dia quando o assunto é CSS muito se fala em modularização e arquitetura de código. Mas o que de fato é isso? Quais abordagens podemos utilizar para tornar o código do nosso CSS mais organizado?
Nessa apresentação procuro passar uma visão geral das técnicas mais populares, detalhando suas particularidades e a ideologia por traz de cada uma.
Também falo de técnicas mais recentes que abordam o desenvolvimento de CSS de perspectivas diferentes e algumas dicas gerais de como deixar seu código mais flexível a mudanças.
O documento fornece instruções sobre como editar estilos em um portal padrão, incluindo como alterar cores de fundo, nomes, logos e mensagens, e configurar scripts e análises.
O documento introduz os conceitos de CSS no webdesign, explicando como o CSS separa o conteúdo da apresentação e comportamento em uma página da web, trazendo vantagens como carregamento mais rápido, menores custos e melhor acessibilidade. Também apresenta os principais seletores e propriedades CSS como body, id, classe e cores hexadecimais, além de recomendar o uso de wireframes no início do desenvolvimento para estabelecer a estrutura básica de um site.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento discute o uso de frames em páginas web. Explica que frames dividem a página em seções e permitem incluir vários arquivos HTML. Detalha como criar uma página com frames, usando tags <FRAMESET> e <FRAME> para dividir a tela e incluir outras páginas. Também fornece exemplos de atributos como SRC, NAME e TARGET para vincular frames.
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Cristofer Sousa
Este documento apresenta um workshop sobre fundamentos de interfaces e desenvolvimento web. O workshop é dividido em 15 módulos que cobrem tópicos como HTML, CSS, semântica, estrutura básica de páginas, formatação de texto, imagens, links, listas e posicionamento. O objetivo é ensinar as bases de HTML5 e CSS3 para criação de sites e páginas web.
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que definem o formato.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo, definidos em folhas de estilo externas para facilitar manutenção.
3) O documento explica elementos básicos de HTML como tags, hiperlinks, imagens e tabelas, e conceitos de CSS como seletores, propriedades e valores
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que formatam o conteúdo.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo visual, definindo regras de estilo em folhas externas aplicáveis a vários documentos.
3) O documento fornece exemplos básicos de como usar tags HTML comuns e como criar regras CSS para definir propriedades de est
Desenvolvedores sempre buscaram escrever menos e fazer mais. Mas como aplicar a filosofia DRY com tecnologias que inicialmente não foram projetadas especificamente para desenvolver apps? Vamos aprender nessa talk quais são as boas práticas, metodologias e ferramentas para repetir menos e produzir mais!
A web é uma das principais plataformas de desenvolvimento de aplicações. Hoje (quase) tudo está conectado na internet. Apps cada vez mais dinâmicas aumentaram a complexidade do desenvolvimento de interfaces web. Em consequência desse crescimento, surgiram metodologias e ferramentas para repetir menos código, modularizar e criar componentes para a web. No passado trabalhamos com iframes e no futuro talvez teremos web components funcionando em todos os browsers. Mas e hoje, como podemos aplicar a filosofia DRY?
O documento descreve as principais novidades do HTML5 e CSS3, incluindo a reorganização semântica do HTML5 com elementos como header, nav, section e article, assim como recursos multimídia como vídeo e canvas, e propriedades avançadas de CSS3 como borda arredondada, sombras e transições. Exemplos são fornecidos para ilustrar o uso desses recursos.
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDiego Eis
Entender como funciona o processo de renderização do browser é simples e ajuda bastante na hora de pensar em performance. Nessa apresentação, mostro um pouco sobre esse processo.
1) O documento discute conceitos de programação como criação de processos para gerar resultados para usuários, módulos, compiladores e linguagens de programação. 2) Apresenta conceitos como scripts, client side, server side, interface e banco de dados. 3) Demonstra a estrutura básica de uma página HTML e alguns comandos como tags.
O documento apresenta as principais diferenças entre HTML5 e XHTML, como a remoção do fechamento de tags, a nova sintaxe do doctype e a adição de novas tags semânticas. Também discute como implementar vídeos, tabelas e formulários semanticamente no HTML5, além de dicas para adaptação a dispositivos móveis.
O documento discute padrões da web, incluindo HTML, XHTML e CSS. Ele explica como esses padrões foram criados para facilitar o desenvolvimento web e melhorar a experiência do usuário, e destaca boas práticas como usar HTML de forma semântica e separar conteúdo de apresentação usando folhas de estilo.
Este documento fornece um tutorial sobre como gerar relatórios com JasperReports utilizando o iReport. Ele descreve três métodos: 1) passando uma conexão com o banco de dados, 2) passando um ResultSet, e 3) passando uma lista de objetos. Além disso, discute o uso de sub-relatórios e a passagem de parâmetros.
O documento fornece instruções para a construção de um site sobre uma empresa fictícia chamada Planeta Computadores utilizando o software Dreamweaver. Ele discute como estruturar pastas e páginas, inserir imagens, tabelas, links e regiões editáveis para manter um layout consistente através de modelos.
A jQuery é uma biblioteca JavaScript que facilita o desenvolvimento de programas que utilizam JavaScript ao fornecer funções para manipular documentos HTML, realizar validações de dados, efeitos visuais e comunicação assíncrona. Ela permite selecionar elementos da página, modificar atributos CSS e conteúdo HTML de forma simplificada e compatível entre navegadores.
O documento descreve como usar CSS (Cascading Style Sheets) para criar estilos para sites. CSS permite separar o conteúdo da formatação, tornando mais fácil manter e atualizar a aparência de um site. Exemplos de código CSS demonstram como definir estilos para elementos como fontes, cores, layouts e navegação.
Este documento fornece instruções sobre como usar o software Dreamweaver para criar sites. Ele explica como conhecer a interface do Dreamweaver, criar páginas, trabalhar com imagens, hiperlinks, tabelas, formulários e outras funcionalidades.
Hoje em dia quando o assunto é CSS muito se fala em modularização e arquitetura de código. Mas o que de fato é isso? Quais abordagens podemos utilizar para tornar o código do nosso CSS mais organizado?
Nessa apresentação procuro passar uma visão geral das técnicas mais populares, detalhando suas particularidades e a ideologia por traz de cada uma.
Também falo de técnicas mais recentes que abordam o desenvolvimento de CSS de perspectivas diferentes e algumas dicas gerais de como deixar seu código mais flexível a mudanças.
O documento fornece instruções sobre como editar estilos em um portal padrão, incluindo como alterar cores de fundo, nomes, logos e mensagens, e configurar scripts e análises.
O documento introduz os conceitos de CSS no webdesign, explicando como o CSS separa o conteúdo da apresentação e comportamento em uma página da web, trazendo vantagens como carregamento mais rápido, menores custos e melhor acessibilidade. Também apresenta os principais seletores e propriedades CSS como body, id, classe e cores hexadecimais, além de recomendar o uso de wireframes no início do desenvolvimento para estabelecer a estrutura básica de um site.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento explica como criar páginas web com frames, dividindo a tela do navegador em seções. Frames permitem incluir várias páginas HTML em uma única página, usando as tags <FRAMESET> e <FRAME>. A estrutura básica requer três arquivos: um arquivo principal contendo o código do frameset e dois arquivos para o conteúdo de cada frame.
O documento discute o uso de frames em páginas web. Explica que frames dividem a página em seções e permitem incluir vários arquivos HTML. Detalha como criar uma página com frames, usando tags <FRAMESET> e <FRAME> para dividir a tela e incluir outras páginas. Também fornece exemplos de atributos como SRC, NAME e TARGET para vincular frames.
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Cristofer Sousa
Este documento apresenta um workshop sobre fundamentos de interfaces e desenvolvimento web. O workshop é dividido em 15 módulos que cobrem tópicos como HTML, CSS, semântica, estrutura básica de páginas, formatação de texto, imagens, links, listas e posicionamento. O objetivo é ensinar as bases de HTML5 e CSS3 para criação de sites e páginas web.
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que definem o formato.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo, definidos em folhas de estilo externas para facilitar manutenção.
3) O documento explica elementos básicos de HTML como tags, hiperlinks, imagens e tabelas, e conceitos de CSS como seletores, propriedades e valores
O documento descreve conceitos básicos de HTML e CSS. Em 3 frases:
1) HTML é uma linguagem de marcação usada para criar páginas da web, contendo elementos como tags que formatam o conteúdo.
2) CSS permite separar a estrutura do documento HTML de sua formatação e estilo visual, definindo regras de estilo em folhas externas aplicáveis a vários documentos.
3) O documento fornece exemplos básicos de como usar tags HTML comuns e como criar regras CSS para definir propriedades de est
Desenvolvedores sempre buscaram escrever menos e fazer mais. Mas como aplicar a filosofia DRY com tecnologias que inicialmente não foram projetadas especificamente para desenvolver apps? Vamos aprender nessa talk quais são as boas práticas, metodologias e ferramentas para repetir menos e produzir mais!
A web é uma das principais plataformas de desenvolvimento de aplicações. Hoje (quase) tudo está conectado na internet. Apps cada vez mais dinâmicas aumentaram a complexidade do desenvolvimento de interfaces web. Em consequência desse crescimento, surgiram metodologias e ferramentas para repetir menos código, modularizar e criar componentes para a web. No passado trabalhamos com iframes e no futuro talvez teremos web components funcionando em todos os browsers. Mas e hoje, como podemos aplicar a filosofia DRY?
O documento descreve as principais novidades do HTML5 e CSS3, incluindo a reorganização semântica do HTML5 com elementos como header, nav, section e article, assim como recursos multimídia como vídeo e canvas, e propriedades avançadas de CSS3 como borda arredondada, sombras e transições. Exemplos são fornecidos para ilustrar o uso desses recursos.
DOM, CSSOM e RenderThree - Introdução ao Browser Render PathDiego Eis
Entender como funciona o processo de renderização do browser é simples e ajuda bastante na hora de pensar em performance. Nessa apresentação, mostro um pouco sobre esse processo.
1) O documento discute conceitos de programação como criação de processos para gerar resultados para usuários, módulos, compiladores e linguagens de programação. 2) Apresenta conceitos como scripts, client side, server side, interface e banco de dados. 3) Demonstra a estrutura básica de uma página HTML e alguns comandos como tags.
O documento apresenta as principais diferenças entre HTML5 e XHTML, como a remoção do fechamento de tags, a nova sintaxe do doctype e a adição de novas tags semânticas. Também discute como implementar vídeos, tabelas e formulários semanticamente no HTML5, além de dicas para adaptação a dispositivos móveis.
O documento discute padrões da web, incluindo HTML, XHTML e CSS. Ele explica como esses padrões foram criados para facilitar o desenvolvimento web e melhorar a experiência do usuário, e destaca boas práticas como usar HTML de forma semântica e separar conteúdo de apresentação usando folhas de estilo.
Este documento fornece um tutorial sobre como gerar relatórios com JasperReports utilizando o iReport. Ele descreve três métodos: 1) passando uma conexão com o banco de dados, 2) passando um ResultSet, e 3) passando uma lista de objetos. Além disso, discute o uso de sub-relatórios e a passagem de parâmetros.
O documento fornece instruções para a construção de um site sobre uma empresa fictícia chamada Planeta Computadores utilizando o software Dreamweaver. Ele discute como estruturar pastas e páginas, inserir imagens, tabelas, links e regiões editáveis para manter um layout consistente através de modelos.
A jQuery é uma biblioteca JavaScript que facilita o desenvolvimento de programas que utilizam JavaScript ao fornecer funções para manipular documentos HTML, realizar validações de dados, efeitos visuais e comunicação assíncrona. Ela permite selecionar elementos da página, modificar atributos CSS e conteúdo HTML de forma simplificada e compatível entre navegadores.
Este documento apresenta as instruções para a realização de uma avaliação da disciplina Criação de Páginas de WEB do curso de Tecnologia em Sistemas de Computação da Fundação CECIERJ. A avaliação consiste no desenvolvimento de um site para uma livraria virtual e contém orientações sobre layout, uso de tabelas, CSS e formulários.
O documento descreve como criar interfaces gráficas básicas com Android usando o Eclipse. Ele introduz os conceitos de View e ViewGroup e discute vários gerenciadores de layout como LinearLayout, AbsoluteLayout, TableLayout e RelativeLayout. Exemplos de código XML são fornecidos para ilustrar cada gerenciador de layout.
O documento descreve como criar os arquivos de template header e footer para reutilização em todo o projeto PHP/MySQL. Também cria uma página inicial com links para as funcionalidades do sistema de cadastro de clientes, como gerenciamento e cadastro de novos clientes.
Programação Web com Zend Framework e Ajax com Dojofabioginzel
O documento resume conceitos básicos da programação web, incluindo:
1) A mudança da Web 1.0 estática para a Web 2.0 dinâmica e participativa;
2) Tecnologias como JavaScript, Ajax e CSS que permitem a interatividade;
3) Ferramentas como Firebug e Zend Studio para desenvolvimento web.
Museu nacional de história natural e da ciênciaAlvaro Gomes
O documento descreve a visita ao Museu Nacional de História Natural e da Ciência em Lisboa, começando pela entrada principal na Rua da Escola Politécnica. A visita inclui o Laboratório Chimico do século XIX, o Amphiteatro Chimico, a ReservaVisitável com coleções de química e o Claustro no primeiro andar, onde há exposições sobre a história da Politécnica e coleções de um naturalista, incluindo a Sala da Baleia.
Luís de Camões foi um poeta português do século XVI considerado o maior expoente da literatura portuguesa. Nasceu em 1524 e faleceu em 1580. Escreveu a famosa epopeia "Os Lusíadas" que narra a história das navegações portuguesas. Teve uma vida cheia de aventuras, tanto pessoais como militares, embarcando para a Índia onde viveu diversos anos. Foi homenageado como um dos grandes símbolos culturais de Portugal.
Este documento discute os princípios éticos e o código deontológico para técnicos administrativos. Ele descreve as regras de conduta como respeito, lealdade e sigilo profissional. Também discute a importância de um código deontológico para definir os valores, princípios e normas que guiam uma profissão. Finalmente, resume os pontos principais do código deontológico para técnicos administrativos, incluindo dignidade, integridade e sigilo profissional.
Revolução Industrial - O Ponto de ViragemAlvaro Gomes
Este documento discute as três fases da Revolução Industrial, incluindo as principais inovações tecnológicas em cada fase, como a máquina a vapor, eletricidade e computadores, e seus impactos econômicos, sociais e culturais, como a urbanização e novas condições de trabalho.
This document provides a summary of common Linux commands organized by category including file permissions, networking, compression/archives, package installation, searching, login, file transfer, disk usage, directory traversal, system information, hardware information, users, file commands, and process related commands. It also includes brief descriptions and examples of commands like chmod, chown, ip, tar, rpm, grep, ssh, df, du, and kill. More detailed information on Linux commands can be found at the provided URL.
This document provides a step-by-step guide for flashing Android devices using LiveSuit. It outlines the process of installing LiveSuit, setting up the drivers on a computer, putting the Android device into download mode, and then using LiveSuit to format and flash a custom ROM onto the device. Key steps include uninstalling any existing LiveSuit drivers, extracting the LiveSuit package, updating the device driver software when the Android device is detected in download mode, running LiveSuit as an administrator, choosing a ROM file to flash, and ensuring the device is not interrupted during the flashing process.
Este documento discute as técnicas de busca na web, incluindo vantagens e desvantagens da internet como fonte de informação, os principais mecanismos de busca como Google e catálogos, e dicas para realizar buscas mais efetivas.
13 Things the Government doesn´t want you to knowAlvaro Gomes
This document provides 13 secrets that the government doesn't want people to know. It begins by asserting that government workers are just human beings, not supreme beings, and outlines strategies for successfully challenging them by questioning their authority and knowledge. It notes that the power government claims comes from words, and that their definitions and meanings of key words can be deceiving and different than what people expect. Understanding the true meanings of words used in statutes and policies can reveal deception and undermine the motivation of government workers to impose rules and regulations.
Hackeando facebook com wireshark e cookie injectorAlvaro Gomes
Este documento fornece instruções para hackear o Facebook de alguém usando Wireshark e um injetor de cookies em três etapas: 1) configurar o encaminhamento de pacotes e redirecionamento do tráfego da vítima, 2) usar SSLStrip e arp spoofing para capturar cookies da vítima, 3) injetar os cookies capturados na página do Facebook para assumir a sessão da vítima.
Como transformar o router thomson num print serverAlvaro Gomes
Este documento explica como configurar o router Thomson TG784 para funcionar como um servidor de impressão, permitindo que qualquer computador na rede possa imprimir através dele. Ele descreve os 6 passos para configurar o router usando o comando telnet e os 5 passos para configurar a impressora no computador, definindo a porta de impressão como o endereço IP do router. Quando concluído, os usuários poderão imprimir de qualquer lugar em casa sem precisar levar o computador até a impressora.
DRIVERS Bueno, quienes quieran trabajar con el ADB en la tablet pueden hacerlo de 2 formas, la primera es
usando adbWireless, sin embargo, si quieren trabajar con la tablet conectada a la PC con el cable
USB tendrán que instalar los drivers de la tablet.
Este documento contiene varias actualizaciones de firmware para un dispositivo Android. Proporciona detalles como la versión de Android, número de compilación, fecha de publicación y peso de descarga para cada actualización. También incluye notas sobre mejoras en rendimiento y estabilidad, y problemas resueltos.
Reinstalar actualizar el sistema operativo androidAlvaro Gomes
Este documento describe los pasos para reinstalar o actualizar el sistema operativo Android en una tablet Woo Comet utilizando el método LiveSuit. Se requiere descargar e instalar el programa LiveSuit y la imagen de la ROM deseada. Luego, se conecta la tablet apagada al computador mediante USB mientras se presiona el botón de reinicio, y el programa formatea la tablet e instala la nueva ROM. Finalmente, la tablet se enciende con el sistema operativo actualizado.
Hackeando facebook com wireshark e cookie injectorAlvaro Gomes
Este documento fornece instruções para hackear o Facebook de alguém usando Wireshark e um injetor de cookies enquanto ambos estão na mesma rede. Ele explica como configurar o encaminhamento de pacotes e redirecionamento do tráfego, usar SSLStrip para capturar cookies e arp spoofing para enganar a vítima, e então injetar o cookie capturado para acessar o perfil da vítima no Facebook.
Este documento fornece uma introdução sobre como funciona a Internet e como se conectar a ela. Explica que a Internet não tem um único proprietário e cresce de forma anárquica através da conexão voluntária de computadores que seguem os protocolos TCP/IP e Unix. Também discute brevemente a história da Internet e como hackers podem aprender sobre seus pontos fracos de segurança.
1. El documento resume los temas de algoritmos y estructuras de datos que fueron enseñados en una clase. Incluye índices sobre algoritmos y crecimiento de funciones, recursividad, algoritmos de ordenación, estructuras de datos avanzadas (pilas, colas y listas enlazadas), grafos, árboles y tablas de dispersión y diccionarios.
2. El análisis de algoritmos determina los recursos (tiempo y espacio) que consumen los algoritmos dependiendo del tamaño de la entrada. Se usa la notación
Este documento fornece instruções sobre como manipular imagens em HTML, incluindo como criar imagens intercaladas, transparentes e sensíveis a cliques utilizando os programas Lview e Mapedit.
O documento fornece instruções sobre como criar documentos em HTML. Ele explica marcações básicas como títulos, parágrafos e quebras de linha, e como interligar documentos e sessões dentro de um documento. O documento também ensina como criar listas não numeradas e numeradas, e inserir imagens em HTML.
1) As tabelas são importantes para o design de páginas web, permitindo alinhamentos e posicionamentos que seriam difíceis sem elas. 2) Tabelas tornam sites mais profissionais e permitem que usuários naveguem de forma mais eficiente. 3) O documento ensina como criar tabelas HTML usando tags como <TABLE>, <TR> e <TD> e como formatá-las usando atributos.
O documento discute links e âncoras na Internet. Links permitem vincular documentos entre si através de hipertexto, facilitando a navegação entre seções. Âncoras marcam pontos dentro de um documento para permitir navegação direta através de links. A sintaxe de links inclui o endereço URL para localizar arquivos em qualquer servidor conectado à Internet.
2. Documentos com múltiplas Janelas - Frames
Este tutorial é uma tradução e adaptação do documento Frames Syntax:
http://home.mcom.com/assist/net_sites/frame_syntax.html
ÍNDICE
I. Sobre este Tutorial
3
II . Estrutura Básica - Frame document
4
III. Sintaxe
5
a. frameset
5
b. frame
8
c. noframes
9
IV. Intercalando Frameset - exemplos
11
V. Links entre frames
12
VI. Cartela de Comandos
13
2
3. I. Sobre este Tutorial
Neste tutorial, vamos ver uma facilidade ainda não "sacramentada" para os HTMLeiros , mas que promete vir por aí. É a possibilidade de se dividir um hipertexto em múltiplas janelas (frames).
Agora, atenção por que até esse exato momento, janeiro 1996 só conheço um browser que lê essa facilidade. É o Netscape, a partir da versao 2.0. Então, muito cuidado, é recomendável que você crie sempre uma opção de navegação para quem estiver usando um browser que não enxerga frames. Vamos ver como fazê-lo.
Uma última observação antes de partirmos para a festa. Aqui é importante que você já conheça HTML - Hypertext Markup Language. Se não conhece, sem problema também, dá uma lida cuidadosa nos nossos outros tutoriais sobre HTML, disponíveis em http://www.cr-df.rnp.br/hipertextos/cr-df/cursos/ .
Este tutorial faz parte de um conjunto de módulos destinados a quem deseja publicar/prover informação na Internet, através de serviço do tipo WWW (World Wide Web).
Atualmente - janeiro de 1996 - este conjunto compreende 7 módulos:
1. Introdução Geral a Internet
2. HTML Básico
3. Tabelas em HTML
4. Formulários em HTML
5. Múltiplas Janelas - Frames
6. Manipulação de Imagens
7. Guia de Estilo
Informações adicionais podem ser solicitadas a webmaster@cr-df.rnp.br
3
4. II. Estrutura Básica - Frame Document
O "Frame Document" é um arquivo onde se define a estrutura das janelas para seu hiperdocumento em HTML. Quantas serão e qual sua distribuição em tela. Neste documento as marcações <body> e seu par </body> são substituídas por <frameset> e </frameset>. Tal arquivo pode ser, por exemplo, o arquivo index.html de qualquer nível na estrutura do seu serviço de informações baseado em WWW.
Pronto, agora é preciso definir cada frame/janela internamente à(s) área(s) de frameset. Ou seja, as características de cada janela e seus "conteúdos" - URL incial. Cada janela/frame é antecedido da marcação <frame>, como numa lista cada item é antecedido por <li>. Usualmente, uma URL virá associada a cada frame.
A estrutura mínima do frame document será então:
<html>
<head>
<title></title>
</head>
<frameset ...>
<frame src="URL">
<frame src="URL">
</frameset>
</html>
• Atenção: Note que com apenas essas marcações o documento da estrutura - Frame Document - não funciona. É necessário que esteja definido algum atributo para as áreas de frameset, assim como associadas urls a cada frame, como veremos mais adiante.
• Atenção II: Você poderá ter - e provavelmente terá - vários <frameset> intercalados. Da mesma foma como é possível intercalar listas, ou tabelas em HTML.
Cada uma destas marcações - <frameset> e <frame> - aceita extensões, valores e atributos, como veremos a seguir.
4
5. III. Sintaxe
a. Frameset
b. Frame
c. Noframes
a. Frameset
Frameset aceita os atributos ROWS e COLS, referentes divisões horizontais(como linhas em uma tabela) e verticais (como colunas) entre janelas na tela. Internamente a marcações FRAMESET só poderão aparecer outras FRAMESET, FRAME ou NOFRAMES.
Importante: Não podem ser utilizadas as marcações válidas entre marcações <BODY></BODY> nem internamente a marcações FRAMESET, nem antes dela, senão FRAMESET será ignorada.
ATRIBUTOS
1. ROWS (<frameset rows=“valor, valor, valor...”>)
Define divisões horizontais.entre janelas. Vem sempre acompanhado de valores associado, que definem quanto da tela cada janela vai ocupar. Dessa forma, para cada janela a ser criada deverá haver um valor associado. Estes valores devem vir separados por vírgulas.
Este valor poderá ser:
• Numérico - pixels=> (ROWS="30, 50") Refere-se a quantos pixels cada frame (ou janela) deve ocupar. A desvantagem desta notação é que não é possível ter controle do valor total de pixels que o cliente do usuário compreende.
• Percentual=> (ROWS="25%, 25%, 50%") Pode ainda ser um valor percentual, sempre somando um valor de 100%.
É o método mais simples.
• Relativo=> (ROWS="2*,*") Desta forma, define-se um valor relativo. No exemplo, o primeiro frame vai ocupar dois terços da tela, e o segundo um terço.
Exemplos :
1. Para dividir a tela do browser em três janelas horizontais, sendo que a do meio é mais larga que as de cima e de baixo:
<html>
<head>
<title></title>
</head>
<frameset rows="20%, 60%, 20%">
<frame src="cell1.html">
<frame src="cell2.html">
<frame src="cell3.html">
</frameset>
</html> 5
6. 2.Três janelas horizontais, sendo que a primeira e a segunda tem uma altura fixa, e o frame central deverá ocupar o restante do espaço:
<html>
<head>
<title></title>
</head>
<frameset rows="30, *, 50">
<frame src="cell1.html">
<frame src="cell2.html">
<frame src="cell3.html">
</frameset>
</html>
2. COLS (<frameset cols=“valor, valor, valor.. “>)
Funciona exatamente como a marcação anterior, no entanto, divide a tela em frames ou janelas verticais.
Exemplos
Para dividir a tela do browser em três janelas verticais
1.Três colunas, sendo que a do meio é mais larga que as de cima e de baixo:
<html>
<head>
<title></title>
</head>
<frameset cols="20%, 60% ,20%">
<frame src="cell1.html">
<frame src="cell2.html">
<frame src="cell3.html">
</frameset>
</html>
6
7. 2.Três janelas verticais, sendo que a primeira e a segunda tem uma altura fixa, e o frame central deverá ocupar o restante do espaço:
<html>
<head>
<title></title>
</head>
<frameset cols="200, *, 100">
<frame src="cell1.html">
<frame src="cell2.html">
<frame src="cell3.html">
</frameset>
</html>
Atenção, para intercalar janelas verticais e horizontais, será necessário definir várias áreas "FRAMESET". Para cada área delimitida como "FRAMESET" você poderá definir número de linhas OU colunas. Veremos como fazê-lo mais adiante. Não é possível definir COLS e ROWS para uma mesma área “FRAMESET”.
7
8. b. Frame
A marcação FRAME define cada janela contida em uma área “frameset”. Esta marcação não necessita de uma tag de finalização (</frame>) e aceita 6 atributos possíveis:
1. SRC="url"
O atributo SRC define a URL que será exibida em cada frame.
2. NAME="nome_da_janela"
Este atributo é utilizado para associar um nome a uma janela. Deve ser usado quando uma janela - frame - for o destino de um link em outro documento (normalmente é no mesmo documento. Um frame apontando para outro. Tipo um índice abrindo várias urls em outras janelas).
Este atributo é opcional. Por padrão, os frames não tem nome.
Importante, o nome_da_janela deve começar por caracter alfanumérico.
3. MARGINWIDTH="valor"
Esse atributo controla as margens esquerda e direita de cada frame, ou seja, a distância entre o conteúdo da página e as margens da janela. O valor associado será um valor absoluto em pixels. O menor valor aceito será 1.
Este atributo é opcional, caso não venha definido, o browser usará o seu padrão para definir as margens no frame/janela.
4. MARGINHEIGHT="valor"
Também é um atributo opcional. Funciona exatamente como o anterior, só que determina as margens superior/inferior em cada frame.
5. SCROLLING="yes/no/auto"
Novamente, é um atributo opcional, que define se uma janela deve possuir barra de rolagem ou não. Caso seja definido como YES, a janela sempre possuirá uma barra de rolagem visível. Caso seja definido como NO, nunca haverá barra de rolagem. E, finalmente, se vier como AUTO, o browser aplicará a barra quando necessário.
O padrão é AUTO, portanto, se o atributo scrolling não vier definido, o browser aplicará a barra de rolagem, sempre que necessário.
6. NORESIZE
Este atributo não possui valor associado. Quando ele não aparece, o usuário poderá alterar o tamanho da janela, "arrastando" com o cursor a borda da mesma. O padrão é que todas as janelas possam ter seu tamanho alterado. NORESIZE é opcional
Um frame, com todos os atributos definidos seria escrito assim, por exemplo:
<frame src=“http://www.cr-df.rnp.br” name=“home” marginwidth=“5” marginheight=“5” scrolling=“auto” noresize>
8
9. c. Noframes
Esta marcação possibilita que se crie uma opção de navegação na página para quem não possui um browser que entende frames.
Esta marcação aparece no documento de estrutura "Frame document", e sempre é usada em pares (<noframes>.. conteúdo... </noframes>).
Quando o acesso for feito através de um browser que entenda frames, o que estiver entre as marcações "noframes" será simplesmente ignorado.
Internamente a uma área "noframes" deverá ser usada a estrutura padrão de documentos html (<head> </head>, <title> </title> <body> </body>, etc...).
Um exemplo:
<html>
<head>
<title>Teste, uso de frames</title>
</head>
<FRAMESET ROWS="15%, 85%">
<NOFRAMES>
<body bgcolor="#000000" text="#ffff00" link="#ff0000" >
Bem-vindo a uma página de teste.<p>
Para acessá-la, você deve utilizar a versão 2.0 ou acima do <i>browser</i><a href="http://home.netscape.com/comprod/mirror/index.html"> Netscape Navigator!</a>
</p>
<hr>
</body>
</NOFRAMES>
<FRAMESET COLS="25%, 75%">
<FRAME NAME="1" SRC="teste1.htm" NORESIZE>
<FRAME NAME="2" SRC="teste2.htm" NORESIZE>
</FRAMESET>
<FRAMESET COLS="30%, 70%">
<FRAME NAME="3" MARGINWIDTH="50" SRC="teste3.htm">
<FRAMESET ROWS="65%, 35%">
<FRAME NAME="4" SRC="teste4.htm" NAME="chat">
<FRAME NAME="5" SRC="teste5.htm">
</FRAMESET>
</FRAMESET>
</FRAMESET>
</html>
Veja como ela é exibida, por exemplo, com o MOSAIC (não lê frame) e com o NETSCAPE (lê frame).
9
11. IV. Intercalando Frameset - exemplos
Para tornar mais claro como se constrõem múltiplas e intercaladas janelas - divisões horizontais e verticais - utilizando das marcações de frames, seguem abaixo dois exemplos de construção de documentos com múltiplas janelas.
Exemplo 1
<html>
<head>
<title>Título</title>
</head>
<frameset rows="30%, 70%">
<frameset cols="33%, 33%, 33%">
<frame src="">
<frame src="">
<frame src="">
</frameset>
<frameset cols="50%, 50%">
<frame src="">
<frame src="">
</frameset>
</frameset>
</html>
Exemplo 2:
<html>
<head>
<title></title>
</head>
<frameset rows="15%, 85%">
<frame src="teste5.htm">
<frameset cols="25%, 75%">
<frame src="teste4.htm">
<frameset rows="85%, 15%">
<frame src="teste3.htm">
<frame src="teste2.htm">
</frameset>
</frameset>
</frameset>
</html> 11
12. V. Links entre frames
A marcação TARGET, permite que se controle em qual janela um link específico será exibido quando o usuário clicar sobre ele. Por exemplo, pode-se ter uma janela lateral com uma espécie de indíce do serviço de informação e outra janela em que a navegação propriamente dita vai ocorrer. Desta forma, o índice está permanentemente disponível durante toda a consulta.
Para utilizar este recurso você deverá:
1. Atribuir um "name" a cada frame em seu "frame document" (name="valor").
2. No documento onde será criado um link, que vai aparecer em outra janela, ao criar o link, acrescentar a marcação target="valor"" à âncora, da seguinte forma:
<a href="URL" target="valor">
Onde este valor é idêntico àquele associado à marcação name no frame document.
Exemplo:
O frame document deverá ser escrito assim:
o documento que contém o índice de navegação (barra.htm), será assim:
<html>
<head>
<title>Título</title></head>
<frameset rows="80%, 20%">
<frame name="navega"" src="teste3.htm">
<frame src="barra.htm">
</frameset>
</html>
<html>
<head><title>Título</title>
</head>
<body>
<a href="http://www.cr-df.rnp.br/" target="navega"> [link para o cr-df]</a>
<a href="http://www.cr-df.rnp.br/" target="navega"> [link para o cr-sp]</a>
<a href="http://www.cr-df.rnp.br/" target="navega"> [link para o cr-pe]</a>
</body>
</html>
12
13. VI. Cartela de Comandos
Marcação
Função / características
• Estrutura Básica
<html> e </html>
Delimita o "frame document", como em qualquer arquivo html normal.
<head></head>
Define cabeça do documento, novamente, como em qualquer arquivo html.
<frameset></frameset>
delimita as janelas a serem usadas no documento. Podem haver vários frameset intercalados. Controla o comportamente das janelas através de seus atributos.
<frame src="URL">
Define cada janela/frame. Normalmente possui uma URL associada. Aceita atributos e valores.
• Sintaxe
Para Frameset
<frameset rows="valor, valor, valor">
define quantas linhas - janelas horizontais - e sua ocupação na tela, para cada área frameset. Aparecerão tantos valores quantas forem as janelas. Os valores relativos a cada janela deverão ser separados por vírgulas
.
Cada valor associado poderá ser:
1. Numérico - em pixels = <frameset rows="30, 50">
2. Percentual = <frameset rows="25%, 25%, 50%">
Relativo = <"2*,*">;
<frameset cols="valor, valor, valor">
define quantas colunas - janelas verticais - e sua ocupação da tela. Funciona exatamente como a marcação interior (associação de valores, com as mesmas opções).
Para Frame
<frame SRC="URL">
associa uma url a uma janela
<frame NAME="valor">
associa um nome a uma janela
<frame MARGINWIDTH="valor">
determina margem direita/esquerda em cada frame
<frame MARGINHEIGHT="valor">
determina margem superior/inferior em cada frame
<frame SCROLLING="yes/no/auto">
define presença, ausência, ou atribuição automática (pelo browser) de barras de rolagem
<frame NORESIZE >
mantém fixo o tamanho de cada janela/frame
Para Noframes
<noframe></noframe>
delimita área para navegação opcional, destinada a quem usa browser que não entenda 'frame'.Internamente, recebe a marcação <body></body> delimitando o documento, e todas as demais marcações HTML.
Target
<a href="URL" target="name">
Define a janela em que será exibido um link ao ser ativado. O name associado deverá ser idêntico ao name atribuído a janela de destino no “frame document”.
13