lunes, 9 de junio de 2014
viernes, 6 de junio de 2014
miércoles, 4 de junio de 2014
practica 2
Las listas en una pagina web
Las listas ordenadas del tipo...- Primer elemento
- Segundo elemento
- Tercer elemento
- Primer elemento
- Segundo elemento
- Tercer elemento
lunes, 2 de junio de 2014
viernes, 30 de mayo de 2014
viernes, 23 de mayo de 2014
lunes, 19 de mayo de 2014
Ejercicios_Errores.html
https://drive.google.com/file/d/0Bx1VTt7cGDU3VkYxRjFjaV9ZUGs/edit?usp=sharing
viernes, 9 de mayo de 2014
Apuntes HTML :)
TEMA
8: HTML
Lenguaje con el que se escriben las páginas web.
Los navegadores web son los encargados de interpretar
ese lenguaje.
La información se organiza usando etiquetas. Todos los
elementos deben estar contenidos en una etiqueta de apertura y otra
de cierre.
<etiqueta para abrir>elemento</etiqueta de
cierre>
Estructura de una página web:
<html>
<head>
</head>
<body>
<body>
</body>
</html>
<br> esta etiqueta hace un cambio de linea.
<hr> esta etiqueta muestra una linea divisoria.
Etiquetas de texto:
<p> sirve para identificar un párrafo.
<h1> </h1> Texto a tamaño grande.
<h2> </h2> Texto un poco menos que h1
…
<h6> </h6> Texto más pequeño.
<em> … </em> muestra el texto en cursiva
<u> … </u> muestra el texto subrayado
<strong> … </strong> muestra el texto en
negrita
Hiperenlaces:
<a href=”direccion web”> texto de enlace </a>
Listas desordenadas:
- Opción 1
- Opción 2
- Opción 3
<ul>
<li>
opción 1 </li>
<li>
opción 2 </li>
<li>
opción 3 </li>
</ul>
La
forma de las viñetas se puede modificar añadiendo la opción
type=circle, square o disc. Dentro de la etiqueta ul.
Listas
ordenadas:
Para
generar listas ordenadas, tan solo cambiamos la etiqueta <ul>
por <ol> y las posibles modificaciones son type=i , a
Tablas
Para
mostrar una tabla se deben usar tres etiquetas: <table> para
generar la tabla, <tr> para iniciar la fila y <td> para
iniciar columna.
<table
border=1>
<tr>
<td>
uno </td>
<td>
dos </td>
</tr>
<tr>
<td>
tres </td>
<td>
cuatro </td>
</tr>
</table>
Imagenes
Hojas de estilo
Las hojas de estilo se usan para indicarle al navegador la estética de la página.
Habitualmente se suele trabajar con un archivo paralelo al html pero nosotros incluiremos al código dentro del archivo HTM.
<html>
<head>
<style type="text/css">
...(propiedades: colocamos un identificador y editamos sus propiedades Ej. #tabla1{ ancho,alto..)...
</style>
</head>
<body>
....texto....
Las etiquetas son los identificadores que le dicen al navegador que elemento html queremos cambiar. Hay tres tipos básicos de etiquetas:
1. Selector de etiqueta html (body, table, h1, hr...)
2.Clases: es necesario incluir la definición de clase en el código html <h1 class="nombredeclase">
de referencia como:
·nombredeclase
3.Identificadores: de forma similar a las clases
<h1 id="nombredeidentif.">
#nombre-->css
Propiedades::
background-color: modifica el color de fondo
- valores:
1. Nombre en inglés
2. #_ _ _ _ _ _ (6 caracteres combinando numeros y letras)
font-family: tipo de letra ("Verdana", "Arial"...)
font-size: tamaño de la letra ( Nºpx; )
Cajas:
<div id="nombrecaja">
<h2> Texto de la caja </h2>
</div>
Propiedades que afectan a la caja:
-border
-background
-width: ancho
-height: alto
-position:
1. Absolute:
2. Relative:
<html>
<head>
<style type="text/css">
...(propiedades: colocamos un identificador y editamos sus propiedades Ej. #tabla1{ ancho,alto..)...
</style>
</head>
<body>
....texto....
Las etiquetas son los identificadores que le dicen al navegador que elemento html queremos cambiar. Hay tres tipos básicos de etiquetas:
1. Selector de etiqueta html (body, table, h1, hr...)
2.Clases: es necesario incluir la definición de clase en el código html <h1 class="nombredeclase">
de referencia como:
·nombredeclase
3.Identificadores: de forma similar a las clases
<h1 id="nombredeidentif.">
#nombre-->css
Propiedades::
background-color: modifica el color de fondo
- valores:
1. Nombre en inglés
2. #_ _ _ _ _ _ (6 caracteres combinando numeros y letras)
font-family: tipo de letra ("Verdana", "Arial"...)
font-size: tamaño de la letra ( Nºpx; )
Cajas:
<div id="nombrecaja">
<h2> Texto de la caja </h2>
</div>
Propiedades que afectan a la caja:
-border
-background
-width: ancho
-height: alto
-position:
1. Absolute:
2. Relative:
miércoles, 9 de abril de 2014
miércoles, 2 de abril de 2014
lunes, 31 de marzo de 2014
viernes, 28 de marzo de 2014
lunes, 24 de marzo de 2014
Actividades 24 de Marzo,2014
1.-
¿Qué es un píxel?
Es la menor unidad homogénea en color que forma parte de una imagen digital ya sea esta una fotografía, un fotograma de vídeo o un gráfico.
2.-
¿A qué se deben las imperfecciones que se observan al ampliar una
imagen de mapa de bits?
Los mapas bits al ampliar la imagen, esta pierde calidad. La imagen vectorial se puede ampliar o reducir sin que esta pierda la calidad. Y los mapas bits representan mucho mejor la realidad que los vectoriales.
3.-
¿Cuántos megapíxeles tiene una imagen de mapa de bits de 1600 x
1250 píxeles?
1,92 megapíxeles.
4.-
¿Qué es la profundidad de color?
Se refiere a la cantidad de bits de información necesarios para representar el color de un píxel en una imagen digital.
5.-
¿Qué es el modo de color indexado
Es para archivos de imagen en formato GIF o PNG destinados a Internet.
6.-
¿Qué es el formato RAW? ¿Qué dispositivos tienen este formato?
Es un formato de archivo digital de imágenes que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara fotográfica.
7.-
¿Qué formato de imagen es apropiado para hacer una imagen animada?
GIF
GIF
8.-
Guarda esta imagen en el escritorio y haciendo clic con el derecho
del ratón encima del archivo, completa:
Nombre
del archivo: Pinguino
Extensión
del archivo:.jpg
Tamaño
de la imagen:9,1 KiB (9275 bytes)
Ancho:355 píxeles
Resolución:72 x 72 ppp
Profundidad
de color: 24
9.- ¿En qué se
diferencia una imagen mapa de bits de una imagen vectorial?
Mapa bits son imágenes pixeladas, es decir, formadas por píxeles y las imágenes vectoriales son representaciones de entidades geométricas (círculos, rectángulos o segmentos)
10.- ¿Qué programa
trabaja en la edición de imágenes mapa de bits? ¿y con imágenes
vectoriales? Escribe al menos 4 extensiones de archivos de imagen.
-Mapa bits: GIMP, Photoshop, MS Paint
-Vectoriales: Inkscape
miércoles, 5 de marzo de 2014
lunes, 10 de febrero de 2014
jueves, 23 de enero de 2014
Suscribirse a:
Entradas (Atom)