ELABORACIÓN DE PAGINAS WEB.

Para mis alumnos de sexto semestre, del grupo 6°B. En este espacio pueden publicar los enlace de sus páginas web. Los invito a conocer las de sus compañeros, estoy segura que será un hermoso viaje a lo largo de estos seis semestres.

TEMARIO DE ORDINARIO

ELABORACIÓN DE PAGINAS WEB

NOMBRE DEL ALUMNO: __________________________________________________________

1. Una página web...  a) Es un archivo que contiene texto, delimitado por marcas.  b) Es un archivo, con datos sólo entendibles por un ordenador.  c) Es una imagen, una copia de una página física.

2. Las etiquetas HYML, se delimitan por los caracteres...  a) [ y ]  b) < y >  c) { y }  d) ^ y ^

3. Para crear una página web utilizamos...  a) Programas específicos para esta tarea, normalmente muy avanzados.  b) Un procesador de texto, como Word u Openoffice  c) Un programa que pueda editar texto sin formato.  d) Cualqueira de los anteriores.

4. Un navegador web es...  a) Una aplicación que gestiona y clasifica las páginas web.  b) Una página que nos permite buscar información en la web.  c) Una aplicación que interpreta el código de una página y nos lo muestra formateado.  d) Una aplicación que nos permite crear y editar páginas web, desde su código fuente.

5. ¿Cuales de estas extensiones de archivo corresponden a una página web?  a) La extensión .css  b) La extensión http o https.  c) La extensión html.  d) Cualquiera de las anteriores.

6. Un sitio web...  a) Es un equipo que almacena las páginas web.  b) Es la agrupación de varias páginas relacionadas en un directorio común.  c) Es lo mismo que una página web.

7. ¿Qué creamos con un editor web?  a) El código HTML y CSS de nuestra página.  b) Una imagen del aspecto de la página.  c) La página de verdad, como se verá, sin código fuente.  d) La parte de la página que no podemos crear con un editor de texto.

8. ¿Qué es un editor WYSIWYG?  a) Un editor de páginas web con caracteres orientales.  b) Un editor que nos permite trabajar con la página viéndola como se verá en un navegador.  c) Un editor que sólo nos sirve para editar el código fuente, aunque formateado con colores.  d) Un editor que no trabaja con el código fuente. 9. ¿Qué es un sitio web?  a) Un ordenador en el que se almacenan páginas web.  b) Es un sinónimo de Internet o WWW.  c) Un conjunto de páginas web, agrupadas bajo un dominio.  d) Es el espacio que ocupa una página web. 10. ¿Cuál de estas afirmaciones es falsa?  a) Es mejor tener un sitio de temática muy variada, pero muchas páginas, que de un tema en concreto, pero pocas páginas.  b) La temática del sitio influye en cómo debemos plantear el diseño.  c) Debemos de tener suficiente información, o suficientemente atractiva que queramos compartir, como para crear un sitio. 11. Una página .html es...  a) Una página estática, porque su contenido no cambia automáticamente.  b) Una página dinámica, porque podemos cambiar su contenido cuando queramos.  c) Puede ser una página dinámica, si su contenido se genera por programación. Por ejemplo, lo genera el editor web.  d) Es una página estática, porque una vez creada ya no se puede cambiar. 12. A nivel interno, ¿qué es un sitio en un servidor?  a) Es un archivo especial, generado al unir las páginas del sitio.  b) Una carpeta que contiene páginas web, archivos CSS, etc.  c) El conjunto de dominios a los que se puede acceder en ese servidor. 13. ¿Qué es la raíz del sitio?  a) Es la carpeta que contiene todos los archivos del sitio, a la que se accede al acceder al dominio.  b) Es el nombre del sitio, que lo distingue del resto.  c) Es la jerarquía de carpetas del stio. Cuanto más profunda sea la raíz, más subniveles tendrá el sitio. 14. ¿Cómo podemos poner los elementos de una lista en horizontal?  a) Con la propiedad display: inline; .  b) Con la propiedad float.  c) Las dos opciones anteriores son equivalentes y dan el mismo resultado.  d) Lo podemos hacer con las opciones a) y b), pero el resultado tendrá algunas diferencias. 15. ¿Cuál es principal problema de recargar una página con muchas imágenes?  a) Que nos arriesgamos a superar el límite máximo de imágenes por página.  b) Que aumentará el tamaño de la página.  c) Que nos obligará a instalar un programa especializado para el tratamiento de imágenes.

