miércoles, 4 de junio de 2014

Práctica 24.5: Ver código fuente e identificar etiquetas.


Subrayamos as etiquetas que nos piden:
<head>
<meta http-equiv="Content-Typecontent="text/html; charset=iso-8859-1" />
<title>Museo del Traje | CIPE</title>
<META http-equiv="Content-Languagecontent="es">
<META name="titlecontent="Museo del Traje | CIPE">
<META name="descriptioncontent="Museo del Traje">
<META name="keywordscontent="Museo del Traje">
<META name="revisit-aftercontent="1 month">
<META name="ratingcontent="General">
<META name="authorcontent="Museo del Traje">
<META name="ownercontent="Museo del Traje">
<META name="robotcontent="index, follow">
<META http-equiv="Content-Style-TypeCONTENT="text/css">

Etiquetas de <body>:


<body>
 
<div id="h1text"><h1>Museo del Traje</h1></div>
<div id="loguito"><img src="images/loguito.jpg" alt="Museo del Traje" width="25" height="26" /></div>

<div class="mainBox">
<div class="minwidth">
<div class="layout">
<div class="container">
<div class="mainFrame">

<div class="enlaces"> | <a href='index.jsp?id=9&ruta=1'>contacto</a> | <a href="webmap.jsp">mapa web</a></div>

<div id="boxTop"><a href="http://www.mcu.es" target="_top"><img src="images/escudo.gif" alt="Ministerio de Educaci&oacute;n, Cultura y Deporte" width="320" height="60" /></a><a href="index.jsp" target="_top"><img src="images/logo.jpg" alt="Museo del Traje" width="260" height="60" /></a></div>

<div id="boxNav">
<div id="boxSearch">
  <form id="Search" method="post" action="index.jsp">
    <label for="textfield"></label>
    
      <input name="buscar_cadena" type="text" class="input" id="buscar_cadena" accesskey="1" tabindex="1" value="" size="22" />
    
    <label for="Submit"></label>
    <input type="submit" class="button" name="Buscar" value="Buscar" accesskey="2" tabindex="2" id="Submit" />
  </form>   
 </div>
</div>

jueves, 29 de mayo de 2014

Práctica 24.3: Mi primera página web.


Práctica 24.2: Estructura básica de un documento HTML

ETIQUETA DE APERTURA E CIERRE (html)
ETIQUETA DE CABECERA (head)
ETIQUETA DE TÍTULO (title)
ETIQUETA DE CUERPO (body)


<html>
  
   <head>


       <title>

         </title>
 

    </head>

    <body>


    </body>

</html>

miércoles, 28 de mayo de 2014

Práctica 24.1: Exemplo HTML

Un ejemplo del HTML de la página principal de Marca.



Práctica 24: Empezamos con el lenguaje HTML


La forma que tiene Internet de comunicarse con nosotros usando el protocolo HTTP ("HyperText Transfer Protocol") es mediante páginas web.
Una página web es un documento digital que puede contener cualquier tipo de documento multimedia.
Para acceder a una página web es indispensable poseer un ordenador, una conexión a internet y un navegador (el programa que es capaz de leer el HTML y mostrarnos la página).
Los hipervínculos ("links") son pedazos de texto o iconos que sirven para acceder a otras páginas web. Se caracterizan porque al pasar el ratón por uno de ellos, éste cambia de forma. En cuanto le hagamos click, se abrirá una nueva pestaña y pasaremos a la página web enlazada.
Las páginas web son documentos HTML, y son llamados así porque se crean con eso, el HTML ("HyperText Makup Lenguage").

El lenguaje HTML es el "idioma" en el que están escritas las páginas web. El resultado final será como si hubiésemos escrito un documento de texto.
El potencial de este lenguaje se basa en incluir en nuestros documentos imágenes, vídeos... en una página web.
Para ver el código HTML con el que una página está construída, pulsamos click derecho > en ver código fuente en cualquier página web, y lo compruebas.

Las etiquetas HTML son marcas, escritas entre corchetes angulares (<>), que se colocan al principio y al final de la zona de texto que queremos aplicar un efecto.
Ejemplo de etiqueta HTML:

<etiqueta atributo="valor">contenido</etiqueta>

- La etiqueta es el nombre de una etiqueta, una como <html>...</html>
- El atributo es una característica de la etiqueta que puede ser modificada. Siempre se pone dentro de la etiqueta de apertura. No todas las etiquetas tienen atributo.
- El valor es el valor que le damos al atributo para modificar las características de la etiqueta en la medida que deseemos.
- El contenido es el texto que está entre las etiquetas de apertura y cierre y al cual le queremos dar formato. Todo lo que esté dentro de las etiquetas de apertura y cierre se verá afectado por ellas de igual forma.

domingo, 25 de mayo de 2014

Práctica 23: Vídeo final co Movie Maker

Rematamos o noso traballo con este programa que, deixa moito que desear como editor de videos, unha interface fea, un malo control, poucas opcións de edición, pero bueno, é gratuíto, non se vai pedir máis.
Bueno, sen máis dilación, o vídeo:

A evolución do software nas videoconsolas


lunes, 5 de mayo de 2014

Práctica 22: Empezamos co Movie Maker (resubida día 5/5/14)


Empezamos co editor de vídeos gratuíto para Windows, o Movie Maker, co que profundizaremos este mes.
Agora déixovos un vídeo feito co Movie Maker onde se pasan imaxes con letra e diferentes efectos de transición.



miércoles, 9 de abril de 2014

Práctica 21.2 Continuación InkScape con base introductoria a sus elementos

Con la primera práctica demostramos lo que somos capaces de hacer, pero en esta aprendemos ya, las diferentes funciones de sus herramientas!











martes, 8 de abril de 2014

Práctica 21.1 - InkScape Logos 1

He aquí unos logos hechos con Inkscape! Este programa de dibujos a vectores que nos está resultando a todos muy interesante y práctico.










lunes, 7 de abril de 2014

Vídeo para EuroScola rematado!

Durante case 2 meses estivemos traballando para o Certame Euroscola 2014 coa iniciativa "Vida Saudable Boiro: Alimentación equilibrada e exercicio físico".

Toda a información atópase no seguinte blogue: VidaSaudableBoiro

miércoles, 12 de febrero de 2014

martes, 28 de enero de 2014

Práctica 20.3: Sesiones 7,8,9

Aquí las prácticas de estas 3 sesiones para acabar con el estudio de Gimp en este año de TIC:

Tampón de clonar:

Imagen base

Imagen final




Texto con reflejos:

Reflejos 1



Reflejos 2



Herramienta de quemado:

Imagen original


Imagen ya editada



Montaje de fotos: Alfarería

Imágenes originales





Montaje




Retoque de retrato básico;

Imagen base



Imagen final




Montaje “rasta”

Imágenes originales





Montaje


Montaje “chica en papel”

Imágenes originales



Montaje


Montaje “retrato paradisíaco”

Imágenes originales





Montaje



------------------------------------------------------------------------------------------------------------