Escolar Documentos
Profissional Documentos
Cultura Documentos
APLICACIONES WEB
SEMESTRE SEXTO
CALIFICACIÓN
Nombre Completo: EDISON DAVID PACA CEPEDA
Fecha: 23-05-2017
INSTRUCCIONES:
Preguntas
1. Cuantos Archivos necesitaría Almacenar en un servidor web para producir una única
página web con algo de texto y dos imágenes.
Para almacenar en un servidor web para producir una única web se necesita los siguientes
archivos: El archivo html que es la raíz de aplicación o subdirectorio, el archivo css que es
archivo de hoja de estilo que se utilizan para determinar el formato de elementos html.
Navegador web que es el encargado de interpretar el código html.
7. Que etiquetas HTML y que texto utilizaría para producir el siguiente contenido web.
Un pequeño encabezado con la palabra Hola Mundo.
Una línea horizontal a lo ancho de la página
Un encabezado grande con la palabra orbit
Un encabezado de tamaño medio con la palabras La geometría Analítica
Otra línea Horizontal
<!DOCTYPE html>
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
</body>
</html>
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
8. ¿Qué código usaría para crear una página web completa con el título Bar del Café y
un encabezado al principio que dijese Hora Feliz en el Bar del Café? Seguido de las
palabras bienvenidos.
<! DOCTYPE html>
<html>
<head>
<title>Bar del Café</title>
</head>
<body>
<h1>Hora Feliz en el Bar del Café </h1>
<p> Bienvenidos</p>
</body>
</html>
9. ¿Cómo crearía un párrafo en que las primeras tres palabras estuviesen en negrita,
empleando estilos en lugar de las etiquetas <b> y <strong>?
Archivo html: <p>Edison david Paca Cepeda</p>
Archivo css: p{font-weight:bold;}
10. Indique los tipos de listas, su código y para qué sirve cada una de ellas.
Lista sin ordenar: Muestra una especie de viñetas para agrupar los diferentes elementos
de la lista.
<ul>
<li>Edison</li>
<li>David</li>
<li>Paca</li>
<li>Cepeda</li>
</ul>
Lista Ordenada: Muestra un número para indicar el orden de cada uno de los elementos
que integran la lista.
<ol>
<li>Edison</li>
<li>David</li>
<li>Paca</li>
<li>Cepeda</li>
</ol>
Lista de Definición: Se encuentra compuesta por términos o expresiones y su definición.
<dl >
<dt>Nombres</dt>
<dd> Edison </dd>
<dd> David </dd>
<dt>Apellidos</dt>
<dd> Paca </dd>
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
11. Qué código utilizaría para crear una hoja de estilos que especifique encabezados en
fuente arial azul de 30 puntos, con el resto de del texto en fuentes Times Roman azul y
a doble espacio (o la fuente por defecto del navegador.
p{ color: blue;
font-size: 30;
font-family: "arial";
}
12. SI guardo la hoja de estilo que creó en la pregunta 11 como corporate.css ¿Cómo le
aplicaría a una pagina web llamando intro.html?
Desde el archivo “intro.html” seria el llamado al archivo “corporate.css” de la siguiente
manera:
<link rel="stylesheet" href=" corporate.css ">
13. De cuantos modos diferentes dispone para cerciorarse de que la regla de estilo se puede
aplicar a su contenido.
Se dispone de las siguientes reglas:
Un selector de tipo para especificar a qué etiquetas del documento se aplica el estilo.
Una declaración de estilo, que se define entre paréntesis, para especificar qué estilo
aplicar a las etiquetas seleccionadas. A su vez, la declaración está compuesta por:
una o más propiedades, seguidas por el carácter ":" (dos puntos)
uno o más valores asociados a cada propiedad, entre comillas y separados por comas
si hay múltiples valores, y todos seguidos por un punto y coma.
14. Indique el código de una tabla sencilla de dos filas y dos columnas con un borde
estándar.
<table border ="1">
<tr>
<th>Nombre</th>
<th>Apellido</th>
</tr>
<tr>
<td>Edison</td>
<td>Paca</td>
</tr>
</table>
15. Apliando la pregunta 14 ¿Cómo añadiría 30 pixeles de espacio entre el borde de la tabla
y las celdas?
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
<tr>
<th>Nombre</th>
<th>Apellido</th>
</tr>
<tr>
<td>Edison</td>
<td>Paca</td>
</tr>
</table>
16. Siguiendo con la tabla de la pregunta 14, 15 ¿Cómo haría para poner de color verde la
celda superior izquierda, de color rojo la celda superior derecha, de color amarillo la
celda inferior izquierda y de color azul la celda inferior derecha?
tbody{ background: red; }
tr{background: green;}
td{background: yellow;}
17. Ud. va crear una página web llamada zoo.html en la raíz de su documento y se desea
incluir un enlace a unas páginas llamadas african.html y asian.html en el subdirectorio
elefantes. ¿Cuáles serían los enlaces? Indique.
<a href=”zoo.html”>ZOO</a>
<a href=”african.html”>AFRICAN</a> Elefantes
<a href=”asian.html”>ASIAN</a>
18. Como insertaría un archivo de imagen elefante.jpg al principio de una página web
<!DOCTYPEHTML>
<html>
<head>
<title>Elefante</title>
<center><img src="elefante.jpg"></center>
</head>
<body>
</body>
</html>
19. Defina Cada una de las siguientes etiquetas <html>, <head>, <body> <h1>,<div>
<footer>,<nav>,<article>,<section>,<aside>.
UNIVERSIDAD NACIONAL DE CHIMBORAZO
CARRERA DE INGENIERÍA EN COMPUTACION Y SISTEMAS
<div>: Es la división.
<nav>: Navegación.
<article>: Articulo.
<section>: Sección.
<aside>: Lateral.
DOCENTE ESTUDIANTE
Ing. Nombre del Docente Nombre del Estudiante