Buscar este blog

martes, 29 de enero de 2019

DISEÑO Y EDICIÓN DE PÁGINAS WEB

ESTÁNDARES DE ACCESIBILIDAD DE LA INFORMACIÓN

1.¿Qué es la W3C?¿Cuál es su función?
Es el World Wide Web Consortium. Recoge los criterios de accesibilidad.

2.¿Qué es la WAI?¿Qué establece y qué niveles establece?
La WAI (web accessibility initiative) es una rama del W3C que establece niveles de conformidad o accesibilidad (A, AA y AAA) para las webs en función del grado de cumplimiento de dichos criterios, desde los más básicos hasta los más exigentes.

3. Nombra los estándares de publicación más básicos y explica brevemente, cuál es su fin.
-Utilizar hojas de estilo
-Asegurarse de que la página se ve bien en distintos navegadores.
-Usar las etiquetas de texto alternativo para describir la función de los elementos visuales.
-Facilitar la transcripción de los ficheros de sonido y la descripción de los vídeos.
-Organizar las páginas usando encabezados, listas y una estructura consistente.
-Realizar tablas de manera que se puedan leer línea a línea.
-Revisar y validar el HTML.

HERRAMIENTAS DE PUBLICACIÓN: GESTORES DE CONTENIDOS

1.¿Qué es un gestor de contenidos?
Un gestor de contenidos es una herramienta de publicación que permite generar contenidos web y editarlos y actualizarlos online sin necesidad de contar con conocimientos técnicos de diseño o programación.

2. Ventajas de los gestores de contenidos.
-Se basan en plantillas ya definidas que el usuario puede adaptar y personalizar según sus gustos, lo cual abarata los costes de creación de las páginas web y ahorra tiempo en su elaboración.
-El uso de plantillas proporciona un diseño común y una apariencia homogénea a todos los contenidos publicados, con lo cual el resultado es una web coherente.

3. Definición de Wiki. 3 enlaces a Wikis de interés.
Una wiki es un sitio web de construcción colectiva sobre un tema específico. Facilita la discusión sobre temas diversos y puede ser editada por cualquier usuario desde la Web (añadiendo, modificando o eliminando contenidos).


4. Definición de Blog. 3 enlaces a blogs de interés.
Un blog es como un diario en Internet. Es una herramienta de expresión y comunicación. En él se publican de manera cronológicamente empezando por la más reciente. Los lectores pueden publicar comentarios en cada una de las entradas.


5. Indica 5 gestores de contenido y explica para qué se utilizan.
-WordPress: Se utiliza principalmente para crear blogs.
-Joomla: Se utiliza principalmente para diseñar revistas digitales.
-Drupal: Se utiliza principalmente para publicar artículos, imágenes y archivos.
-Prestashop: Se utiliza principalmente para crear tiendas en línea de comercio electrónico.
-Silverstripe: Se utiliza principalmente para crear y mantener sitios web y aplicaciones web.

DISEÑO DE NUESTRA PÁGINA WEB

PREDISEÑO DE UNA PÁGINA WEB

1. OBJETIVO: Informar de forma breve sobre el aspecto de las distintas razas de perro que hay.
2. PÚBLICO: Todas las personas que deseen informarse sobre el aspecto de las distintas razas de perro que hay.
3. CONTENIDOS: Información sobre el aspecto de las distintas razas de perro que hay.
4. DIRECTRICES:
-Estructura lineal de páginas.
-Los contenidos ocupan la parte principal de la página.
5. TECNOLOGÍA:
Medios: Imágenes, texto, tablas...
6. TIEMPO: Hasta el miércoles 20 de febrero.
7. PRESUPUESTO: Ninguno.

ANÁLISIS DE ELEMENTOS GRÁFICOS Y TIPOGRÁFICOS

TIPO DE LETRA: Fuente Arial, tamaño normal. Textos en color negro. Títulos en color negro y en negrita.

ANÁLISIS DE ELEMENTOS DE IMAGEN

USO DE COLORES: El azul para el fondo de todas las páginas. El texto se muestra en color negro.



USO DE ILUSTRACIONES, IMÁGENES E ICONOS: Se presentan imágenes, texto y tablas sobre las distintas razas de perro.

DISEÑO DE PÁGINAS WEB

1.

DEFINICIÓN DE PÁGINA

Conjunto de documentos (páginas web) enlazados entre sí, a los cuales se accede a través de una dirección común.

TIPOS Y CARACTERÍSTICAS

