Utiliza Google desde este blog

Google En la WebEn el Blog
kostenlose uhren relojes web

martes, 24 de mayo de 2016

Boceto en Paint del plano de la empresa


Iniciamos esta actividad con una hora de clase recordando el uso de las principales herramientas de Paint, seleccionar, copiar, pegar, texto, relleno de color, transparencias, formatos de imagen, etc. Archivo guardado en la carpeta para esta actividad como Ejercicio 1 - apellido.

Trabajamos a continuación y a manera de ejemplo el boceto del aula de Informática (sala 2) de la Institución Técnico José de San Martín. Guardamos en la misma carpeta de los ejercicios anteriores con el nombre Ejercicio 2 - apellido, tanto en formato PNG como en formato JPG.

Tarea:
Esta tarea es individual. Cada estudiante generará un boceto de su empresa, según la idea que tenga de ella y teniendo en cuenta lo trabajado en esta clase. Dibujo de buena claridad, detalle y teniendo en cuenta las necesidades y los requerimientos de la empresa en cuanto a espacio, lugares, mobiliario, dispositivos, etc. Con nombres e indicaciones de acuerdo con lo explicado y haciendo un trabajo mejor y más detallado que el plano realizado en clase. 
  • Guardarlo en Google Drive, en la carpeta Segundo período y en una subcarpeta Tareas, con el nombre Plano empresa - apellido (en formato PNG y JPG). Vuelvo a aclarar que la actividad es individual y cada estudiante debe subir el archivo creado a su Google Drive.
  • Publicar el boceto del plano de la empresa en el Blog, con un título de publicación: Propuesta de plano de la empresa tal (nombre de la empresa).
  • Enviar por correo el enlace de la publicación realizada con el plano, así:
Para: informaticajdsm@gmail.com
Asunto: Plano de la empresa "tal" - Curso
En el mensaje, el nombre completo de quien realizó el trabajo, nombre de la empresa, nuevamente el curso y el link de la publicación en su blog.
Adjunto: los 2 archivos (el PNG y el JPG) creados.  

jueves, 19 de mayo de 2016

Material para la tabla de Dispositivos de Hardware en HTML

Realizar una página web utilizando lenguaje HTML y que tenga en su cuerpo una tabla con imágenes y definiciones. El título principal de la página web es: Ejercicio con tabla, imágenes y definiciones y la tabla tendrá como título: Dispositivos Hardware y debe tener cuatro columnas tituladas: Nombre (para los nombres de los dispositivos, Imagen (para insertar la imagen del dispositivo correspondiente), Definición (que contendrá la definición de cada dispositivo) y Tipo (indicando si es un "Dispositivo de entrada" o un "Dispositivo de salida").

Debajo de la tabla debe quedar un párrafo con la frase: Presentado por: y el nombre completo del (de la) estudiante y su curso.

Descargar del material de muestra en el siguiente link (puede utilizar estas imágenes y estas definiciones o buscar otras, pero las imágenes deben tener un ancho de imagen de 300 pixeles:
https://drive.google.com/open?id=0B95SiN_fVOsZOXROekJCOXByWHM


En clase se utilizó la siguiente aplicación online para cambiar el tamaño de las imágenes a un ancho de 300 pixeles:
http://www.softorbits.com/es/resize-images-online/

Comenzando con CSS

Definición: CSS, Hojas de Estilo en Cascada (Cascading Style Sheets), es es la descripción del estilo y formato que va a tener un documento, en nuestro caso, una página web.

Link del material para trabajar este taller:
https://drive.google.com/open?id=0B95SiN_fVOsZcFhtUWJrUnNYcUU


El diseño final de la página web en HTML quedará aproximadamente así, gracias al estilo asignado con CSS:


Algunos recursos recomendados:

Colores en CSS
http://librosweb.es/libro/css/capitulo_3/colores.html

Página web que presenta una lista de las fuentes seguras para web

http://www.genbetadev.com/desarrollo-web/introduccion-a-las-propiedades-de-las-fuentes-en-css3

martes, 10 de mayo de 2016

Link con imágenes en HTML



La etiqueta para trabajar los vínculos o enlaces a otros sitios web o a otros recursos, es <a>. Con el atributo href que debe ir en la etiqueta de apertura, se está solicitando la URL del recurso que se abrirá, que puede ser una imagen, un documento o una página web, por ejemplo.
El siguiente extracto de código HTML contiene dos vínculos, ambos para abrir un documento en formato de página web llamado "Memorias.html", pero la diferencia es que un link es con texto y otro dando cli sobre una imagen:

<body>
...texto...
<p>Dando clic <A href="Memorias.html">aquí</A>, puedes descargar las memorias del curso.
<p>También puede dar clic sobre el botón de descarga:
<p align=center><A href="Memorias.html"><img src="img_descarga_01.jpg"></A>
</body>

Al activar estos vínculos haciendo clic con el ratón, los usuarios pueden visitar el recurso linkeado o vinculado. Tenga en cuenta que el atributo href especifica la dirección o destino del recurso que se abrirá por medio de una URL. En este caso escribimos solo “Memorias.html” porque tenemos ese documento guardado en la misma carpeta donde se encuentra guardado el código HTML, pero si se tratara de una página web tenemos que pegar allí la URL completa, ejemplo: “http://computocurso7memorias.html”



viernes, 6 de mayo de 2016