Computacion
Enviado por duniamagy81 • 26 de Junio de 2013 • 721 Palabras (3 Páginas) • 225 Visitas
Nombre del curso:
Computación 1 Nombre del profesor:
Ing. Silvia Tello Zúñiga
Módulo:4
Actividad:
Proyecto Integrador
Fecha: 29 octubre. 2012
Bibliografía: Norton, P. (2006). Introducción a la computación. (6ª ed.). Mc Grauw Hill.
Objetivo:
Crear tus propios sitios Web por medio de código HTML y CSS .aplicándoles java script.
Introducción:
HTML (Hyper Text Markup Language) es el lenguaje o código utilizado para programar páginas Web. La forma en que trabaja HTML es por medio de tags o etiquetas, las cuales van dando estructura al documento y el contenido que queremos desplegar en la página de Internet.
CSS significa CASCADING STYLE SHEETS, también se les conoce como Hojas de Estilo en Cascada. Dentro de la programación Web, las hojas de estilo representan una forma de mejorar el diseño de una página Web.
JavaScript es uno de los lenguajes de programación Web más utilizados en la actualidad. La facilidad de integración entre el código JavaScript y HTML, hacen de este lenguaje de programación una herramienta fundamental en la programación Web. Por medio de JavaScript se agregan más funcionalidades a una página de Internet, con el objetivo de que los usuarios puedan interactuar con el sitio, ya que la presentación de la información es mucho más dinámica. Se pueden generar desde formularios interactivos o cambios en la página Web de acuerdo a los datos que vaya introduciendo un cibernauta.
Desarrollo de proyecto:
Para realizar este proyecto se utilice el código HTML usando las etiquetas y códigos básicos para elaborar un sitio web, creando siete hipervínculos y asimismo otros cuatro junto con ello aplicando CCS para darle color y mas forma al sitio, después usé funciones de Java Script para elaborar un formulario en la sección de pedidos con esto logrando hacer un sitio web con una página principal con sus respectivos hipervínculos. Teniendo como resultado un página web que puede ser de gran facilidad para que el usuario pueda interactuar con esta. Aquí los algunos códigos utilizados.
<HTML>
<HEAD>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<TITLE>Restaurante el buen sabor</TITLE>
<STYLE TYPE="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman", serif;
color: red;
background-color: #d8da3d;
}
h1 {
font-size:500%;
font-family: Helvetica, Geneva, Arial, sans-serif;
color: green;
}
</STYLE>
</HEAD>
<BODY>
<h1>Restaurante el buen sabor</h1>
Pozole<br>
Menudo<br>
Tamales<br>
<p>
<a href="comidacorrida.html">Comidas corridas de la semana</a><br>
<a href="menu_entradas.html">Entradas</a><br>
<a href="menu_platillos.html">Platillos</a><br>
<a href="menu_postres.html">Postres</a><br>
<a href="menu_bebidas.html">Bebidas</a><br>
<p><a href="ordenes.html">Ordenar</a><br>
<p>
<p><a href="info.html">Informacion</a>
</BODY>
</HTML>
<HTML>
<HEAD>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<TITLE>Restaurante el buen sabor</TITLE>
<STYLE TYPE="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman", serif;
color: red;
background-color: #d8da3d;
}
h1 {
font-size:500%;
font-family: Helvetica, Geneva, Arial, sans-serif;
color: green;
}
</STYLE>
</HEAD>
<BODY>
<h1>Restaurante el buen sabor</h1>
<font color="blue">Lunes:</font> Tostadas<br>
<font color="blue">Martes:</font> Sopes<br>
<font color="blue">Miercoles:</font> Burros<br>
<font color="blue">Jueves:</font> Flautas<br>
<font color="blue">Viernes:</font> Chimichangas
</BODY>
</HTML>
<HTML>
<HEAD>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<TITLE>Restaurante el buen sabor</TITLE>
<STYLE TYPE="text/css">
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman", serif;
color: red;
background-color: #d8da3d;
}
h1 {
font-size:500%;
font-family: Helvetica, Geneva, Arial, sans-serif;
color: green;
}
</STYLE>
</HEAD>
<BODY>
...