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

De Wiki Cursos IFPR Foz
Ir para navegaçãoIr para pesquisar
Linha 13: Linha 13:


= Diários de Aula =
= Diários de Aula =
==2° Bimestre==
{| class="wikitable"
|-
! Data !! Conteúdo
|-
| 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>
|}


==14/05==
* {{pdf}} [[Media:Css-p3.pdf|Slides - 3a Parte CSS]]


==30/abr==
==1&deg; Bimestre==
* {{pdf}} [[Media:Propriedades-css.pdf|Lista de propriedades do CSS]]
* {{pdf}} [[Media:Css-p2.pdf|Slides - 2a Parte CSS]]


== 22/abr: Introdução ao CSS==
{| class="wikitable"
* Introdução ao CSS
|-
* {{pdf}} [[Media:Css-p1.pdf|Slides]]
! 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>
|}


== 31/mar: Revisão e tabelas==
* Uso de tabelas para definição de um layout de site
* Revisão de conteúdos para prova '''(09.04)'''
* {{pdf}} [[Media:Tif introweb sem08.pdf|Slides]]


== 26/mar: Rowspan e colspan==
* Uso do rowspan e colspan para configuração de tabelas
* {{pdf}} [[Media:Tif introweb sem07.pdf|Slides]]
* [[Media:Certificado.png|Imagem exercicio 8]]
== 19/mar: Formulários==
* Uso de formulários, inputs, select, textarea
* {{pdf}} [[Media:Tif introweb sem06-forms.pdf|Slides]]
== 12/mar: Tabelas==
* Uso de tabelas e seus atributos
* {{pdf}} [[Media:Tif_introweb_sem05-tabelas10.pdf|Slides]]
* {{zip}} [[Media:Tif_introweb_sem05-imagens.zip|Imagens]]
== 25/fev: Imagens==
* Uso de imagens e seus atributos
* Tag <img>
* Atributos: width, heigth, alt, title, vspace, hspace, src, border, align
* {{pdf}} [[Media:Tif introweb 04-imagens.pdf|Slides]]
* {{zip}} [[Media:Tif intro web sem04 imagens.zip|Imagens]]
== 17/fev: Uso de listas no HTML==
* Tags de lista do HTML: <nowiki><ol>, <ul>, <li> </nowiki>
* Links internos (# e id)
* {{pdf}} [[Media:Tif introweb 03.pdf|Slides]]
* {{tarefa}} Lista de exercícios para entregar (1 ao 6) (até 17.02)
== 12/fev: Introdução ao HTML ==
* Tags de formatação de texto: <nowiki><b>, <i>, <u>, <font></nowiki>
* Utilizando links no html: <nowiki><a></nowiki>, atributo href e target
* Utilizando imagens no html <nowiki><img></nowiki>, atributo src, width e heigth
* Atividade: elaborar um mini-curriculo pessoal
=== Tabela de Cores seguras para Web ===
=== Tabela de Cores seguras para Web ===
[[Arquivo:Tabela-de-cores.gif|850px]]
[[Arquivo:Tabela-de-cores.gif|850px]]
 
=== Exemplo ===
== 05/fev: Introdução ao HTML ==
* Introdução a Disciplina
* Apresentação da estrutura do HTML
* apresentação das tags: <nowiki><p>, <h1> - <h6> <html>, <head>, <title>, <body>, <br>, <hr></nowiki>
* {{pdf}} [[Media:Tif introweb 01.pdf|Slides]]
* Exemplo básico de uma página html:
* Exemplo básico de uma página html:
<syntaxhighlight lang="html4strict">
<syntaxhighlight lang="html4strict">

Edição das 02h11min de 15 de maio de 2014

Carga Horária

  • 76 horas

Ementa

  • Introdução ao HTML; Folhas de estilo (CSS); Introdução ao Javascript

Ano Letivo 2014


Professor: Felippe Scheidt (felippe.scheidt@ifpr.edu.br)
Horários: 4a feira/9h50-11h50 - 2 aulas/semana
Atendimento paralelo: 5a feira/13h30-14h30.

Diários de Aula

2° Bimestre

Data Conteúdo
14.05
  • Aplicação de CSS com tabelas
  • Slides
30.04
22.04


1° Bimestre

Data Conteúdo
31.03
  • Uso de tabelas para definição de um layout de site
  • Revisão de conteúdos para prova (09.04)
  • Slides
26.03
19.03
  • Uso de formulários, inputs, select, textarea
  • Slides
12.03
25.02
  • Uso de imagens e seus atributos
  • Tag <img>
  • Atributos: width, heigth, alt, title, vspace, hspace, src, border, align
  • Slides
  • Imagens
17.02
  • Uso de listas no HTML
  • Tags de lista do HTML: <ol>, <ul>, <li>
  • Links internos (# e id)
  • Slides
22.04
  • Introdução ao HTML
  • Tags de formatação de texto: <b>, <i>, <u>, <font>
  • Utilizando links no html: <a>, atributo href e target
  • Utilizando imagens no html <img>, atributo src, width e heigth
  • Atividade: elaborar um mini-curriculo pessoal


Tabela de Cores seguras para Web

Exemplo

  • Exemplo básico de uma página html:
<!DOCTYPE HTML>
<html>
   <head>
      <meta charset="utf-8"/>
      <title>Primeiro Exemplo de HTML</title>
   </head>
   <body>
      <h1>Olá Mundo</h1>
   </body>
</html>
Disponível em “http://wiki.foz.ifpr.edu.br/wiki/index.php?title=Introdução_ao_Desenvolvimento_Web&oldid=2586”