-Estáticas: Son aquellas que no cambian, que muestran siempre el mismo contenido cada vez que las cargamos. Se realizan en lenguaje HTML. El usuario no puede modificar los contenidos ni el diseño, ni realizar peticiones.
-Dinámicas: Son páginas que el servidor interpreta en cada caso, de forma que, sin hacer cambios en el código, devolverán diferentes resultados en función de la actuación del usuario. Por ejemplo, un buscador es una página dinámica que devuelve un resultado u otro según cuál sea la petición del usuario. Se realizan combinando HTML con lenguajes dinámicos como ASP, ASP.NET (Active Server Pages), Java, PHP o Java Script. El usuario puede modificar el diseño, y los contenidos son dinámicos, es decir, responden en función de las peticiones del usuario.

2.

TIPOS DE DOCUMENTOS QUE NOS PODEMOS ENCONTRAR EN UNA PÁGINA WEB

Son archivos y carpetas que contienen texto, fotografías, botones, iconos, animaciones, hipervínculos, multimedia, gráficos, tablas...

3.

DEFINICIÓN DE NAVEGADOR

Mediante un navegador accedemos a las páginas web. Se encarga de comunicar el ordenador con los servicios que albergan las páginas web, descargar las páginas y mostrarlas.

NAVEGADORES MÁS CONOCIDOS

-Google Chrome
-Mozilla Firefox
-Internet Explorer

4.

EN QUÉ CONSISTE LA ORGANIZACIÓN HIPERTEXTUAL EN UNA PÁGINA WEB

En una página web, la organización de la información es hipertextual, lo que significa que haciendo clic sobre una palabra se amplía la información acerca de ella, accediendo a otra página relacionada. De esa forma se enlazan los documentos que componen el sitio web y, por lo tanto, la información.

5.

EDITORES DE PÁGINA WEB, VENTAJAS E INCONVENIENTES DE CADA TIPO

-Editores WYSIWYG:

VENTAJAS

-El código queda más limpio.
-Es más fácil reutilizar el código
-El código se maneja con más precisión.

INCONVENIENTES

-Es necesario manejar HTML.
-El aprendizaje es más difícil.
-Hacer una página lleva más tiempo.

-Editores que trabajan directamente con HTML: 

VENTAJAS

-El aprendizaje es sencillo.
-Hacer una página es relativamente rápido.

INCONVENIENTES

-El código no es tan limpio.
-No se maneja el código.


6.

¿QUÉ ES UN WEBMASTER Y EN QUÉ CONSISTE SU TRABAJO?

Es la persona que se encarga de mantener los sitios web.

7.

ESQUEMA DE FUNCIONAMIENTO DE UNA PÁGINA WEB

1. Administrador en el sitio local: Es la persona responsable de mantener el sitio web y actualizar los contenidos, así como de transferirlos al servidor.

2. Programas de transferencia de ficheros: Son los programas encargados de comunicar el ordenador local con el servidor que brinda alojamiento, de forma que ese conjunto de archivos que componen el sitio web y que manipula el administrador en su ordenador local puedan sustituir, cuando sea necesario, a los que aloja el servidor.

3. Sitio remoto alojado en el servidor: Para que la página web que tiene el administrador pueda ser vista por otros usuarios, debe estar situada en un servidor de Internet, ofrecido normalmente por empresas privadas.

4. Usuarios: Para acceder a las páginas web.los usuarios utilizan un navegador (Google Chrome, Mozilla Firefox, Internet Explorer...), que se encarga de comunicar cada ordenador con los servicios que albergan las páginas web, descargar las páginas y mostrarlas.

PRÁCTICA 2

VENTAJAS QUE TIENE LA APLICACIÓN DEL BLOG EN EL AULA COMO HERRAMIENTA EDUCATIVA
  • Enseñar a los alumnos a utilizar la red como fuente de información. Los alumnos aprenden a buscar y obtener información, no solo escrita, sino también multimedia, y a transformarla en conocimiento.
  • Participación interactiva de los alumnos a través de los comentarios, ya sea entre docente y alumno o entre los alumnos.
  • El alumno aprende a escribir de forma breve y concisa, y además practica cómo expresarse en el mundo online.
  • Crea una red de comunicación y aprendizaje entre profesores o diferentes comunidades de alumnos.
  • Amplia horizontes dentro de la clase y la integra en una comunidad más amplia. Algo que no tienen otras plataformas, como Edmodo, en las que la comunicación es directa y limitada a una clase o curso.
  • Rompe las barreras de tiempo y espacio del aula.
http://aularagon.catedu.es/materialesaularagon2013/redessociales/CURSO/zips/Modulo_5/4_ventajas_del_uso_de_blogs_educativos.html

Resultado de imagen de blog del aula

PRESENTACIÓN

En este blog de aula publicaré entradas sobre diversos temas que hablaremos en clase relacionados con las tecnologías de la información y la comunicación.