Les dejo algunos enlaces para video que explican como hacer la pagina del ordinario.


http://www.youtube.com/watch?v=JpatjAIqLdA

http://www.youtube.com/watch?v=S57KHfmnG1A

http://www.youtube.com/watch?feature=player_detailpage&v=PYKyMCeLHtU

http://www.youtube.com/watch?v=PYKyMCeLHtU

Cómo crear páginas dentro de un sitio

El sitio que has creado mediante Google Sites es un conjunto de páginas. A menos quecrees un sitio a partir de una plantilla, al principio, el sitio solo contiene una página principal. Sigue estos pasos para crear otras páginas dentro del sitio.

1. En la página principal, haz clic en el botón  "Crear página".
2. Elige una plantilla de página.
3. Asigna un nombre a tu página. Google Sites genera una URL (dirección web) basada en el nombre que has elegido, pero puedes modificarla haciendo clic en Cambiar.
4. Selecciona dónde quieres colocar la página dentro del sitio:
   • Colocar la página en el nivel superior: las páginas de nivel superior son las más generales en la jerarquía del sitio. Se encuentran en el mismo nivel que la página principal y es muy sencillo crear subpáginas de estas. Son la mejor opción para las categorías principales del contenido del sitio.
   • Clasificar la página en {página actual}: la segunda opción es colocar la nueva página como subpágina de aquella en la que te encontrabas al hacer clic en "Crear página".
   • Seleccionar una ubicación diferente: elige bajo qué otra página del sitio quieres colocar la página.
5. Haz clic en "Crear página".

Puedes crear tantas páginas como quieras en un sitio, pero recuerda que es posible que no funcione bien si contiene más de 1.000 páginas/archivos adjuntos.

ESTA ES UNA PRESENTACIÓN PARA AYUDARTE A ENTENDER MEJOR LOS PASOS NECESARIOS PARA CREAR TU SITIO WEB

http://es.slideshare.net/zitlam3101/crear-tu-sitio-web

TEMARIO TERCER PARCIAL 1. Una página .html es...  a) Una página estática, porque su contenido no cambia automáticamente.  b) Una página dinámica, porque podemos cambiar su contenido cuando queramos.  c) Puede ser una página dinámica, si su contenido se genera por el editor web.  d) Es una página estática, porque una vez creada ya no se puede cambiar. 2. A la hora de elegir una imagen de fondo para nuestra página...  a) Procuraremos usar una imagen llamativa, y si es animada, mejor.  b) Buscaremos una imagen discreta, que no distraiga al usuario del contenido de la página.  c) Debemos evitarlo, usar imágenes de fondo no es una práctica nada recomendada. 3. Una página web...  a) Es un archivo que contiene texto, delimitado por marcas.  b) Es un archivo, con datos sólo entendibles por un ordenador.  c) Es una imagen, una copia de una página física. 4. Las etiquetas HTML, se delimitan por los caracteres...  a) [ y ]  b) < y >  c) { y }  d) ^ y ^ 5. ¿Qué etiqueta html nos permite insertar una imagen?.   a) picture.       b) img.      c) src.       d) href. 6. Es posible colocar un enlace de correo electrónico a un elemento de menú Spry.   a) Verdadero.   b) Falso. 7. En un control de Fichas Spry podemos utilizar sólo 2 fichas por control.   a) Verdadero.   b) Falso. 8. Las fichas Spry pueden contener imágenes.   a) Verdadero.   b) Falso. 9. Si un control de Acordeón no tiene la altura suficiente para mostrar su contenido se insertarán automáticamente barras de desplazamiento.   a) Verdadero.   b) Falso. 10. ¿Cuales de estas extensiones de archivo corresponden a una página web?  a) La extensión .css  b) La extensión http o https.  c) La extensión html.     d) Cualquiera de las anteriores.

TEST DE ESTILOS DE APRENDIZAJE

Nombre:_____________________________________________________________.

Grupo: ___________________.

Fecha: ___________________.

INSTRUCCIONES:

A continuación se presentan nueve preguntas, otorga puntajes del 1 al 4 a las opciones que se

presentan. Coloca 4 puntos a la opción que va más contigo y 1 punto a la que peor te describa.

1. Cuando ante un problema debo dar una solución u obtener un resultado urgente, ¿cómo me comporto?

a. ___ Soy selectivo(a)

