jueves, 12 de junio de 2014
martes, 10 de junio de 2014
.jpg)
.jpg)
jueves, 5 de junio de 2014
Práctica 4. Exercicio 1
Con este html:
<html>
<head>
<title>Estoy empezando</title>
</head>
<body>
<h1><font color="red">Estoy poniendo un
encabezado</font></h1>
<p align="right">No está mal para ser la primera </p>
<h2><font color="blue">
<p align="center">Estoy practicando </p>
</body>
</html>
<html>
<head>
<title>Estoy empezando</title>
</head>
<body>
<h1><font color="red">Estoy poniendo un
encabezado</font></h1>
<p align="right">No está mal para ser la primera </p>
<h2><font color="blue">
<p align="center">Estoy practicando </p>
</body>
</html>
miércoles, 4 de junio de 2014
Ver código Fuente
<html lang="es" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Museo del Traje | CIPE</title>
<META http-equiv="Content-Language" content="es">
<META name="title" content="Museo del Traje | CIPE">
<META name="description" content="Museo del Traje">
<META name="keywords" content="Museo del Traje">
<META name="revisit-after" content="1 month">
<META name="rating" content="General">
<META name="author" content="Museo del Traje">
<META name="owner" content="Museo del Traje">
<META name="robot" content="index, follow">
<META http-equiv="Content-Style-Type" CONTENT="text/css">
<meta name="lenguaje" content="es" />
<link href="http://museodeltraje.mcu.es/rss/MT-RSS.xml" rel="alternate" type="application/rss+xml" title="RSS noticias museodeltraje.mcu.es" />
<link href="estilos.css" rel="stylesheet" id="estilosMDT" type="text/css" />
Practica 2 con color:
<html>
<head>
<title>
Saludo
</title>
</head>
<body bgcolor=navy text=white>
<h1 align="center">HOLA, MUNDO</h1>
<h2 align="center">ESTA ES MI PRIMERA PÁGINA WEB</h2>
<p align="center">
<img src="mundo.jpg"alt="Mundo"></p>
<p align="left">es sencilla...</p>
<p align="right">... pero estoy aprendiendo</p>
<p align="center"><strong>Óscar Neu Fernández<BR>I.E.S. Praia Barraña<BR>1º BACH</strong></p>
<hr align="center"widht="70%">
<p align="center">
<img src="P1_E2_Trabajando.gif"alt="En obras"></P>
</body>
</html>
jueves, 29 de mayo de 2014
Ejercicio1: Mi primera página web
<html>
<head>
<title>
Saludo
</title>
</head>
<body>
<h2>HOLA,MUNDO</h2>
</body>
</html>
<head>
<title>
Saludo
</title>
</head>
<body>
<h2>HOLA,MUNDO</h2>
</body>
</html>
Estructura básica de un documento HTML
Todos los documentos HTML tienen la estructura que se muesta a continuación, aunque la etiqueta <body> puede ser sustituida por <frameset> para un tipo de páginas que dividen la ventana del navegador en varios cuadros (frames).
<HTML>
<HEAD>
<TITLE>Título de la página</TITLE>
...
</HEAD>
<BODY>
Aquí iría el contenido de la página
</BODY>
</HTML>
Vamos a analizar más detenidamente las distintas secciones que componen la página
Entre las etiquetas <html> y <head> se suelen colocar otras opcionales, como por ejemplo:
<meta name="description" content="Información sobre el Centro,las enseñanzas que se pueden cursar, los departamentos didácticos">
<meta name="keywords" content="educación,enseñanza,instituto, profesores, alumnos">
En este caso las etiquetas le indican a los buscadores el contenido de nuestras páginas (description) y algunas palabras clave (keywords) para su localización.
La cabecera es la sección comprendida entre <head> y </head>. En ella se encuentra necesariamente el título (entre las etiquetas<title> y </title>).
El título de la página debe describir su contenido por ejemplo:
<TITLE>Colegio Público de Villamañán - Ámbito de Influencia - </TITLE>
no valdría en cambio
<TITLE>Página de Inicio</TITLE> ya que esto no dice nada por si solo
Dentro de la cabecera también se suele incluir código en JavaScript, que se reconoce porque va comprendido entre las etiquetas
<script language="JavaScript">
<!--
Aquí iría el código
// -->
</SCRIPT>
El cuerpo (body) del documento html es normalmente lo más importante. Es aquí donde debemos colocar el contenido de nuestra página: texto, fotos, etc.
El cuerpo está delimitado por las etiquetas <body> y </body> La etiqueta <body> suele contener algunos atributos, a saber:
BGCOLOR parámetro usado para especificar el color de fondo de la página. El color se define como una terna de números (#rrggbb) en base hexadecimal en el orden rojo, verde, azul (Red, Green, Blue). También se puede usar el nombre en inglés de los colores predefinidos en los navegadores.
Sintaxis: <BODY BGCOLOR=#0000FF> o <BODY BGCOLOR=blue>
Una buena ayuda para la seleccion de colores con #rrggbb la puedes encontrar en: Paleta de Colores
TEXT, parametro usado para definir el color del texto por omision. Su formato es el mismo que el de BGCOLOR. Si no se pone nada es negro.
LINK, VLINK, ALINK, parámetros usados para especificar el color por omision de: texto con enlace, enlace ya visitado y enlace activo.
Los colores por omision son LINK=blue, VLINK=purple y ALINK=red. El formato es el mismo que BGCOLOR.
BACKGROUND, parámetro usado para especifica la ruta y nombre de archivo (URL) de la imagen que será usanda como fondo del documento. Esta se verá como mosaico para cubrir toda la ventana si es pequeña (lo habitual).
Sintaxis: <BODY BACKGROUND="ruta/archivo.gif">
Es conveniente especificar la ruta de modo relativo, esto quiere decir que si cambiamos el directorio completo donde están nuestras páginas, desde C:\ a C:\webs por ejemplo, la ruta especificada debe seguir siendo válida.
Por ejemplo si la página desde la que hacemos el enlace se encuentra en el directorio Aprendiendo Html y queremos poner como fondo la imagen fondo.gif, que se encuentra en gifs, se debe poner:
<BODY BACKGROUND="gifs/fondo.gif">
Si la página estuviese en ejemplos se pondría:<BODY BACKGROUND="../gifs/fondo.gif">
Fíjate en ../ pues es lo que indica al navegador que debe acudir al directorio superior
miércoles, 28 de mayo de 2014
Diseño de unha Paxina web
Una página web es un documento digital que puede contener texto, imágenes, vídeos, sonidos, animaciones..., es decir, un documento multimedia.
Una de las cosas que las caracterizan son los hipervínculos, también llamados links que son pedazos de texto o iconos que cuando los pulsas te hacen visitar otras paginas web. Al pasar por encima de ellos la flecha del ratón se transforma en una mano.
Las páginas web están expresadas en un lenguaje llamado HTML. Este lenguaje nos permite dar formato al texto, imágenes y demás elementos mediante etiquetas.Para ver este código pulsas el la pagina con el botón derecho en la página y selecionas: Ver código de fuente.
Las etiquetas HTML son marcas escritas con corchetes angulares (<>) que se colocan al principio y al final de la zona de texto que queremos aplicar un efecto que queremos modificar.
Una de las cosas que las caracterizan son los hipervínculos, también llamados links que son pedazos de texto o iconos que cuando los pulsas te hacen visitar otras paginas web. Al pasar por encima de ellos la flecha del ratón se transforma en una mano.
Las páginas web están expresadas en un lenguaje llamado HTML. Este lenguaje nos permite dar formato al texto, imágenes y demás elementos mediante etiquetas.Para ver este código pulsas el la pagina con el botón derecho en la página y selecionas: Ver código de fuente.
Las etiquetas HTML son marcas escritas con corchetes angulares (<>) que se colocan al principio y al final de la zona de texto que queremos aplicar un efecto que queremos modificar.
lunes, 26 de mayo de 2014
miércoles, 23 de abril de 2014
jueves, 10 de abril de 2014
martes, 8 de abril de 2014
martes, 11 de febrero de 2014
Práctica 19.4 Ferramentas avanzadas
CLONADO:
Imaxe orixinal
Imaxe final.
FERRAMENTA DE QUIMADO:
Imaxe orixinal.
Imaxe final
Montaxe de fotos:
Imaxe orixinal.
Imaxe orixinal
Imaxe final.
RETOQUE DE RETRATO BASICO:
Imaxe orixinal
Imaxe final.
MONTAXE DE FOTOS:
Imaxe orixinal.
Imaxe final.
Imaxe final.
Montaxe de fotos:
Imaxe orixinal
Imaxe orixinal
Imaxe final.
MONTAXE DE FOTOS:
Imaxe orixinal
Imaxe orixinal
Imaxe orixinal
Imaxe final.
Práctica 19.2 Capas flotantes
CAPAS FLOTANTES:
Imaxe oirixinal
Imaxe final
MONTAXE DE CAPAS:
Imaxe orixinal
Imaxe orixinal.
Imaxe final.
RETRATO:
Imaxe orixinal.
Imaxe final.
MONTAXE:
Imaxe orixinal:
Imaxe final
Suscribirse a:
Entradas (Atom)