Ejercicio Pagina Web 4 HTML (9Grado)

VER EJERCICIO

guia de formularios web 1BTO-2017

GUÍA DE TRABAJO DE HABILITACIÓN LABORAL

Formularios Web

PRIMER AÑO DE BACHILLERATO GENERAL.

OBJETIVO: Uso de etiquetas para formularios en HTML	Producto Esperado:
	Análisis y reconocimiento de etiquetas básicas de formularios en HTML.
Metodología: Al finalizar envió de hoja resuelta al correo de la clase bajo el asunto: guiaform2hl1bto-17  (tiempo: 4 horas clase)

INDICACION: A partir del ejercicio 3 se creara la página web según el rubro del enunciado y se agregara el formulario.

1. El restaurante “Delissius” regalara a los usuarios participantes de una encuesta un promocional (pie de manzana y bebida) para medir la atención y calidad de productos bajo el siguiente detalle.

Edad del encuestado

a) calidad de la atención

b) Lugar y ambiente

c) sabor de la comida servida

d) calidad de la conexión de wifi

e) agrega recomendaciones

f) correo electrónico del participante y numero de DUI para identificación reclamo del premio.

2. El Ministerio de Educación de el  Salvador desea medir el alcance y uso de los programas educativos implementados en aulas de los diferentes centros escolares a nivel nacional. Bajo el siguiente detalle:

Estimados docentes: reciban un cordial saludo del área de investigación y recursos pedagógicos del Ministerio de Educación de El Salvador.

El motivo de la presente es presentar el instrumento de medición de los programas de desarrollo didáctico puestos a disposición de todos los centros escolares del país para ser implantados en el aula.(JUGUEMOS CON LOS NUMEROS, LETRA POR LETRA, A DISFRUTAR CON LA CIENCIA, CONOZCAMOS EL MUNDO,INFORMATICA ACTIVA, MIS VALORES, YO APRENDO)

Es por tal razón, que se desea saber cuáles o cual es la herramienta más utilizada a nivel nacional y en que secciones se implementa, además, se desea conocer cuántos alumnos posee por sección y en que turnos.

Al momento de llenar la encuesta en línea favor escribir su nombre completo, DUI y Escalafón Magisterial y Centro Educativo donde labora.

Esta encuesta estará disponible durante 15 días a partir de su publicación, motivo por el cual rogamos llene estos datos lo antes posible.

PROGRAMAR:

Estructura de página web con la información general (texto arriba)

Explicación de pasos para llenar formulario

Crear objetos de recepción de datos (menú desplegables, cajas de texto, checkbox)

Colocar como título de la página: “CONSULTA DE PROGRAMAS DE DESARROLLO DIDACTICO”

3. La agencia de viajes “Happy Tour” ofrece un nuevo servicio de inscripción en línea para todos los clientes que desean reservar su cupo para paquetes vacacionales de temporada. Para ello, el cliente deberá llenar un formulario con su nombre, numero de DUI, NIT, paquete a reservar y forma de pago (tarjeta de crédito, débito, paypal) , número de personas que viajaran, números de contacto y correo electrónico y la fecha que reservara su paquete vacacional.

4. El colegio Paulo Freire para el año 2018 agregara a su página web el módulo de matrícula en línea, el cual permitirá llenar la información de su hoja de matrícula tradicional impresa (nombre del alumno, sección a matricular, fecha de nacimiento, domicilio, nombre del padre, madre y encargado, números de contacto, correo electrónico, si posee algún padecimiento de salud, habilidad deportiva) además, se podrá pagar primera cuota y matricula del año lectivo.

Uso avanzado de HTML (HL-1BTO)

TEMA: USO AVANZADO DE ELEMENTOS WEB

IMÁGENES:

<IMG SRC="dirección de la imagen" WIDTH=178 HEIGHT=180 ALT="texto">

Donde WIDTH=178 es la dimensión horizontal (ancho) de la imagen expresada en píxel, y HEIGHT=180 la dimensión vertical (alto).

Borde de imagen

<IMG SRC="dirección imagen" WIDTH=178 HEIGHT=180 BORDER=2 VSPACE=3 HSPACE=3 ALT="texto">

Estos atributos resultan útiles cuando queremos distanciar la imagen de los objetos más cercanos.

Posición

ALIGN

El atributo ALIGN define la posición de la imagen respecto al texto colocado inmediatamente antes o después de la misma. Existen varias opciones para el atributo ALIGN:

ALIGN=top: alinea la primera línea de texto con la parte superior de la imagen.