b. ___ Intento acciones

c. ___ Me intereso

d. ___ Soy muy práctico

2. Al encontrarme con una realidad nueva, ¿cómo soy?

a. ___ Soy receptivo(a)

b. ___ Soy realista y específico(a)

c. ___ Soy analítico(a)

d. ___ Soy imparcial

3. Frente a un suceso, ¿cómo reacciono?

 a. ___ Me involucro emocionalmente

b. ___ Soy un mero observador

c. ___ Pienso una explicación

d. ___ Me pongo en acción

4. Ante los cambios, ¿cómo soy?

a. ___ Los acepto bien dispuesto(a)

b. ___ Me arriesgo

c. ___ Soy cuidadoso(a)

d. ___ Soy consciente y realista

5. Frente a las incoherencias, ¿cómo soy?

a. ___ Actúo intuitivamente

b. ___ Hago propuestas de cambio

c. ___ Busco el modo lógico

d. ___ Cuestiono a quien sabe más

6. En relación con mi punto de vista, ¿cómo soy?

a. ___ Soy abstracto(a)

b. ___ Examino atentamente los detalles

c. ___ Me enfoco en lo primordial

d. ___ Soy activo(a)

7. En la utilización del tiempo, ¿cómo soy?

 a. ___ Me proyecto en el presente

b. ___ Soy reflexivo(a)

c. ___ Me proyecto hacia el futuro

d. ___ Soy pragmático(a)

8. En un proceso considero más importante:

a. ___ La experiencia

b. ___ La observación

c. ___ La conceptualización

d. ___ La experimentación

9. En mis relaciones:

a. ___ Me dejo llevar por las emociones

b. ___ Soy personalista y reservado(a)

c. ___ Soy lógico y racional

d. ___ Soy responsable y cumplido(a)

TEMARIO DE ELABORACIÓN DE PAGINAS

SEGUNDO PARCIAL

Que es una tabla?

Cuales son los atributos de las tablas , describelos?

Que es una fila?

Que es una columna?

Como combinamos celdas y cual es el efecto que se consigue?

Que es un formulario?

Describe brevemente los 7 elementos de un formulario?

Que es un sitio Web?

Que es una pagina web?

Cuales son las etiquetas básicas de la estructura de una pagina?

Que es un navegador?

INSERTANDO TABLAS

Utilizar tablas

Las tablas permiten organizar información de una manera más ordenada y agradable a la vista. Muchas veces una tabla ayuda a lograr la organización compleja de componentes dentro de la página.

Insertar una tabla

Para insertar una tabla, la página debe estar en el modo de edición, entonces aparece un menú llamado "Tabla". Allí, "Insertar tabla".

Administrar tabla

En el mismo menú que se menciona anteriormente, están las demás opciones para la administración de la tabla:

Insertar fila encima
Insertar fila debajo
Insertar columna a la izquierda
Insertar columna a la derecha
Suprimir tabla

Suprimir fila
Suprimir columna

Modificar una tabla a partir del código HTML

Google Sites no ofrece una forma visual simple de modificar los atributos avanzados de una tabla, sin embargo es posible manipular mediante el código HTML los atributos de la tabla. Se debe ser cuidadoso al manipular el código y se recomienda hacer todos estos cambios antes de incluir la información de la tabla.
Puede ver un resumen sobre las propiedades de una tabla en el siguiente enlace

http://www.larevistainformatica.com/Propiedades-tablas-HTML.htm

Ejemplo del nombre de un :
<table cellspacing="10" cellpadding="10" border="3"> 
<tr> 
    <td align="center"> 
    Celda de la tabla principal 
    </td> 
    <td align="center"> 
        <table cellspacing="2" cellpadding="2" border="1"> 
        <tr> 
            <td>Tabla anidada, celda 1</td> 
            <td>Tabla anidada, celda 2</td> 
        </tr> 
        <tr> 
            <td>Tabla anidada, celda 3</td> 
            <td>Tabla anidada, celda 4</td> 
        </tr> 
        </table> 
    </td> 
</tr> 
</table>
------------------------

ACTIVIDAD

En un comentario contesta las siguientes preguntas seguidas de tu nombre:

1.- Porque NO es recomendable utilizar tablas en las paginas web?

2.- Para que sirven los atributos cellpadding y cellspacing en el diseño de una tabla?

3.- Como insertamos texto o imagenes en una celda?