Hoy y en las dos sesiones siguientes, vamos a trabajar con HTML y vamos a hacer una página web con wix, un programa que tiene una serie de plantillas y elementos que nos ayudarán a hacer una página sin necesidad de saber programación HTML
Descripción
Introducción
w.w.w. world wide web
Internet: Una red de comunicación y de información global.Función militar inicial y ahora civil.
La web es una parte de Internet donde esta la información. Conjunto de páginas de donde se toma información. .El conjunto de las webs no hacen Internet. Mi perfil de facebook o hotmail no es una web, es un gestor, una aplicación.
HTML:
HTML: Hyper TExt Markuo Language (Lenguaje de marcas hipertexto)Es un lenguaje de marcado( distinto a los lenguajes de programación, que llevan funciones aritméticas y variables) Esto funciona con etiquetas.
Las etiquetas son una forma de codificar un documento que contienen información de la estructura y presentación que el texto va a tener. (Se abre una etiqueta y se cierra)
Diseñamos una pagina web.
Tiene encabezado, cuerpo y pie.
Para abrir hay que escribir el nombre entre los signos de mas o menos (<body>) y para cerrar introducimos "/ " ( </body>)
Encabezado:
Cuerpo: <body>
Pie:
Párrafo: <p>
Como profesores no vamos a necesitar HTML como tal, en vez de ello, utilizaremos wix.
Wix:
Cómo lo he hecho:
- Abrimos el bloc de notas
Primero abrimos el html, abrimos es body y despues la p de párrafo, y detrás de parráfo escribimos lo que queramos y cuando vayamos a cerrar escribimos lo mismo pero al revés y con un / delante de la letra (</p)
<html>
<body> Cuerpo
<p> Hola a tod@s. </p>
</body>
</html>
- Guardar como, elegimos el escritorio.
- Todos los archivos.
- Le vamos a llamar prueba. html.
Al guardarlo como html nos saldrá con el icono de internet y nos lo abrirá el propio navegador.
Así es como se vería
Así es como se vería en internet.
Como profesores no vamos a necesitar saber de programación, pero si algo parecido. Para ello vamos a utilizar wix:
Wix.
Primero nos tenemos que registrar.
Ahora lo que tenemos que hacer es tener una idea sobre una página web y diseñarla.
Lo primero es elegir el tema de lo que va a ir nuestra pagina y después elegir la plantilla. En mi caso, mi idea es: "Actividades de campamento", entonces buscaré una plantilla que tenga que ver con mi idea. Para ello,en el margen de la izquierda podemos encontrarlas ordenadas por categorías, seleccionamos la que más nos guste y le damos a editar.
Una vez elegida,empezamos a diseñar nuestra página y darle nuestro toque personal.
Para ello en el margen de la izquierda tenemos cinco opciones:
Encabezado: Aquí es donde puedes configurar las páginas que quieres que tenga tu web. Cuando le des al icono, ello solo te explica como hacerlo. Para cambar el nombre le damos a configuración de página (un engranaje que aparece a la derecha del nombre actual) Para reorganizarlo hay que mantenerlas pulsadas y moverlas como queramos. Si quieres crear una página dentro de otra lo que tienes que hacer es: 1. Situarte en la página en la que la quieres crear, 2. Darle a agregar- página. 3. Entonces nos saldrá una ventana donde nos pide poner el nombre de la página y abajo del todo nos da a elegir entre pagina normal o subpágina. 4. Finalmente seleccionamos la opción de subpágina y le damos a OK.
Diseño: Aquí te permite cambiar el fondo de tu web, los colores y la fuente. Cuando le pinchas en cada uno se despliega una ventana donde aparecen sugerencias de ellos.
Agregar: Esto es el cuerpo de la página, aquí puedes elegir todo lo que quieres que lleve tu web. Texto, imágenes (dentro de aquí está también el clip art, donde tenemos un montón de dibujos que pueden decorar nuestra página web en función de la temática))media, formas y lineas,botones y menús.
Wix app marker: Esto te permite vincular otras páginas con tu web, como blogger.
Opciones:
Una vez que sabemos más o menos donde está cada cosa, ya solo queda investigar un poco sobre las diferentes funciones que hay dentro.
EL icono que más he utilizado ha sido el de agregar ya que es el que te permite añadir todo tipo de cosas a la página. Dentro de este icono uno de los más utilizado es de formas y lineas, ya que puedes elegir la opción de caja para dentro vaya incrustado el texto. (Agregar-formas y lineas- caja)
Cuando le damos a caja, aparece en formato estándar en la página, pero si clickamos dos veces en ella nos aparecerá un menú que nos permitirá cambiar el estilo. Ahí es donde te aparecen estilos prediseñados o si le damos a personalizar podemos elegir la forma y el color que queremos que tenga. Una vez terminado ya le podemos dar a TEXTO y a PÁRRAFO que lo podremos acoplar según nos guste dentro de la caja e ir modificando ambos con el menú que se despliega en estilos o en modificar texto. Las lineas permiten separar o hacer bonitos dibujos. Todo se maneja de la misma manera.
En la barra negra de arriba encontraremos, de izquierda a derecha: Una pantalla que es cómo queremos que salga nuestra página en el ordenador; al lado un móvil, que es como queremos que salga en el móvil; después las páginas que tenemos, que desde ahí o desde la barra de la izquierda, podemos movernos por ellas y situarnos en ellas para editarlas; también tenemos las flechas típicas de delante y detrás por si nos equivocamos en algún movimiento. El resto es para ajustar el margen y las reglas y guías, que es lo que te avisa de lo que no se verá en el móvil. Al final tenemos guardar y si queremos le podemos dar a publicar, pero lo mejor es publicar al final para que se vea de primeras ya bonita la pagina. Una vez publicada se pueden hacer las modificaciones que queramos,luego le damos a guardar y a publicar otra vez y se queda grabado.
Para hacer la página durante varios días, esta esta guardada en mi cuenta. Ahí se llama mi sitio.
Cuando nos metamos en nuestra cuenta de wix, nos saldrá en un cuadrado pequeño nuestra página, si la hemos publicado saldrá el nombre que le hayamos puesto desde el principio y la imagen sera una miniatura de la página. Si aún no le hemos dado saldrá en blanca.
Para continuar trabajando simplemente le damos al botón azul con un lápiz que pone editar sitio y ya nos sale la página para editarla, luego le damos a guardar o publicar y así hasta que la acabemos.
Para más opciones le damos a accesos directos. Ahí lo primero que te sale es lo mismo que en el icono azul. También puedes duplicar el sitio, borrarlo si no te gusta, renombrarlo... Podemos cambiar el nombre de nuestra página tantas veces como queramos dentro del límite de letras que te deja poner. Para ello, dentro de mi cuenta, pinchamos en accesos directos y en renombrar sitio.
Una vez que tenemos la página hecha, publicada y con el nombre que nos gusta ya solo queda compartirla con quien queramos que la vea. Para ello copiamos el enlace que viene con nuestro nombre y el de nuestra página. Cualquiera que se meta en ese enlace verá nuestra página.

Finalmente esta es mi página web: http://palomagarciacerro.wix.com/actividadesdcampa
Esta imagen es una parte del inicio para hacernos una idea de cómo es, pero para verla mejor hacer meterse en el enlace anterior.
Aplicación didáctica o pedagógica de la herramienta:
- Hacer una página donde el profesor cuelga diferentes cosas de la materia para que los niños puedan descargar.
- En una de las páginas el profesor puede poner los deberes que os niños tienen que hacer y para cuando, para que los padres sepan todo lo que tiene que hacer su hijo.





No hay comentarios:
Publicar un comentario