Introdução ao Desenvolvimento Web: mudanças entre as edições

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
(Página substituída por '==Carga Horária== *76 horas == Ementa == * Introdução ao HTML; Folhas de estilo (CSS); Introdução ao Javascript Categoria:Técnico em Informática')
Linha 5: Linha 5:


* Introdução ao HTML; Folhas de estilo (CSS); Introdução ao Javascript
* Introdução ao HTML; Folhas de estilo (CSS); Introdução ao Javascript
= Ano Letivo 2014 =
<br>'''Professor:''' Felippe Scheidt
<br>'''Email:''' <span style="color:blue">felippe.scheidt@ifpr.edu.br</span>
<br>'''Horários:''' 4a feira/9h50-11h50 - 2 aulas/semana
<br>'''Atendimento paralelo:''' 5a feira/13h30-14h30.
= Diários de Aula =
==4&deg; Bimestre==
{| class="wikitable"
|-
! Data !! Conteúdo
|-
| '''05.11''' ||
<ul>
  <li>Javascript: funções da família getElement*</li>
  <li>{{pdf}} [[Media:Intro web lista 43.pdf|Exercícios]]</li>
</ul>
|-
| '''29.10''' ||
<ul>
  <li>Javascript: Trabalhando com Vetores</li>
  <li>{{pdf}} [[Media:Intro web aula 42.pdf|Slides da aula]]</li>
</ul>
|-
| '''22.10''' ||
<ul>
  <li>Javascript: Funções matemáticas, String e Datas</li>
  <li>{{pdf}} [[Media:javascript_p3.pdf|Slides da aula]]</li>
  <li>{{pdf}} [[Media:lista3 - javascript_v2.pdf|Exercícios]]</li>
</ul>
|}
==3&deg; Bimestre==
{| class="wikitable"
|-
! Data !! Conteúdo
|-
| '''03.09''' e '''10.09''' ||
<ul>
  <li>[[Media:Lista-exercicio-forms.pdf|Atividade]]</li>
  <li>Manipulação de formulários no javascript</li>
</ul>
|-
| '''20.08''' ||
<ul>
  <li>Javascript - Parte 4 (funções)</li>
  <li>{{pdf}} [[Media:Javascript_p4.pdf|Slides e exercícios]]</li>
</ul>
|-
| '''13.08''' ||
<ul>
  <li>Javascript - Parte 3 (eventos)</li>
  <li>{{pdf}} [[Media:Javascript p3-eventos.pdf|Slides e exercícios]]</li>
</ul>
|-
| '''06.08''' ||
<ul>
  <li>Javascript - Parte 2</li>
  <li>{{pdf}} [[Media:Javascript p2.pdf|Slides e exercícios]]</li>
</ul>
|-
| '''30.07''' ||
<ul>
  <li>Introdução ao Javascript</li>
  <li>{{pdf}} [[Media:Javascript p1.pdf|Slides]]</li>
  <li>{{pdf}} [[Media:Lista-de-exercicios rev1.pdf|Lista exercícios]]</li>
</ul>
|}
==2&deg; Bimestre==
{| class="wikitable"
|-
! Data !! Conteúdo
|-
| '''11.06''' ||
<ul>
  <li>Revisão Prova</li>
  <li>{{pdf}} [[Media:Tec-intro-web-2bi-revisao.pdf|Exercícios]]</li>
</ul>
|-
| '''04.06''' ||
<ul>
  <li>CSS Parte 4</li>
  <li>{{pdf}} [[Media:Css-p4.pdf|Slides]]</li>
</ul>
|-
| '''28.05''' ||
<ul>
  <li>Aula</li>
</ul>
|-
| '''21.05''' ||
<ul>
  <li>Feira de estágios</li>
</ul>
|-
| '''14.05''' ||
<ul>
  <li>Aplicação de CSS com tabelas</li>
  <li>{{pdf}} [[Media:Css-p3.pdf|Slides]]</li>
</ul>
|-
| '''30.04''' ||
<ul>
  <li>CSS - 2a Parte</li>
  <li>{{pdf}} [[Media:Propriedades-css.pdf|Lista de propriedades do CSS]]</li>
  <li>{{pdf}} [[Media:Css-p2.pdf|Slides]]</li>
</ul>
|-
| '''22.04''' ||
<ul>
  <li>Introdução ao CSS</li>
  <li>{{pdf}} [[Media:Css-p1.pdf|Slides]]</li>
</ul>
|}
==1&deg; Bimestre==
{| class="wikitable"
|-
! Data !! Conteúdo
|-
| 31.03 ||
<ul>
  <li>Uso de tabelas para definição de um layout de site</li>
  <li>Revisão de conteúdos para prova '''(09.04)'''</li>
  <li>{{pdf}} [[Media:Tif introweb sem08.pdf|Slides]]</li>
</ul>
|-
| 26.03 ||
<ul>
  <li>Uso do rowspan e colspan para configuração de tabelas</li>
  <li>{{pdf}} [[Media:Tif introweb sem07.pdf|Slides]]</li>
  <li>[[Media:Certificado.png|Imagem exercicio 8]]</li>
</ul>
|-
| 19.03 ||
<ul>
  <li>Uso de formulários, inputs, select, textarea</li>
  <li>{{pdf}} [[Media:Tif introweb sem06-forms.pdf|Slides]]</li>
</ul>
|-
| 12.03 ||
<ul>
  <li>Uso de tabelas e seus atributos</li>
  <li>{{pdf}} [[Media:Tif_introweb_sem05-tabelas10.pdf|Slides]]</li>
  <li>{{zip}} [[Media:Tif_introweb_sem05-imagens.zip|Imagens]]</li>
</ul>
|-
| 25.02 ||
<ul>
  <li>Uso de imagens e seus atributos</li>
  <li>Tag <img></li>
  <li>Atributos: width, heigth, alt, title, vspace, hspace, src, border, align</li>
  <li>{{pdf}} [[Media:Tif introweb 04-imagens.pdf|Slides]]</li>
  <li>{{zip}} [[Media:Tif intro web sem04 imagens.zip|Imagens]]</li>
</ul>
|-
| 17.02 ||
<ul>
  <li>Uso de listas no HTML</li>
  <li>Tags de lista do HTML: <nowiki><ol>, <ul>, <li> </nowiki></li>
  <li>Links internos (# e id)</li>
  <li>{{pdf}} [[Media:Tif introweb 03.pdf|Slides]]</li>
</ul>
|-
| 22.04 ||
<ul>
  <li>Introdução ao HTML</li>
  <li>Tags de formatação de texto: <nowiki><b>, <i>, <u>, <font></nowiki></li>
  <li>Utilizando links no html: <nowiki><a></nowiki>, atributo href e target</li>
  <li>Utilizando imagens no html <nowiki><img></nowiki>, atributo src, width e heigth</li>
  <li>Atividade: elaborar um mini-curriculo pessoal</li>
</ul>
|}
=== Tabela de Cores seguras para Web ===
[[Arquivo:Tabela-de-cores.gif|850px]]
=== Exemplo ===
* Exemplo básico de uma página html:
<syntaxhighlight lang="html4strict">
<!DOCTYPE HTML>
<html>
  <head>
      <meta charset="utf-8"/>
      <title>Primeiro Exemplo de HTML</title>
  </head>
  <body>
      <h1>Olá Mundo</h1>
  </body>
</html>
</syntaxhighlight>


[[Categoria:Técnico em Informática]]
[[Categoria:Técnico em Informática]]

Edição das 13h53min de 11 de fevereiro de 2015

Carga Horária

  • 76 horas

Ementa

  • Introdução ao HTML; Folhas de estilo (CSS); Introdução ao Javascript
Disponível em “http://wiki.foz.ifpr.edu.br/wiki/index.php?title=Introdução_ao_Desenvolvimento_Web&oldid=6273”