Trabajo final informatica

9
TRABAJO FINAL INFORMATICA Nicolas Castro Sanchez 902 2015 Al Cabo del 4 Periodo Hemos Conocido Como Crear Páginas Web Gratuitas y usarlas para nuestro beneficio Aprendiendo a colgar imágenes videos y gifs que sirven para darle un mejor entendimiento al contenido A continuación mostrare el proceso de las páginas web 1, y 2. Pagina web 1.

Transcript of Trabajo final informatica

Page 1: Trabajo final informatica

TRABAJO FINAL INFORMATICA

Nicolas Castro Sanchez

902

2015

Al Cabo del 4 Periodo Hemos Conocido Como Crear Páginas Web Gratuitas y usarlas para nuestro beneficio Aprendiendo a colgar imágenes videos y gifs que sirven para darle un mejor entendimiento al contenido

A continuación mostrare el proceso de las páginas web 1, y 2.

Pagina web 1.

Page 2: Trabajo final informatica

En esta pagina se uso el código html

<html><head><title>Esta es la Pagina Web de Surtibrasas de la 22</title></head><body bgcolor="#B40404"><font color="#FFFFFF" size="5">Bienvenido a nuestra Pagina Web<BR><center><H1>SURTIBRASAS DE LA 22</H1></center><a href="file:///C:/Users/FR0287S0023/Desktop/NE/index2.html" target="marcoderecho">Sandwiches de la 27 <img src ="imagenes/images.jpg" border="2"width="80"height="50"></td></a><HR><marquee>EL MEJOR POLLO ASADO DE BOGOTA</marquee><HR></font><center><img src ="Imagenes/imagen26.gif" border="5"width="280"height="120"></center> <font color="#FFFFFF" size="5">Ofrecemos el mejor pollo asado de Bogotá a Nuestros Clientes, Somos una Empresa Comprometida con el Medio Ambiente, Atendidos por su propietario.!

<table width="50%" border="5" align="Left" cellspacing="2" bordercolor="#FFFFFF" bgcolor="#FFCC99" border="3"> <tr> <td>Productos</td> <td>Precios</td> </tr> <tr> <td>1 Pollo Asado <img src ="Imagenes/pollo.jpg" border="2"width="80"height="50"></td> <td>$21.000</td> </tr> <tr> <td>1/2 Pollo Asado <img src ="Imagenes/medio.jpg" border="2"width="80"height="50"></td> <td>$10.000</td> </tr><tr> <td>1/4 Pollo Asado <img src ="Imagenes/cuarto.jpg" border="2"width="80"height="50"></td> <td>$6.000</td> </tr><tr> <td>Arroz con Pollo <img src ="Imagenes/arroz.jpg" border="2"width="80"height="50"></td> <td>$7.500</td> </tr><tr> <td>Churrasco <img src ="Imagenes/churrasco.jpg" border="2"width="80"height="50"></td> <td>$12.000</td> </tr><tr>

Page 3: Trabajo final informatica

<table width="45%" border="3" align="Right" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFCC99" border="1"> <tr> <td>Sopas</td> <td>Precios</td> </tr> <tr> <td>Mondongo</td> <td>$3.500</td> </tr> <tr> <td>Cuchuco</td> <td>$4.000</td> </tr> <tr> <td>Arroz</td> <td>$4.500</td> </tr><table width="35%" border="2" align="right" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFCC99" border="1"> <tr> <td>Bebidas</td> <td>Precios</td> </tr> <tr> <td>Gaseosas</td> <td>$1.500</td> </tr> <tr> <td>Jugos Hit</td> <td>$1.200</td> </tr> <tr> <td>Cervezas</td> <td>$2.000</td> </tr></table><center><img src ="Imagenes/holi.jpg" border="5"width="200"height="160"></center><font color="#FFFFFF" size="4">Ofrecemos Gran Variedad de Bebidas a Nuestros Clientes Desde Productos Postobon, Coca Cola y jugos Naturales.</body></html>

Page 4: Trabajo final informatica

Y la 2 Pagina

Y el código:

<html><head><title>Bienvenido A la Pagina web De Los Sandwich's de la 27</title></head><body bgcolor="#31B404"><font color="#FFFFFF" size="5">Bienvenido a nuestra Pagina Web<BR><center><H1>Sandwich's 27</H1></center><a href="file:///C:/Users/FR0287S0023/Desktop/NE/Index.html" target="marcoderecho">Surtibrasas de la 22<img src

="imagenes/pollo.jpg" border="2"width="80"height="50"></td></a><HR><marquee>DELICIOSOS SANDWICH'S DESDE $1.200</marquee><HR></font><center><img src ="Imagenes/simpson.gif" border="5"width="280"height="160"></center>

<font color="#FFFFFF"size="5">Aqui, podras encontrar nuestra variedad de sandwiches Desde el mas barato hasta el

mas caro, nuestra receta y sus componentes.

Page 5: Trabajo final informatica

<table width="50%" border="5"align="Left" cellspacing="2" bordercolor="black" bgcolor="orange" border="3"> <tr> <td>Productos</td> <td>Precios</td> </tr> <tr> <td>Sandwich Colonial <img src ="Imagenes/descarga.jpg" border="2"width="100"height="50"> El Sancwich Mas Imperial de todos, Con Una Exquisita Carne desmechada, huevo, tomate, queso, jamon y cordero.</td> <td>$10.000</td> </tr> <tr> <td>Sandwich Americano <img src ="Imagenes/americano.jpg" border="2"width="100"height="50">Este Sandwich tiene

Extra Jamon y Pollo, aparte de queso y tomate.</td> <td>$7.000</td> </tr><tr> <td>Sandwich BBQ <img src ="Imagenes/bbq.jpg" border="2"width="80"height="50">El mas Rico Sandwich con carne y

salsa BBQ</td> <td>$6.000</td> </tr><tr> <td>Sandwich Mexicano <img src ="Imagenes/jalapeño.jpg" border="2"width="80"height="50">Este Sandwich tiene

extra picante, tomate y jalapeñó wey!</td> <td>$7.500</td> </tr><tr> <td>Sandwich sencillo <img src ="Imagenes/sencillo.jpg" border="2"width="80"height="50">El sandwich mas

clasico de todos, con pan queso jamon y bien tostado!</td> <td>$1.200</td> </tr><tr><table width="35%" border="2" align="right" cellspacing="0" bordercolor="black" bgcolor="orange" border="1"> <tr> <td>Bebidas</td> <td>Precios</td> </tr> <tr>

Page 6: Trabajo final informatica

<td>Gaseosas</td> <td>$1.500</td> </tr> <tr> <td>Jugos Hit</td> <td>$1.200</td> </tr> <tr> <td>Cervezas</td> <td>$2.000</td> </tr>

</table></body></html>

Utilizando marquillas Y códigos tales como

a. El elemento que suele utilizarse para separar secciones dentro de una misma página es la regla horizontal. Para insertar una regla horizontal hay que insertar la etiqueta <hr>. Dicha etiqueta no precisa ninguna etiqueta de cierre.

b. Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto.

Page 7: Trabajo final informatica

c. Las marquesinas son líneas de texto que pueden desplazarse de un lado a otro de la ventana en forma de línea.

d. La alineación de las imágenes se establece a través del atributo align. Este atributo indica la alineación de las imágenes con respecto a la línea de texto en la que se encuentran