Nota de Francisco Muñoz de la Peña:
esta página tuvo especial utilidad antes de la llegada de la web
2.0, las nuevas herramientas que Internet nos proporciona para crear
sitios web (blogs, wikis etc) con toda facilidad son extraordinarias y
sobre las mismas mantengo un blog y un wiki que os recomiendo visitar.
Hasta hace muy poco tiempo el diseño de páginas Web exigía el conocimiento de los códigos propios del lenguaje HTML, DHTML, y últimamente XML que aunque no son excesivamente complejos, resultaban confusos y de difícil manejo para un docente no especialista en tareas de programación informática. Sin embargo, actualmente la utilización de este lenguaje de programación está al alcance de cualquier usuario. Existen en el mercado distintos programas creados específicamente para facilitar el diseño de websites. Son los llamados editores WYSIWYG ("What You See Is What You Get")
La forma de crear páginas web con estos programas es de forma visual, los cambios que hacemos se ven sobre la marcha, prácticamente igual que lo verían los usuarios cuando visiten nuestra página. Así, una tabla de 3 celdas por 2 filas la vemos visualmente de esa forma, y no como un código de programación HTML.
La primera decisión a tomar será elegir con que programa haremos nuestra página. Yo utilizo el Microsoft Front Page XP que es potente y relativamente fácil de aprender (sobre todo si se está familiarizado con los programas de Microsoft), ya que su interfaz (menús, aspecto, funciones, etc.) es muy similar al Microsoft Word que prácticamente todo el mundo conoce. Existe una licencia para profesores que cuesta del orden de 15.000 pesetas. Dos cursos sencillos y didácticos para aprender a usarlo los tenéis en:
Creación de páginas web con Frontpage 2000 de Patxi Iriondo Alberdi.
Creación de páginas web con FrontPage 2000
de Javier Zabala
También se hablan maravillas de Macromedia Dreamweaver. Recientemente han sacado la nueva versión llamada MX, que está disponible en castellano.
Magníficos tutoriales en pdf listos para descargar encontrarás en Observatorio tecnológico (CNICE) así como otro manuales y tutoriales de interés.
Magnífico tutorial de Macromedia Dreamweaver de Ángel R. Puente. En esta página encontraréis también un manual de html . En su introducción nos dice: "Quiere ser una simple ayuda para aquellas personas que se enfrentan por vez primera a esta herramienta y no tienen mucha idea de páginas web, ni de lenguaje html, y quieran encontrarse, rápidamente, cómodos trabajando con el programa y satisfechos porque son capaces de una manera, relativamente sencilla, de realizar sus páginas web, de publicarlas y de ir actualizándolas después".
Una herramienta muy útil para docentes cuya finalidad es enriquecer de una forma muy fácil el producto final en cuanto a interactividad es:
Macromedia CourseBuilder para Dreamweaver : Es una extensión que se añade al Dreamweaver y que facilita enormemente la tarea de crear tutoriales Web sin que haga falta una profundización en los aspectos técnicos de lenguajes de programación. Incorpora 40 tipos diferentes de interacciones del material con el alumno, como por ejemplo preguntas de verdadero o falso, elecciones múltiples, asociaciones, pregunta-respuesta, campos abiertos, etc. Se puede descargar de: http://www.macromedia.com/software/downloads.
Amaya : Es el editor WYSIWYG gratuito del World Wide Web Consortium (W3C), encargado de discutir y establecer nuevos estándares para la web. El editor se parece mucho al IMS Web Dwarf, con unas cuantas opciones más. Si bien aún no es del todo profesional, es un programa que habrá que tener en cuenta en sus futuras versiones, ya que entre otras cosas está previsto que tenga soporte para dibujo vectorial en formato SVG así que recomiendo visitar cada cierto tiempo su dirección para estar al tanto de novedades y bajar actualizaciones.
Web: http://www.w3.org/Amaya
WebFácil: un editor gratuito y sencillo. Además en castellano.
1st Page 2000 2.0. Editor HTML práctico y fácil de usar.
Entre sus componentes es bueno destacar: tamaño automático de imágenes, efecto rollover de JavaScript, limpieza de código, asistentes, cliente de FTP etc.
Pero lo más llamativo de este programa son sus añadidos como son 450 scripts, 15 scripts DHTML, 6 scripts HTML así como 2 scripts CGI. También incorpora una guía sobre HTML y CSS,etc. Pocas veces se da en el mundillo del software internacional un caso como el de 1st Page 2000. Este potente editor de código HTML tiene todas las prestaciones de los mejores programas profesionales del mercado y a un precio inmejorable, es gratuito. http://www.evrsoft.com/download.shtml/.
Namo Web programa muy potente y fácil de utilizar que está en español, no es caro, cuesta del orden de 14.000 pesetas. También existe la versión 5.0 (en Inglés) descargar la demostración.
http://www.nvu.com/ Nvu es un editor gráfico HTML similar al Front Page de Window$ que ha desarrollado LindowsOS. Nvu está basado en el código de Mozilla Composer, es un programa tipo Frontpage/Dreamweaver, WYSIWYG y que nos promete la cómoda creación de contenidos web como si trabajásemos con un procesador de textos.
Para empezar es de ayuda utilizar plantillas prediseñadas, http://www.freewebtemplates.com
y http://www.o
con gráficos para realizar una pagina web con facilidad y con un diseño
realmente bueno , tiene plantillas especialmente diseñadas para paginas de
juegos, clubs de fans, negocios...
Una vez elegido dicho programa me compré un manual ( serie avanzado-intermedio ) de la editorial Anaya. También se encuentran manuales en la red listos para bajarse y ser impresos ( yo lo que odio es estudiar un manual en la pantalla del ordenador). El programa trae ayuda en pantalla bastante completa pero prefiero usarla solo para alguna duda puntual.
Hay muchas página de manuales gratis como http://www.manualesgratis.com http://www.e-manuales.com/ etc.
En http://www.abcdatos.com/tutoriales/index.html es un sitio que recopila enlaces a páginas de consulta y desde las que se pueden descargar guías completas para estudiar como funcionan algunas de las aplicaciones más populares. Podrás encontrar los mejores manuales para empezar el estudio del diseño Web y la ofimática.Tiene posibilidad de suscribirse a su lista de distribución para estar informado sobre nuevos tutoriales.
También hay numerosos tutoriales “on line” que enseñan a manejar numerosas aplicaciones, por ejemplo en http://www.aulaclic.com puedes encontrar cursos de calidad de los programas de MS-Office 2000.
Uno que recomiendo especialmente es el Curso de autoformación en contenidos de Internet elaborado por la Consejería de Educación y Ciencia de la Junta de Andalucía para que cualquier profesor o persona interesada se autoforme en las herraminetas de Internet (conexión telefónica a redes, web, correo electronico, FTP, etc...) además cuenta con enlaces de descarga de multitud de programas para su utilización (clientes de correo, FTP, navegadores, compresores, antivirus, etc...)
Os recomiendo los cursos de AulaFácil, especialmente el de creación de páginas Web con el Composer para iniciaros.
Otras direcciones de interés son:
Trucostecnicos.
Excelente servidor con
tutoriales sobre ASP, Bases de datos
CGI, Chat, C, C++, Delphi, Diseño grafico, E-mail, Hardware, Internet,
Java & JavaScript, Ofimatica, Pascal, Perl, programacion, web, redes,
sistemas operativos, software, Visual Basic. También dispone de un
directorio y una lista de "TrucosTecnicos".
Cybercursos. Aquí puedes encontrar una recopilación de los mejores manuales y tutoriales que puedes bajarte para leerlos off-line. Todos los meses se agregan distintos archivos.
Vigital Una increíble página supercompleta sobre el diseño gráfico y de páginas Web.
Elaboración de una web docente de Fernando Mur. Sus elementos, diseño y su publicación en Internet, muy completo
Se pueden hacer páginas Web muy dignas con OpenOffice, Word, Publisher, Power Point, FrontPage Express, Composer etc , estos dos últimos son gratis y aparecen al instalar el Microsoft Explorer y el Navigator respectivamente. En esta página de mi Taller de WebQuest tienes una estupenda selección de Tutoriales on-line de Netscape Composer, FrontPage Express y Open Office así como enlaces desde donde puedes descargar que son tres programas freeware.
Asimismo hay portales que te facilitan la creación on-line de tu página Web con asistentes que hacen la labor muy sencilla, por ejemplo esto nos ofrece al darnos de alta gratis:
Es una buena forma de empezar si queremos algo sencillo y sin muchas pretensiones. Además nos ofrecen espacio gratuito, asistentes de muy fácil utilización para poner la página en el servidor, contadores, libros de visitas, formularios y otros muchos recursos.
Hay programas que te permiten hacer la página fácilmente pues traen plantillas y asistentes que facilitan la creación, recientemente en http://www.webfacil.com encontrareis uno de estos programas listo para ser descargado gratis, pero en cualquier página de freeware podéis encontrar más.
Existen buenos programa para hacer páginas Web para Linux
Este es gratis, CoffeeCup HTML Editor .Paquete de diseño de websites. Soporta páginas con frames, PHP, VRML, DHTML y trae páginas de ejemplo así como galería de iconos para vuestras creaciones. Asimismo cabe destacar como editores HTML para Linux: Bluefish , Amaya y Quanta Plus.
Internet se ha convertido ya en el gran negocio del siglo XXI pero todavía quedan muchos recursos gratuitos que la Internet de nuestros días sigue ofreciendo.
Páginas como estas hay muchas, solo tenéis que teclear en Google como palabras clave recursos gratuitos y aparecerán miles pero este monográfico es un buen sitio para comenzar.
Se aprende mucho navegando y viendo como están diseñadas páginas que nos gustan.
Asimismo cuando navegáis y veis un gráfico bonito o un gif interesante podéis poner situar sobre el mismo el cursor del ratón apretar el botón derecho del ratón y seleccionar “guardar imagen como...”
Muy útiles pueden ser programas auxiliares como:
Un
capturador de pantallas. Uno gratis y fácil de usar es Jing, otro es “SNAG IT”
descargar
Otro
programita útil para visualizar a la vez un montón de imágenes que tengáis
en vuestro disco duro y no tener que ir de una en una es “ACDsee”
Descargar . Lo podéis encontrar también en los cds de muchas revistas de informática. Es
muy recomendable comprarse al menos una de estas revistas al mes.
Estupendo visualizador y capturador de imágenes Freeware "XnView" en Español,
versiones para Windows y Linux.
Descargar.
Utilidades como cortar, cambiar tamaño.
Guardar en diferentes formatos, gif, bmp, jpg, etc.
Puedes ver y convertir imágenes.
Su función de capturar imágenes es muy práctica y sencilla de usar.
Distintas opciones de visualización, como iconos, como, como iconos pequeños, etc.
Creación de página Web con iconos de las imágenes.
Software Gratis
|
Tiene diferentes categorías que se actualizan diariamente, como educación y recursos para maestros, donde se encuentran contenidos didácticos y programas o aplicaciones educativas. |
|
|
|
|
|
|
|
|
|
|
|
|
|
Asimismo para trabajar con imágenes recomiendo uno gratutito, The Gimp. De este programa, aunque está creado exclusivamente para Linux, también existe una versión para Windows. Es un programa GNU, así que si lo deseas también puedes colaborar para mejorarlo. Es muy completo y posee versión en castellano , además de filtros, gradientes, fondos predeterminados... .
Tutoriales de Diseño gráfico recomendados:
Este sitio contiene tutoriales para los niveles Principiante, Medio y Avanzado en el uso de este fantástico programa: Tutoriales de Gimp
Lucas Home Page . Curso sobre retoque digital de fotografías, con ejemplos de montajes y tratamientos. Además hay una sección de trucos y consejos.
Un sitio imprescindible para aprender sobre diseño digital es: Vigital: un
manual en línea de diseño digital
Un completo recurso sobre diseño gráfico, diseño para la web y
tipografía. Vigital fue galardonado con el premio al mejor sitio web
personal en el concurso más prestigioso de España, el premio Mundo
Internet - AUI 2001.
Solo Photoshop. Portal dedicado a este fantástico programa.
Curso de GIMP en la página del Observatorio tecnológico del ITE http://observatorio.cnice.mecd.es/