Mostrando entradas con la etiqueta 2ª Evaluación. Mostrar todas las entradas
Mostrando entradas con la etiqueta 2ª Evaluación. Mostrar todas las entradas

lunes, 25 de abril de 2016

Cómo crear una página HTML

1. Comienza con una página lo más sencilla posible, sino te verás abrumado por la sintaxis y los lenguajes de script.

Es importante recordar que estarás escribiendo la información entre una etiqueta de apertura y una de clausura, ambas de HTML. Una etiqueta de apertura se verá así: <____>. Una etiqueta de clausura se verá así: </____>. Al final, reemplazarás el "____" por un código

2. Ve a Inicio > Programas > Accesorios > Bloc de Notas. 

Será mucho más fácil si usas el Bloc de Notas++ (lo puedes descargar gratis por Internet). Cuando hayas elegido el lenguaje HTML, todo lo que escribas estará automáticamente conectado con diversos colores, de esta manera será muchísimo más fácil corregir posibles errores.

3. Dile al navegador qué lenguaje vas a usar. 

Escribe <html>. Esta es la primera etiqueta que deberás escribir, la cual le indicará a la computadora que empezarás a hacer una página web. También se cerrará al final, así que al final del documento, ciérralo con <>. Esto finalizará la página web.

4. Añade el encabezado (head) de la página como se muestra en el gráfico.

5. Ponle un título a la página. 

El título es importante, porque les dará a los usuarios una idea del tema de la página. Además, cuando los usuarios le pongan un marcador al sitio, el título es lo que único que verán en su lista de marcadores. El código HTML para el título es: <title>. Ciérralo al final del título escribiendo </title>. El título solo se mostrará en la pestaña, no será el título de la página en sí.

6. Haz el cuerpo de la página. 

Escribe <body> para abrir la etiqueta del cuerpo. Luego ciérrala con la etiqueta </body>. La información para la página web irá entre <body> y </body>.
Para darle un color de fondo a la página, podrás añadirle un estilo al cuerpo. En vez de solamente escribir, escribe <body style="background-color:silver">. Podrás probar con un color distinto o incluso con un código hexadecimal. Las palabras entre comillas se conocen como "atributos". ¡Deberán estar rodeados por comillas!

7Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo.

Para que el texto siga en la línea siguiente (como si presionaras "Enter" en el teclado), escribe: <br>.
¿Quieres añadir alguna marquesina, es decir, una palabra que se mueve de lado a lado de la pantalla? Solo tendrás que escribir <marquee>TEXTO</marquee>.


martes, 19 de abril de 2016

Creación en GIMP

Proceso

Lo primero ha sido escoger una imagen de fondo, en mi caso fue la de un Suzuki Swift S.1600. Esta imagen la abrí en el programa GIMP para comenzar a trabajar sobre ella.
A continuación descargué del correo electrónico una foto de mi cara, la cual también abrí en el programa. Con la herramienta de “tijeras” recorté cuidadosamente la parte que iba a colocar en la imagen que había tomado como base. Cuando terminé de seleccionar la parte que quería cortar hice click con el botón izquierdo dentro de la zona seleccionada y posteriormente botón derecho>editar>copiar.
El siguiente paso fue pasar a la imagen principal donde pegué el recorte que había hecho. A continuación redimensioné la imagen para que se adecuase a la del coche de rally. Después con la herramienta mover la situé donde quería. Seguidamente uní las dos capas y distorsioné el contorno de la imagen recortada para que pareciese más real. También cloné alguna parte para que quedase mejor.
Este mismo proceso lo repetí para poner una imagen de mi nombre en la ventanilla, para incluir al Rey Juan Carlos y al señor Aznar.


WEB GIMP

Programas online para crear Blogs y páginas WEB

Páginas WEB para crear blogs 

-Blogger: La plataforma de blogs de Google presenta una gran facilidad para crear un espacio, del tipo http://tusitio.blogspot.com, en cuestión de segundos. Lo mejor: los servidores de la compañía que acabarán con todos los límites de almacenamiento, la
integración perfecta con el resto de servicios de Google (AdSense, Analytics, Webmasters Tools, Google+) y las fascinantes funciones lanzadas cada día. Respecto a quienes lo están usando no hay mejor referencia que su blog oficial.

-WordPress: es la versión online de WordPress para quienes no están en la capacidad de alojar los archivos del CMS en su propio servidor. Exceptuando las características para cargar plugins, el sistema emula casi todas las grandes características de su hermano descargable (opciones SEO, estadísticas, gestión multimedia, filtros antispam, elegantes y llamativos temas, etc.), especialmente las del manejo intuitivo en la publicación de contenido. Respecto a la URL de tu nuevo blog te será concedido un dominio del tipo http://tusitio.wordpress.com.

-Weebly: Similar a Google Sites, con muchas herramientas para el diseño de páginas empresariales pero también con funciones para crear blogs y gestionarlos sin problema. El sencillo editor que permitirá crear y organizar los elementos que van a componer el nuevo sitio con sólo arrastrarlos y soltarlos, las plantillas profesionales con que dispone, las opciones para moderar comentarios y la gestión de contenido multimedia.

Programas online para crear una página WEB

-TEMPLATED: Templated nos ofrece una colección de nada más que 846 plantillas gratuitas en HTML5 y CSS que podemos descargar sin límite. Todas se encuentran liberadas bajo una licencia Creative Commons, es decir, que puedes usarlas y modificarlas incluso a nivel comercial siempre que des atribución de forma visible en la web donde uses una de estas plantillas.

-Strikingly es una herramienta bastante poderosa para que cualquier persona sin ningún conocimiento de diseño o desarrollo sea capaz de crear un sitio web completamente responsivo de forma sencilla y rápida. Puedes registrarte de forma gratuita o iniciar sesión con Facebook sin siquiera llenar un formulario, y de una vez puedes elegir una plantilla de las pre-establecidas para comenzar a editarla y crear tu propia página. Cuentas con suficientes herramientas de edición como para personalizar bastante la plantilla, pero con limites para que no luzca muy complejo el proceso

-Withoomph es otro sitio para generar logos de forma automática. Lo único que tienes que hacer es escribir el nombre de la marca y algunas palabras clave para describir de que se trata el
proyecto. La herramienta genera aleatoriamente combinaciones dependiendo de lo que escribiste y te ofrece una selección de logos más o menos aceptables que puedes descargar de forma gratuita. Tienes algunas opciones extra para personalizar los colores y la tipografía, nada del otro mundo, pero con mucha paciencia puedes terminar con algo más que decente.