ALIGN=middle: alinea la primera línea del texto con el centro de la imagen.

ALIGN=bottom: alinea la primera línea de texto con la parte inferior de la imagen.

ALIGN=left: el texto se coloca a la derecha de la imagen empezando desde la parte superior de la misma.

ALIGN=right: el texto se coloca a la izquierda de la imagen empezando desde la parte superior de la misma.

Formularios

Botón Reset (reinicio)

<INPUT type="RESET" value="Reinicio">

Botón que vuelve a impostar todo el formulario eliminando los datos introducidos.

Bloque de texto

<TEXTAREA cols=40 rows=5 WRAP="physical" name="comentario"></textarea>

TEXTAREA se utiliza para introducir comentarios o campos que prevén muchas líneas de texto. La anchura se imposta con "cols" y la altura con "rows". WRAP="physical" establece que, en el caso de que el texto introducido supere la anchura de la ventana, salte de línea automáticamente

  

Lista Desplegable

<SELECT size=1 cols=4 NAME="calificación">

<OPTION selected value=ninguna>

<OPTION value=bueno> Bueno

<OPTION value=suficiente> Suficiente

<OPTION value=excelente> Excelente

</select>

SELECT es un elemento que permite la creación de listas con varias posibilidades de selección.

Caja de Texto

<INPUT type="TEXT" name="nombre" maxlength="40" size="33" value="Tu nombre">

Este valor crea los típicos campos de texto, en los que generalmente se solicitan datos tales como el nombre o la dirección de correo electrónico. Es un valor usado sobre todo para informaciones no predefinidas, que cambian cada vez. TEXT tiene tres atributos opcionales, presentes también en el ejemplo: maxlength (el número máximo de caracteres que puede ser introducido en el campo y que no es posible superar), size (la anchura de la cadena dentro de la página) y value (visualiza un texto por defecto dentro de la cadena).

GUIA3...ACCESS 8 GRADO

GUIA3

1BTO-FORMULARIOS HTML (CLASE PENDIENTE)

FORMULARIOS EN HTML

Los formularios son usados para que el usuario ingrese datos.

Esos datos son enviados a un documento, que se encuentra en un servidor, para que los procese (por ej., a un servidor web, a un servidor de email, etc.).

LA ETIQUETA FORM

La etiqueta <form> se utiliza para definir un formulario.

El atributo action es obligatorio y nos indica el documento que procesará los datos del formulario enviado.

También contamos con el atributo method que nos define el método por el cual se enviarán los datos del usuario al servidor.

Sintaxis

<form action="URL" method="valor">

...

</form>

LA ETIQUETA INPUT

Nos define el registro donde el usuario puede ingresar los datos.

Los usuarios interaccionan con los formularios a través de las llamados controles.

Tipos de controles:

Botones (buttons)

Casillas de verificación (checkboxes)

Radiobotones (radio buttons)

Menúes (menus)

Entrada de texto (text input)

Selección de ficheros (file select)

Controles ocultos (hidden controls)

Controles tipo objeto (object controls)

El atributo type especifica el tipo de control a crear.

Sintaxis

</form>

<input type="control" atributo="valor">

</form>

El control "text"

Crea un control que nos permite ingresar un texto en una línea.

guia 3---html 9grado

GUIA 3

guia de html 6G

GUÍA DE TRABAJO DE INFORMATICA

Edición de Páginas Web HTML

SEXTO GRADO.

OBJETIVO: conocer las etiquetas básicas de edición de texto	Producto Esperado:
	Edición de página web utilizando etiquetas de texto
Metodología: al finalizar el trabajo guardarlo con su nombre al final de la página web en la carpeta Documentos. (Tiempo 2 Horas Clase)

Indicación: Analizar cada una de los ítems propuestos y exponer a la clase sus conclusiones.

------------------------------------------------------------------------------------------------------------------------------

TEMA: ETIQUETAS DE TEXTO

En las páginas web cuando no indicamos algún valor en específico, HTML escribe y muestra un texto con una fuente, color y tamaño predeterminado que el usuario no puede cambiar.

Utilizando las etiquetas de texto podemos cambiar estos valores como se muestran a continuación:

NEGRITA:

<b>texto a aplicar</b>

Este palabra la vamos a poner en <b>negrita</b>

CURSIVA

<i>texto a aplicar</i>

Esta palabra la vamos a poner en <i>cursiva</i>

SUBRAYADO

<i>texto a aplicar</i>

<u>Así subrayaríamos una frase importante</u>

TAMAÑO DEL TEXTO

Aquí estamos cambiando a tamaño 10 la fuente.

<FONT SIZE="10"> Este texto tiene tamaño</FONT>

COLOR DE FUENTE

Aquí podemos cambiar el color de la fuente (recuerda los nombres de los colores están en ingles)

<FONT COLOR="yellow"> Este texto es color amarillo</FONT>

ESTILO DE FUENTE

Aquí podemos cambiar el estilo  de la fuente (recuerda utilizar estilos más genéricos como comic sans, tahoma, verdana, arial entre otras)

<FONT FACE="Comic Sans Ms"> Este texto esta escrito en fuente comic sans ms</FONT>

La unión de varios atributos para un texto o párrafo determinado podría ser así:

<FONT SIZE="11" COLOR="red"  FACE="Arial"> Texto que se desea mostrar</FONT>

<html>

<title> ejemplo 3</title>

<head><h2>El Medio Ambiente</h2></head>

<b>El medio ambiente o medioambiente</b> <i>es el conjunto de componentes

físicos, químicos, y biológicos externos con los que interactúan

los seres vivos.</i>Respecto al ser humano, comprende <u>el conjunto de

factores naturales, sociales y culturales existentes en un lugar y

en un momento determinado, que influyen en su vida y afectarán a

las generaciones futuras.</u>

<br>

<FONT SIZE="9"><font color="red"> Es decir, no se trata solo del espacio

en el que se desarrolla la vida, sino que también comprende seres

vivos, objetos, agua, suelo, aire</font>

</html>

ACTIVIDAD:

1. Elige un tema de tu interés

2. Abre el Bloc de Notas

3. Aplica las etiquetas de texto (y otras vistas en clase)

Guia de redes 4 2BTO-HL

Descarga la guia y trabaja en un documento de Microsoft word

Guia4

GUÍA DE TRABAJO DE INFORMATICA

Desarrollo Web

NOVENO GRADO

OBJETIVO: Aplicar de forma práctica las etiquetas de HTML en el diseño de una pagina web	Producto Esperado:
	Conocer y aplicar la etiqueta HTML respetando su sintaxis
Metodología: Desarrollo practico en la computadora y el cuaderno (2 horas clase)

Indicación: Descarga la Guía de trabajo y analiza lo que se te pide para desarrollar en forma práctica y en silencio cada uno de los ítems.

------------------------------------------------------------------------------------------------------------------------------

1. Elige un tema sobre el cual editaras tu página web.

2. Abre el navegador

3. Utiliza las siguientes etiquetas para diseñar tu página web:

ETIQUETA	EJEMPLO (SINTAXIS)
<body bgcolor>	<body bgcolor=”color favorito”>
<head>	<head><h2>tema del encabezado</h2></head>
<img src>	<img src=”dirección de imagen web”>
<br>	Salto de línea
<title>	<title>nombre de la pagina</title>
<html></html>	Abreb y cierra la pagina
<marquee>	<marquee>texto de marquesina</marquee>
<hr>	Coloca una línea horizontal
<a href></a>	<a href=”http://www.elsitioaagregar.com”>texto</a>
<Font face></font>	<Font face=”arial”>texto que llevara este estilo</font>
<Font color>></font>	<Font color=color del texto>texto de color</font>
<Font size></font>	<Font size=”11”>texto con tamaño cambiado </font>

4. Guarda la página con un nombre descriptivo al tema Ej. Naturaleza.html (nunca olvides agregar el .html de lo contrario solo será un documento de texto)

5. Abre tu cuaderno, copia estas preguntas y responde:

¿Por qué elegiste el tema?

¿Qué etiqueta te fue más difícil aplicar y por qué?

¿Por qué son importantes las páginas web hoy en día?

Escribe 2 ejemplos prácticos en los que te haya servido una página web

¿Cuáles son los beneficios que ha aportado el internet en la sociedad?

Explica cómo era el sistemas de comunicación antes del internet y como es ahora

FIN DE LA GUIA

Guia de Trabajo4-- 2BTO HL

VER GUIA

Examen de Informatica Trimestre 1 (9 Grado)

INICIAR EVALUACION

Guia1 Base de Datos 8G-17

GUIA 1

GUIA DE TRABAJO 3 REDES BTO

GUIA 03

Desarrollo Practico Tablas 4 grado

ALIMENTACIÓN SALUDABLE

Una alimentación saludable consiste en ingerir una variedad de alimentos que te brinden los nutrientes que necesitas para mantenerte sana, sentirte bien y tener energía. Estos nutrientes incluyen las proteínas, los carbohidratos, las grasas, el agua, las vitaminas y los minerales.