introducao_ao_desenvolvimento_uni3

Prévia do material em texto

R o d r i g o F i o r i n | F L C 2 7 7 1 A D S
UNIDADE 2 - TÓPICO 1
1 Com os comandos que você aprendeu faça uma página HTML com a aparência semelhante ao anexo e salve com o nome de exercicio1.
2 Crie um documento HTML com a aparência semelhante à tela a seguir e salve com o nome de exercicio2.
3 Crie um documento HTML com a aparência semelhante à tela a seguir e salve com o nome de exercicio3.
TÓPICO 2
1 Com os comandos que você aprendeu faça uma página HTML com a aparência semelhante ao anexo e salve com o nome de atividade1.
2 Com os comandos que você aprendeu faça uma página HTML com a aparência semelhante ao anexo e salve com o nome de atividade2.
3 Todas as liguagens de programação disponibilizam a 
ferramenta comentário. Diante desta afirmativa descreva a 
importânica de utilizar comentários no código-fonte HTML.
R.: Além de ajudar os programadores a colocarem notificações 
e lembretes em seu HTML, também são ótimos para 
depuração.
TÓPICO 3
1 Com os comandos que você aprendeu faça uma página 
HTML com a aparência semelhante ao anexo e salve com 
o nome de Tabela.
2 Faça uma página em html para exibir o seguinte resultado:
A próxima página deverá ser como a seguir e deve ser salva com o nome de frameb.html.
A próxima página 
deverá ser como a 
página a seguir e 
deve ser salva 
com o nome de 
framec.html
E para finalizar 
deverá fazer a 
página a seguir 
e salvá-la com o 
nome de 
montagem.html.
Introdução ao Desenvolvimento 
de Sistemas Web 
UNIDADE III
CSS
» Permite controlar o estilo e layout de várias páginas da web 
de uma única vez.
Fonte: Caderno de estudos, p. 154).
Comentários
Seletores
» Permitem selecionar e manipular elementos HTML.
» São usados para "encontrar" (ou selecionar) elementos 
HTML com base no ID, classes, tipos, atributos, valores de 
atributos e muito mais.
» Podemos agrupar seletores.
Folha de Estilo
» Folha de estilo externa: ideal quando o estilo é aplicado a 
muitas páginas.
» Folha de estilo interna ou incorporada: deve ser utilizada 
quando um único documento tem um estilo único.
» Estilo inline: perde muitas das vantagens de uma folha de 
estilo (através da mistura de conteúdo com apresentação).
Fundo (Background) CSS
» São utilizadas para definir os efeitos de um elemento de 
fundo.
» background-color;
» background-image;
» background-repeat;
» background-attachment;
» background-position;
Formatações de Texto
» color: é usada para definir a cor do texto.
» valor HEX - como "# ff0000"
» valor RGB - como "rgb (255,0,0)"
» nome de cor - como "red“
» text-align: usado para definir o alinhamento horizontal de 
um texto.
» text-decoration: usada para definir ou remover decorações 
de texto.
Formatações de Texto
» text-transform: utilizada para especificar letras maiúsculas e 
minúsculas em um texto.
» text-indent: usada para especificar o recuo da primeira linha de 
um texto.
» font: define a família de fontes, o tamanho e estilo de um texto.
» família genérica - um grupo de famílias ou de fontes com um olhar 
similar (como "Serif" ou "Monospace");
» família da fonte - uma família de fontes específicas (como "Times 
New Roman“ ou "Arial").
Formatações de Texto
» font-style: utilizado para especificar o texto em itálico.
» font-size: define o tamanho do texto.
JavaScript
» É uma linguagem para criação de páginas web. 
» As funções podem ser embutidas dentro do HTML.
» Podem ter variáveis globais (declaradas fora de uma função 
e podem ser acessadas de qualquer parte do programa) e 
locais (declaradas dentro de uma função e somente podem 
ser utilizadas dentro da função onde foram criadas).
JavaScript
» O JavaScript não possui nenhuma função de visualização 
embutidas. 
» Ele apenas consegue exibir utilizando as seguintes 
maneiras:
» Escrevendo em uma caixa de alerta, usando window.alert ().
» Escrevendo para a saída HTML usando document.write ().
» Escrevendo em um elemento HTML, usando innerHTML.
» Escrevendo para o console do navegador, usando console.log ().
JavaScript
» Instruções JavaScript são compostas por valores, variáveis, 
operadores, expressões, palavras-chave e comentários.
» Variáveis e funções devem ser identificadas com nomes 
exclusivos.
» Palavras reservadas não podem ser utilizadas como nomes.
Funções em JavaScript
» É definida com a palavra-chave function, seguida por um 
nome, seguida de parênteses ().
Instrução if
» Utilizado para especificar um bloco de código JavaScript a 
ser executado se a condição for verdadeira.
Loops
» Executam um bloco de código de acordo com o número de 
vezes declarado. Exemplos: For; While, Do-While.
Referência
• [1] Badalotti, G. M. Introdução ao desenvolvimento de sistemas 
web. Indaial : Uniasselvi, 2014.
	Slide 1
	Slide 2
	Slide 3
	Slide 4
	Slide 5
	Slide 6
	Slide 7
	Slide 8
	Slide 9
	Slide 10
	Slide 11
	Slide 12
	Slide 13
	Slide 14
	Slide 15: Introdução ao Desenvolvimento de Sistemas Web 
	Slide 16: CSS
	Slide 17: Comentários
	Slide 18: Seletores
	Slide 19: Folha de Estilo
	Slide 20: Fundo (Background) CSS
	Slide 21: Formatações de Texto
	Slide 22: Formatações de Texto
	Slide 23: Formatações de Texto
	Slide 24: JavaScript
	Slide 25: JavaScript
	Slide 26: JavaScript
	Slide 27: Funções em JavaScript
	Slide 28: Instrução if
	Slide 29: Loops
	Slide 30: Referência