Tuesday, May 12, 2015

Clase 6 Hosting - Enlaces

Objetivo de la clase:

  • Familiarizarse con el uso de enlaces
  • Crear el primer sitio con varias páginas
  • Crear material para luego subirlo al servidor hosting

Actividad:

  • La actividad se encuentra en el archivo correspondiente al TP 6:
DESCARGAR TP 6  - Enlaces y Hosting.pdf


Nota adicional:
Cuando se  incluyan los enlaces a correo electrónico, confeccionar ejemplos de correo electrónico con el asunto y/o el cuerpo del mensaje incluido.





Devoluciones y Planilla


  • Se efectuaron todas las devoluciones a los TPS, cualquier duda consultar con el Docente a través de pandianiisft@gmail.com

  • Planilla de TPS: se firman hoy con los TPS que hay hasta el momento, antes del parcial se firmará nuevamente.

1º  Parcial de la materia

El primer parcial constará de una devolución individual del docente a cada alumno que haya completado la grilla de Trabajos Prácticos o bien del recuperatorio (que será un examen tradicional teórico-práctico) para aquellos que no tengan la grilla de Trabajos Prácticos completa.

Tuesday, May 5, 2015

Clase 5 : Ejercicio de repaso. Enlaces

Esta Clase tiene los siguientes Objetivos:

  • Practicar el uso de entidades y caracteres especiales usando software
  • Familiarizarse y memorizar el concepto de URL 
  • Introducirse al uso de enlaces 
Actividades:
Trabajo práctico corto en clase para lograr reemplazar caracteres especiales por entidades. DESCARGAR TP 5 - En Clase


Introducción al concepto de URL y enlaces

 Luego de la clase teórica y con la ayuda de la presentación dada en clase resuelva el TP 6 online.




 

TP 6 Online:


Tuesday, April 28, 2015

Clase 4

Hoy intentaremos abordar los siguinetes temas: 

Marcado semantico del texto

<p>
<h1>
<abbr>
<em>
<strong>
<ins>
<del>
<blockquote>
<abbr>
<acronym>
<dfn>
<cite>
 Marcador genérico del texto


 Espacios en blanco, caracteres especiales y entidades

 Se explica en clase, revisar material Bibliográfico.
EntidadCarácterDescripciónTraducción
&lt;<less thansigno de menor que
&gt;>more thansigno de mayor que
&amp;&ampersandampersand
&quot;"quotation markcomillas
&nbsp;(espacio en blanco)non-breaking spaceespacio en blanco
&apos;'apostropheapóstrofo

EntidadCarácterDescripción oficial
&ntilde;ñlatin letter n with tilde
&Ntilde;Ñlatin capital n letter with tilde
&aacute;áa acute
&eacute;ée acute
&iacute;íi acute
&oacute;óo acute
&uacute;úu acute
&Aacute;ÁA acute
&Eacute;ÉE acute
&Iacute;ÍI acute
&Oacute;ÓO acute
&Uacute;ÚU acute
&euro;euro



Enlace de descarga para TP 4

DESCARGAR TP 4

 


Tuesday, April 21, 2015

Clase 3: Atributos, estructurar y marcar

Repaso de lo visto en el aula en clases anteriores:

Intenta completar el formulario sin mirar la biografía





Objetivo de la clase:

Adquirir habilidad para:
  • Insertar atributos en el lugar correcto, 
  • Diferenciar elementos de bloque y de línea
  • Uso de las secciones H1...H6, 
  • estructurar y marcar,
  • memorizar los elementos básicos para contruir una página.
  • Familiarizarse con el concepto de validación de páginas - Estádares Web


Actividad:

En base a una porción de texto no marcado, armar una página Web según los requerimientos del trabajo Práctico. El tp se hace en clase.

 
DESCARGAR Trabajo Practico 3:

Tuesday, April 14, 2015

Clase 2 - Mi primera Página y Atributos

Preparando el espacio en Dropbox y repasando las diferencias entre HTML y XHTML

Este es el TP N° 2




Información para tener a mano:

 (se puede encontrar en bibliografía Librosweb.es)

Atributos:

 

1) Atributos básicos: se pueden utilizar prácticamente en todas las etiquetas HTML

1)      id = "texto" Establece un identificador único a cada elemento dentro de una página HTML
2)      class = "texto"  Establece la clase CSS que se aplica a los estilos del elemento
3)      style = "texto"  Establece de forma directa los estilos CSS de un elemento
4)      title = "texto"    Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)

2) Atributos para internacionalización: los utilizan las páginas que muestran sus contenidos en varios idiomas o aquellas que quieren indicar de forma explítica el idioma de sus contenidos
lang = "código de idioma"                  Indica el idioma del elemento mediante un código predefinido
xml:lang = "código de idioma"         Indica el idioma del elemento mediante un código predefinido
dir = “ltr” o “rtl”     Indica la dirección del texto (útil para los idiomas que escriben de derecha a izquierda)


3) Atributos de eventos
onclick, 
ondblclick, 
onmousedown,
 onmouseup, 
onmouseover, 
onmousemove, 
onmouseout, 
onkeypress, 
onkeydown, 
onkeyup         

     Permiten controlar los eventos producidos sobre cada elemento de la página (Javascript)



4) Atributos de foco:

accesskey = "letra"         Establece una tecla de acceso rápido a un elemento HTML
tabindex = "numero"    Establece la posición del elemento en el orden de tabulación de la página. Su valor debe estar comprendido entre 0 y 32.767

onfocus, onblur   Controlan los eventos JavaScript que se ejecutan cuando el elemento obtiene o pierde el foco

Navegador
Pulsar la tecla (acceskey)
Internet Explorer
ALT + la tecla definida;
Firefox
Alt + Shift + la tecla definida;
Opera
Shift + Esc + la tecla definida;
Safari
Ctrl + la tecla definida.

"básicos", "i18n", "eventos" y "foco"

   

TP N 3

El Siguiente TP les ayudará a practicar los atributos:
DESCARGAR TP 3




Tuesday, April 7, 2015

Introducción, diagnóstico y TP N 1

Bienvenidos

Les doy la bienvenida a esta materia, mi nombre es Luis Pandiani y estaré dando la materia Programación Web (EDI II)  los animo a que la sigan de cerca, a que pongan empeño en practicarla y a sacarle el mayor provecho posible.

Les ofrezco descubrir juntos los fundamentos básicos de la programación Web.




 

Mi dirección de correo:

pandianiisft@gmail.com


Dirección del Blog de la materia:

http://edianalista.blogspot.com.ar/
 


Placa historia de HTML




 

 Tp Nº 1

 En este TP tiene como objetivo:
  • Familiarizarnos con el concepto de Doctypes y estandarización.
  • Familiarizarnos con el material Bíblográfico.
DESCARGAR TP N 1
Descargar Fotocopia Estándares Web.doc

TP Nº 1 Fecha de entrega:  14/04/2015

En el día de la fecha de la publicación y hasta la semana entrante es el plazo para entregar el TP N 1.

Modo de entrega:
Por mail a la dirección pandianiisft@gmail.com o bien por pen Drive en clase. Las fallas en el Pen drive o en el envio de email son responsabilidad del alumno y no son tomadas en cuenta como justificativo a la no-entrega del TP.




Diagnóstico: