SEGUNDO PERIODO
OCTAVO
Buen día Niñas, Con las bendiciones de Dios quiero desearles un feliz periodo en donde trabajaremos con una gran motivación y empeño para tener buenos resultados en este académicos.
DESEMPEÑO
Diseña páginas web teniendo en cuenta la anatomía, diseño, navegabilidad, usabilidad y accesibilidad en la web con responsabilidad en el trabajo
FORMULARIOS
<Form>
<textarea>
Elementos de entrada
<Imput>
Campos de selección
<select>
MULTIMEDIA
Bgsound
Embed
Películas flash
<Object>
Actividad
Las estudiantes utilizaran el cuaderno para la toma de apuntes el cual se pedirá a mitad
de periodo para identificar que las estudiantes tengan la temática y los apuntes
correspondientes, nota cuaderno.
El comportamiento en la sala debe ser el adecuado, no consumir alimentos en el salón de clase si lo hacen esto implicaría el descuento de 0.5 puntos de la nota en la clase.
ENCUADRE
Se realizara el encuadre indicado según las normas establecidas por la clase,
las estudiantes utilizaran el cuaderno para la toma de apuntes el cual se pedirá a mitad
de periodo para identificar que las estudiantes tengan la temática y los apuntes
correspondientes, nota cuaderno, se explicara que el comportamiento en la sala debe
ser el adecuado, no consumir alimentos en el salón de clase esto implicaría el
descuento de 0.5 punto de la nota si es reiterativo 2 veces el 0.5 dela nota ejecutada
en la clase.
Como investigacion :
Que es HTML
Estructura basica de HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mi pagina de prueba</title> </head> <body> <img src="images/firefox-icon.png" alt="Mi imagen de prueba"> </body> </html>
https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/HTML_basics
Recordemos para poder iniciar debemos crear una carpeta en nuestro computador,
debemos guardar todo dentro de esa carpeta ,
crearemos un bloc de notas nuevo y lo gardamos como hola mundo.html en su carpeta correspondiente.
recuerden que la estructura basica no peude ser modificada y es casi obligatorio.
<!DOCTYPE html> <html>
<head> <meta charset="utf-8">
<title>Mi pagina de prueba</title>
</head>
<body>
<img src="images/firefox-icon.png" alt="Mi imagen de prueba">//deben desargar antes de verla
</body>
</html>
Color de fondo
<body bgcolor="red">
Color letra
<font color ="#000000">
Bienvenida al mundo del HTML
</font>
Buscar y copiar en el cuaderno para que sirve un formulario, que necesitamos para crear un formulario y que etiquetas se utilizan para la creación de un formulario en HTML.
LISTAS
<p>En Mozilla, somos una comunidad de</p> <ul> <li>tecnólogos</li> <li>pensadores</li> <li>constructores</li> </ul> <p>trabajando juntos... </p>
MARCADO
<h1>Mi titulo principal</h1>
<h2>Mi titulo de nivel superior</h2> <h3>Mi subtitulo</h3> <h4>Mi sub-subtitulo</h4>
JUSTIFICACION CENTRADO
<blockquote>
Éste está sangrado respecto del anterior
</blockquote>
INDICES Y SUB INDICES
f<sub>(x)</sub>= X<sup>2</sup> + 5X
LINEA DE SEPARACION
<hr>____________________________
SEMANA 2
Antes de empezar a crear nuestro formulario
Necesitamos investigar que es un formulario+
Que necesito para crear un formulario
Necesitamos un Diseño este diseño se realizara dibujado en el cuaderno, describir lo que tiene su formulario, cuantos cuadros de texto, botón de ingreso de datos, imágenes , colores.
Para construir nuestro formulario debemos utilizar HTML
según nuestros datos de investigación utilizaremos las etiquetas
HTML: <form>, <label>, <input>, <textarea>,
y <button>.
Etiqueta <form>
<text area>
<form action="mailto:luisinformatica.89@gmail.com" method="post">
</form>
<textarea name="ejemploarea" cols="30" rows="3">Escribe el texto que quieras</textarea>
El atributo maxlenght indica el número de caracteres que podrán ser insertados en el campo de texto.
El atributo value indica el valor inicial del campo de texto.
Por ejemplo, para insertar un campo de texto, habría que escribir:
<input name="campo" type="text" value="Campo de texto" size="20" maxlength="15">
SEMANA 4
29 DE ABRIL
Actividad para presentar al docente que me remplace.
Si termina colocar firma en el cuaderno.
Investigue y copie en el cuaderno cuales son las etiquetas para cambiar de tamaño una imagen en HTML.
Después de investigar realiza el siguiente ejercicio.
Crea una página que contenga un título Centrado con un color visible
Crea un párrafo sobre el contenido o tema que asigno como titulo
Agrega cuatro imágenes que estén de manera uniforme
Coloca un color de fondo agradable.
Realiza la modificacion de cuatro imagenes en HTML que tengan un tamaño uniforme.
Entregar actividad de formulario ultimo plazo , 30/04/2018.
Explicación uso de etiquetas Select.
Ejemplo.
<form action="mailto:luisinformatica.89@gmail.com" method="post" enctype="text/plain" >
...
</form>
<input name="restablecer" type="reset" value="Restablecer">
<input name="enviar" type="submit" value="Enviar">
<textarea name="ejemploarea" cols="30" rows="3">Escribe el texto que quieras</textarea>
<select name="mascota">
<option> elige animal </option>
<option> perro </option>
<option> gato </option>
</select>
ACTIVIDAD.
Realizar un formulario de una empresa de pedido donde contenga registros de el cliente.
y seleccione el tipo de producto. en la siguiente imagen hay un ejemplo de como debe quedar su formulario aun que en este le hace falta la selección de su producto.
Fecha de entrega 7/05/2018
SEMANA 6
Desarrollar una pagina Web .
De su empresa utilizando las etiquetas vistas hasta el momento , para insertar video y sonido podemos utilizar las siguientes etiquetas.
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
etiqueta sonido
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
youtube
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
En esta pagina podemos encontrar mas etiquetas para la creacion de nuestra pagina Web.
https://www.w3schools.com/html/html_youtube.asp
Las estudiantes realizaran varios ejemplos aplicados al uso de las herramientas vistas en clase como etiquetas para la creación de textos ya reas de trabajo como lienzo en sus paginas web.
