PROGRAMACION WEB
INTRODUCCION
En el presente ensayo hablare acerca de programación web y las practicas que se han realizado en el salón de clase, así puede ir detallando cada una de las etiquetas que se utilizaron durante esta misma no obstante hablaremos sobre el aprendizaje que hemos obtenido a lo largo de este curso también hablaremos sobre cómo fue quedando nuestro cito web en donde diremos que hicimos y cómo fue que lo logramos.
INDICE
1. Estructura de la pรกgina web 2. Etiquetas de formato 3. Etiquetas bรกsicas 4. Formularios y sitio construido
ESTRUCTURA DE LA PAGINA WEB PAGINA PRINCIPAL
OBJETIVO :
Que desde la primera página se vea llamativo
COLOR
El color más usado fue el rojo ya que este llama la atención y el amarillo que estimula el apetito
TIPOGRAFIA
No usamos una tipografía especial, simplemente la que se viera mejor visualmente
SIGNOS
Usamos signos que representaran las redes sociales como Facebook, Twitter, Youtube
Usamos imรกgenes de fondo que TEXTURAS estimularan el apetito y se notara rรกpidamente que producto estamos ofreciendo
FORMAS
LINEAS
Para el logo que aparece usamos una forma chusca para hacerlo mรกs llamativo
Usamos bordes coloridos que combinaran y contrastaran bien con el fondo
PAGINAS DE MISION Y VISION
OBJETIVO :
COLOR
TIPOGRAFIA
Que se vea llamativo
Uso de color rojo y amarillo para ser más contrastante
No usamos una tipografía especial, simplemente la que se viera mejor visualmente
SIGNOS No hubo uso de signos
TEXTURAS No hubo uso de texturas
FORMAS
LINEAS
Para el fondo usamos formas circulares para que se viera mรกs llamativo y no solo un fondo de color
Usamos bordes coloridos que combinaran y contrastaran bien con el fondo
PAGINA DE PROMOCIONES
OBJETIVO :
COLOR
Dar a conocer nuestras promociones
Colores contrastantes como rojo, naranja y amarillo
La tipografía venia incluida en TIPOGRAFIA las imágenes y nos pareció que combinan muy bien con el concepto de nuestra pagina
SIGNOS Usamos imรกgenes de comida en la parte de arriba
TEXTURAS
FORMAS
LINEAS
La textura del fondo nos pareciรณ que combinaba bien con las imรกgenes.
Usamos imรกgenes divertidas como se observa
Usamos bordes coloridos que combinaran y contrastaran bien con el fondo
PAGINA DE MENU
OBJETIVO :
COLOR
TIPOGRAFIA
Dar a conocer nuestras opciones de menú
Colores variados para no ser tan monótono
No usamos una tipografía especial, simplemente la que se viera mejor visualmente
SIGNOS Usamos imĂĄgenes que representaran nuestras opciones de menĂş
TEXTURAS No hubo uso de texturas
FORMAS No hubo uso de formas
LINEAS
Usamos bordes coloridos que combinaran y contrastaran bien con el fondo
PAGINA DE REGISTRARSE
OBJETIVO :
COLOR
TIPOGRAFIA
Dar opción de registrarse
El uso del color rojo porque es llamativo y blanco en la tipografía para que contrastara
No usamos una tipografía especial, simplemente la que se viera mejor visualmente
SIGNOS Usamos una imagen divertida de la hamburguesa
TEXTURAS No hubo uso de texturas
FORMAS No hubo uso de formas
LINEAS
Las lĂneas de los campos de registro son blancas para contrastar con el fondo
ETIQUETAS DE FORMATO <STYLE> La etiqueta <style> define hojas de estilo para el documento actual. Esta etiqueta debe ser ubicada en la cabecera del documento.
<BODY> La etiqueta <body> define el cuerpo de un documento. Dentro del cuerpo del documento se incluye todo el contenido del mismo, por ej. textos, enlaces, imágenes, tablas, etc. ATRIBUTOS: BGCOLOR BACKGROUND TEXT
<FONT> Esta etiqueta especifica el tamaño, color y tipo de fuente para un texto. ATRIBUTOS: COLOR
FACE SIZE
<SPAN> La etiqueta <span> se utiliza para añadir estructura a una parte de un texto. Esta etiqueta se usa comúnmente para añadir un estilo determinado dentro de una sección del texto.
<MARQUEE> La etiqueta marquee nos sirve para dar un efecto diferente a los texto de nuestra página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, éstos deben estar dentro de la etiqueta marquee, entre su inicio "<marquee>" y su cierre "</marquee>". ATRIBUTOS: ALIGN BGCOLOR HEIGHT WEIGHT LOOP SCROLLAMOUNT SCROLLDELAY
ETIQUETAS BASICAS <HTML> Delimita y engloba toda la página web, que consta de cabecera y cuerpo.
<HEAD> Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página.
<TITLE> Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.
<DIV> La etiqueta <div> se utiliza para definir una sección dentro del documento. Esta etiqueta se usa comúnmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.
<H> Párrafos que son encabezamientos (con distintos niveles).
<P> Párrafos normales.
<BR> Permite partir un párrafo empezando una línea nueva pero sin dejar espacio.
<TABLE> Es una tabla, y dentro de esta tenemos filas <TR> y celdas <TD>.
<IMG> Inserciรณn de imรกgenes
<EMBED> Permite insertar video y sonido en la pagina web
<BGSOUND> Permite insertar sonido a la pรกgina web
<BGCOLOR> Permite colocar el fondo a la pรกgina en un color solido
FORMULARIOS Y SITIO WEB FINAL DEFINICION: Un formulario HTML es una sección de un documento que contiene contenido normal, código, elementos especiales llamados controles (casillas de verificación (checkboxes), radiobotones (radio buttons), menús, etc.), y rótulos (labels) en esos controles. Los usuarios normalmente "completan" un formulario modificando sus controles (introduciendo texto, seleccionando objetos de un menú, etc.), antes de enviar el formulario a un agente para que lo procese (p.ej., a un servidor web, a un servidor de correo, etc.)
EJEMPLO: Aquí se muestra un ejemplo de un formulario simple que incluye rótulos, radiobotones y botones para reinicializar el formulario o para enviarlo: <FORM action="http://algunsitio.com/prog/usuarionuevo" method="post"> <P> <LABEL for="nombre">Nombre: </LABEL> <INPUT type="text" id="nombre"><BR> <LABEL for="apellido">Apellido: </LABEL> <INPUT type="text" id="apellido"><BR> <LABEL for="email">email: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sexo" value="Varón"> Varón<BR> <INPUT type="radio" name="sexo" value="Mujer"> Mujer<BR> <INPUT type="submit" value="Enviar"> <INPUT type="reset"> </P> </FORM>
FORMULARIO DE NUESTRA PÁGINA:
NUESTRO SITIO WEB Nuestro sitio web estรก formado por una pรกgina principal de la que derivan 5 paginas mรกs.
PAGINA PRINCIPAL
PAGINA DE MISION
PAGINA DE VISION
PAGINA DE PROMOCIONES
PAGINA DE MENU (TABLA)
PAGINA DE REGISTRO (FORMULARIO)
ENSAYOS DE LO APRENDIDO EN EL PARCIAL Oscar Alfredo Sánchez Tobón
Este parcial me pareció un poco más pesado que los anteriores, en el parcial pasado comenzamos a ver lo que es programación web y al principio me pareció muy complicado y muy laborioso estar haciendo tan solo una sola página web. Comenzamos a ver lo básico como lo que fueron etiquetas y sus atributos pero no entendía como se usaban a la hora de programar, donde se debían colocar, de qué manera, etc.Con el paso de las clases comenzaba a practicar más la programación web pero aún estaba muy atrasado y no lo entendía del todo. Al final en el tercer parcial nunca termine ni entregue mi página web. Fue hasta el final de ese parcial en el examen cuando comencé a poner un poco de más interés y comencé a investigar más, usando los apuntes en nuestra libreta e investigando en internet. Cuando supe que para el cuarto parcial debíamos hacer un sitio web no me sentía capaz de poder realizarlo. Aunque aún así ya tenía más práctica y ya sabía más como colocar etiquetas, que tipo de etiquetas debía de usar dependiendo de que quería agregarle a la página y que formato quería darle. El ver que por fin le fui entendiendo me motivo a seguir haciendo y trabajando en equipo en el sitio web. Al final logre entender la programación web, algo que a inicios lo veía muy difícil y me siento bien de haberlo logrado, ya que en este parcial a pesar de haber sido muy corto logre realizar un sitio web mientras que en el anterior parcial no pude hacer ni una simple página lo que reflejo mi mejoramiento.
ENSAYO DE LO QUE APRENDI Meneses Trujillo Yeissel Guadalupe
Lo que yo aprendí fue sobre la programación en verdad creo que este parcial fue el más difícil de todos ya que se me complica demasiado este toma en lo personal fue un reto más ya que me costó trabajo pero trate de dar lo mejor de mí a pesar de las circunstancias sé que lo logre También aprenderme las etiquetas y saber para que sirvieran me costó pero en lo personal creo que fue un reto superado. La técnica que utilice fue ver tutorial de cómo crear una página web desde bloc de notas, poco después fui entendiendo y se resolvieron dudas. Pero en segundo parcial nunca me imaginé ver algún tutorial la verdad en ese aspecto no le entiendo a veces me confundo un poco más de lo normal pero esta vez era necesario aunque los esfuerzos y las ganas no fueron mostradas ya que casi deserto la misión, pero después entendí que los grande programadores los que nos ponen paginas talvez iniciaran como yo sin saber, pero buscaron las herramientas necesarias y lo lograron. Talvez no sea la mejor o no llegue hacer cosas importantes pero me llevo un gran aprendizaje que talvez en un futuro sea necesario. En este parcial supere retos y así seguiré cumpliendo los retos y metas y todo esto se va aprendiendo. En verdad nos sentimos felices de poder lograr hacer un sitio web con esfuerzo pero lo logramos.