La placa base, placa madre, tarjeta madre o board: es una tarjeta de circuito impreso a la que se conectan las demás partes de la computadora. Tiene instalados una serie de integrados, entre los que se encuentra el chipset que sirve como centro de conexión entre el procesador, la memoria RAM , los buses de expansión y otros dispositivos.
Fuente de alimentación: es un dispositivo que convierte la tension alterna de la red de suministro, en una o varias tensiones, practicamente continuas, que alimentan los distintos circuitos del aparato electronico al que se conecta (Ordenador, Televisión, impresora, router, ...).
Un puerto USB: es una entrada o acceso para que el usuario pueda compartir información almacenada en diferentes dispositivos como una cámara de fotos, un pendrive, entre otros, con un computador. Las siglas USB quieren decir Bus de Serie Universal en inglés.
Tutorial para crear pagina WEB:
Empezaremos por explicar la internas que se tendrá al trabajar con Microsoft FrontPage, lo mostramos en la siguiente imagen:
Capitulo 1 Crear páginas Web
En esta lección, creará un sitio Web que contiene información acerca de la Materia de Evaluación de Sistemas, materia muy importante en la carrera de Licenciado en sistemas de información administrativa. El sitio tendrá información básica ya que solo será para ejemplificar como se crea una pagina Web.
Preparemos una carpeta con los archivos que estaremos utilizando, ya sea imágenes o otras paginas vinculadas en esta, ya que así resulta mas fácil administrar una pagina Web.
Aprenderá a:
• Abrir FrontPage.
• Crear páginas Web.
• Trabajar con texto e hipervínculos.
• Insertar imágenes y archivos.
• Aplicar formato a listas.
• Colocar objetos.
• Agregar un formulario de comentarios.
• Diseñar una galería de fotografías.
• Crear una estructura de sitio Web.
• Guardar el trabajo realizado.
Para manejar este programa trabajaremos muy similar a como se trabaja en Microsoft Word, ya que de la misma manera le daremos formato al texto que estemos plasmando en nuestras paginas.
Empecemos por teclear el titulo de nuestra página, en este caso lo haremos referente a Evaluación de sistemas y sera nuestra pagina principal, lo hacemos como se muestra en la siguiente imagen:
Para darle formato a nuestro texto lo hacemos similar al procesador de textos Word.
Seleccionamos y después damos el formato, también podemos utilizar nuestras barras de herramientas para dar justificado y alineación
Así es como queda el texto después de dar formato:
Para estar visualizado como va quedando nuestra pagina, damos clic en la pestaña, en la parte inferior izquierda.
Al entender como podemos dar formato al texto de una pagina Web, pasaremos a explicar como insertamos una imagen.Insertar una imagen en la página principal
En este paso agregamos la imagen desde el menú insertar y en la opción imagen desde archivo y ahí nos iremos hasta donde tenemos guardada nuestra imagen.
Para crear un hipervínculo a partir de una imagenTeniendo la imagen insertada en nuestra pagina, seguiremos a seleccionarla, ya seleccionada le damos clic derecho y seleccionamos la opción hipervínculo. Nos aparecerá una ventana en donde pondremos la dirección a la estaremos vinculados.
Para saber que esta operación ha sido satisfactoria, nos vamos a vista previa, como antes ya lo habíamos mencionado, y ponemos el cursor sobre la imagen, y se pondrá la manita de vínculo, y en la parte inferior izquierda aparecerá la dirección que vinculamos.
Si queremos hacer un vinculo a partir de texto, se hace la misma operación, seleccionando el texto a vincular, ya sea una palabra, frase o dirección Web.
Por ultimo aprenderemos a crear hipervínculos a otras paginas creadas en esta misma estructura.
Crear una estructura de exploración
En la vista Exploración, haga clic en Nueva página, en la barra de herramientas estándar.
FrontPage crea una nueva página de nominada "Página nueva 1" bajo la página principal. Las páginas de la vista Exploración no son las páginas reales del sitio Web actual, sino marcadores de posición que llevan hasta las mismas. De este modo, puede hacer pruebas con la estructura y la organización del sitio Web antes de crear el contenido.
Para crear rápidamente mas as páginas, mantenga presionada la tecla CTRL del teclado y presione U. 
MARCOS O FRAMES
Una página con frames, consiste en el conjunto de documentos HTM o HTML que la integran (con movimientos independientes y que pueden relacionarse entre sí), más otro que actúa de ordenador o administrador de los mismos.
Una estructura de marcos se crea desde las plantillas de la ficha Páginas de marcos del cuadro de diálogo Plantillas de páginas.
Una vez seleccionado el modelo y aceptado, aparecerá la división seleccionada. En la misma aparecerán botones:
Establecer página inicial (para elegir una página creada anteriormente) y Nueva página (clic si va a crear la página), en cada división (en la vista Diseño).
Por lo general el marco izquierdo se utiliza para colocar los enlaces y el marco derecho para mostrar los contenidos.
Puede cambiar su tamaño arrastrando la línea de división.
Al almacenar pregunta el nombre de cada marco indicándonos visualmente cual es el que estamos almacenando.
Para crear enlaces desde el marco izquierdo y que se muestren en el marco derecho:
Seleccionar el texto.
Clic en el botón correspondiente a Insertar hipervínculo.
Seleccione el documento a vincular, presione el botón Marco de destino y luego marque el frame derecho como destino.
Desde el menú Marcos puede dividir algún marco, eliminarlos y cambiarles las propiedades.
Comportamientos
Un comportamiento es una combinación de un evento y de una acción que se desea que ocurra cuando un visitante del sitio interactúe con una página Web o uno de sus elementos.
Definir comportamientos para los elementos
En la vista Página, en la parte inferior de la ventana del documento, haga clic en Diseño
En el menú Formato, haga clic en Comportamientos.
En la página, seleccione el elemento, por ejemplo, texto o un gráfico, con el que desee trabajar.
En el panel de tareas Comportamientos, haga clic en Insertar y, a continuación, en la acción deseada.
En el cuadro de diálogo que se abrirá, seleccione las opciones deseadas y, a continuación, haga clic en Aceptar.
Para seleccionar el evento, en Eventos, haga clic en el evento predeterminado y, a continuación, haga clic en el evento deseado.
Dependiendo de la acción seleccionada, seleccione cualquier opción adicional que defina el evento para dicha acción.
Comportamiento: Abrir ventana del navegador
Seleccionar el link y en el Panel de comportamientos elegir Abrir ventana del navegador.
En el cuadro de diálogo indicar: dirección url o página a abrir, ancho y alto de la ventana, y los atributos de la ventana (que barras del navegador quiere que sean visibles).
Al aceptar comprobar que en la columna Eventos del Panel de comportamiento, este indicado Onclick; para que al pulsar el enlace se abra la nueva ventana del navegador con las características indicadas.
Componentes Web
Gracias a los componentes Web de Microsoft FrontPage, se puede agregar un amplio abanico de funciones a los sitios Web, desde contadores que registran el número de visitantes a una página hasta galerías de fotografías que muestran colecciones de gráficos.
Se puede elegir entre dos tipos de componentes Web: los de creación y los de exploración.
Los componentes Web de creación son herramientas disponibles en FrontPage que facilitan la creación y el diseño de páginas Web. Si desea agregar un componente de creación al sitio, como una galería de fotografías o una barra de vínculos, no necesita instalar software específico ni una tecnología de servidor determinada en el servidor Web que alberga el sitio.
Los componentes Web de exploración están disponibles en los sitios Web ubicados en servidores Web que ejecuten las Extensiones de servidor de Microsoft FrontPage, Microsoft SharePoint Team Services o Microsoft Windows SharePoint
Services
Efectos dinámicos
Marquesina: Región de una página que muestra un mensaje de texto con desplazamiento horizontal.
Botón interactivo: explicado anteriormente.
Búsqueda en el web
Web actual: inserta un formulario de búsqueda para buscar contenido en la web actual, el formulario de búsqueda devuelve una lista de hipervínculos a las páginas de su Web de FrontPage que contienen coincidencias con esas palabras.
Búsqueda de texto completo: inserta un formulario para buscar solamente texto.
Hojas de cálculo y gráficos
Hoja de cálculo de Office: Para crear una hoja de cálculo para su Web, agregue un componente Hoja de cálculo de Microsoft Office a una página. Una vez hecho esto, puede modificar y establecer directamente las propiedades de la hoja de cálculo en la vista Página, aunque Microsoft Excel no esté instalado en su equipo.
Gráfico de Office: Para crear un gráfico en su Web, agregue un componente Gráfico de Microsoft Office a una página. Una vez hecho esto, puede modificar y establecer directamente las propiedades del gráfico en la vista Página, aunque Microsoft Excel no esté instalado en el equipo.
Tabla dinámica de Office: Una lista de Tabla dinámica de Microsoft Office es una tabla interactiva que muestra datos resumidos de una base de datos u otro origen. Para crear una lista de Tabla dinámica para su Web, agregue un componente Tabla dinámica de Office a una página. Una vez hecho esto, puede modificar y establecer directamente las propiedades de la Tabla dinámica de Office en la vista Página, aunque Microsoft Excel no esté instalado en el equipo.
Contador de visitas a la página
Componente de FrontPage que hace un seguimiento del número de visitantes de un sitio del World Wide Web.
Galería de fotografías
Explicado anteriormente.
Contenido incluido
Sustitución: muestra automáticamente el autor, la descripción, el último cambio o la información de la URL.
Página: Componente de FrontPage que se reemplaza por el contenido de otra página del Web. Esto le permite actualizar partes de varias páginas en un único paso.
Página basada en la programación: Componente de FrontPage que se reemplaza con el contenido de un archivo del Web actual durante un período de tiempo especificado. Cuando ha transcurrido ese período, deja de mostrarse el contenido del archivo. Esto resulta útil para mostrar información de texto que tiene un tiempo de vida limitado.
Imagen basada en la programación: Componente de FrontPage que se reemplaza en la página por un gráfico durante un período de tiempo especificado. Cuando ha transcurrido ese período de tiempo, deja de mostrarse el gráfico.
Esto resulta útil para mostrar información que tiene un tiempo de vida limitado, como el anuncio de un nuevo producto o servicio. Titular de página: inserta un titular de página que pueda utilizar el tema de la página para crear un título gráfico o texto.
Barras de vínculo
Barra con vínculos personalizados: inserta una barra de hipervínculos que apuntan tanto a las páginas del sitio web propio como a vínculos externos. Abrirá un cuadro de diálogo para configurar los enlaces y el diseño. Se mostrará un botón independiente para cada link.
Barra con los vínculos anterior y siguiente: inserta una barra de hipervínculos que apuntan a una secuencia de páginas del sitio web. Abrirá un cuadro de diálogo para configurar los enlaces y el diseño. En la página solo se mostrarán los botones de anterior y siguiente.
Barra basada en la estructura de exploración: inserta una barra de vínculos o una barra de vínculos anterior o siguiente basada en la estructura de exploración del sitio web.
Tabla de contenido
Para este sitio web: inserta una tabla de contenido (índice del sitio). Debe elegirse la página inicial, mostrar cada página una sola vez, mostrar páginas sin hipervínculos entrantes, actualizar automáticamente al agregar o al cambiar páginas existentes.
Basada en la categoría de la página: inserta una tabla de contenidos del sitio basado en las categorías elegidas.
Lista de los 10 mejores
Páginas visitadas: muestra en un listado las 10 páginas más visitadas del sitio.
Dominios remitentes: muestra un listado con los 10 dominios que más remiten al sitio.
URLs remitentes: muestra un listado con las 10 url que más remiten al sitio.
Cadenas de búsqueda: muestra un listado con las 10 cadenas de búsqueda que los visitantes utilizan con mayor frecuencia en los motores de búsqueda para encontrar el sitio web.
Usuarios visitantes: muestra un listado de los 10 visitantes más frecuentes del sitio web.
Sistemas operativos: muestra un listado de los 10 sistemas operativos más populares utilizados para ver el sitio web.
Explorador: muestra un listado de los navegadores más populares utilizados para ver el sitio web.
Controles avanzados
HTML: inserta contenido html, para agregar código a la vista diseño.
Subprograma Java: inserta un subprograma java, archivo de extensión class.
Complemento: inserta un complemento, por ejemplo una película de flash.
Campo de confirmación: en un formulario de confirmación, muestra la información de que ha entrado un visitante en el sitio.
Control Active X: inserta un control Active X. Abre un cuadro de diálogo y elegir el control Active X por ejemplo Control Calendar.
Película en formato Flash: explicado anteriormente.
Para crear un menú dinámico único
Para crear un menú dinámico único que muestra un submenú cuando se mueve el puntero del mouse (ratón) sobre el menú principal, siga estos pasos:
-En el menú Insertar , haga clic en nivel para insertar una capa denominada layer1 en la página Web. Layer1 se convertirá en el menú principal.
-Escriba algún texto en Layer1.
-Cambiar el tamaño Layer1 al tamaño de un botón.
-Coloque el punto de inserción en layer1. En el menú Insertar , haga clic en capas para insertar una nueva capa denominada layer2. Nivel 2 se convertirá en el submenú que aparece cuando se mueve el puntero sobre layer1.
-Escriba algún texto en layer2.
-Colocar layer2 bajo layer1.
-Si el Panel de tareas no está visible, haga clic en Ver y, a continuación, haga clic en Panel de tareas .
-Haga clic en capas en la lista del Panel de tareas .
-En la columna Visibilidad de capas , haga clic en una vez para layer2 . Se muestra el icono de un ojo abierto.
-Haga clic en el icono del ojo abierto para ocultar layer2. El icono de un ojo cerrado se muestra junto a layer2.
-Haga clic en layer1 en la lista de capas . A continuación, en la lista de Panel de tareas , haga clic en comportamientos .
En el panel de comportamientos , haga clic en Insertar y, a continuación, haga clic en Cambiar propiedad .
-Haga clic en Seleccionar elemento y, a continuación, haga clic en layer2 en la lista de Identificador de elemento .
-Haga clic en visibilidad , haga clic en visible y, a continuación, haga clic en Aceptar dos veces.
-En la lista de eventos que se encuentra en el panel de comportamientos , haga clic en onmouseover .
-En la lista del Panel de tareas , haga clic en capas .
-Haga clic en layer2 . A continuación, en la lista de Panel de tareas , haga clic en comportamientos .
-En el panel de comportamientos , haga clic en Insertar y, a continuación, haga clic en Cambiar propiedad .
-Haga clic en Seleccionar elemento y, a continuación, haga clic en layer2 en la lista de Identificador de elemento .
-Haga clic en visibilidad , haga clic en oculto y, a continuación, haga clic en Aceptar dos veces.
-En la lista de eventos que se encuentra en el panel de comportamientos , haga clic en onmouseout .
-Guarde la página. A continuación, obtener una vista previa la página en un explorador Web.
FORMULARIOS
Para insertar un formulario vamos a Insertar > Formulario > Formulario. Nos aparecerá una línea de puntos que delimita el formulario y los botones Enviar y Restablecer. A continuación hay que insertar en el formulario los elementos que nos interesen. Para ello vamos a Insertar > Formulario y seleccionamos el elemento que nos interese (cuadro de texto, área de texto, cuadro desplegable, etc)
A continuación tenemos que ajustar las propiedades de cada elemento (llamados campos). Para ello pinchamos con el botón derecho sobre cada elemento y seleccionamos Propiedades de Campo de Formulario. Según de qué tipo de campo se trate, nos aparecerá una ventana diferente:
Si se trata de un cuadro de texto nos aparecerá la siguiente ventana. Conviene poner el Nombre (en este caso he puesto "nombre" porque en este cuadro de texto es donde los visitantes escriben su nombre).
También conviene poner el Ancho en caracteres. Si tienen que escribir el nombre y los apellidos, por ejemplo, tal vez convendría poner 40 o más.
Si se trata de un cuadro desplegable nos aparecerá esta ventana. También tenemos que poner el nombre a este campo (en este caso he puesto "curso") y agregar las opciones seleccionables con el botón Agregar. En este ejemplo he agregado una opción correspondiente a cada curso.
En el caso del botón de opción pondremos el mismo nombre en los dos botones, y cambiaremos el valor (en este ejemplo ponemos el nombre "gustado", y en el valor ponemos en uno "sí" y en el otro "no").
Si se trata de un área de texto pondremos el nombre, el ancho en caracteres y el número de líneas.
Los formularios
Los formularios son tablas en las que el visitante de la página web puede escribir algo o seleccionar algunos valores.
Los formularios se utilizan para obtener opiniones de los visitantes, para permitir que ellos mismos vayan enriqueciendo la página web con sus aportaciones, etc. Los formularios son muy importantes para convertir nuestro sitio web en un recurso dinámico y participativo.
Un formulario puede tener un aspecto como este:
Nombre:
Curso: E. Infantil 1º primaria 2º primaria 3º primaria 4º primaria 5º primaria 6º primaria
¿Te ha gustado nuestro sitio web? Si No
Comentarios:
Los datos que los usuarios introducen en un formulario pueden ser enviados por correo a la dirección que queramos o pueden ser insertados en otra página.
Vamos a fijarnos en los elementos del anterior formulario:
Esto es un cuadro de texto. Se utiliza para escribir pocas palabras (nombre, provincia, etc)
E. Infantil 1º primaria 2º primaria 3º primaria 4º primaria 5º primaria 6º primaria Esto es un cuadro desplegable. Se utiliza para que el visitante pueda elegir entre varias opciones.
Esto es un botón de opción. Se utiliza para que el visitante pueda elegir una o varias opciones.
Esto es un área de texto. Se utiliza para que el visitante pueda escribir largos textos (opiniones, sugerencias, contribuciones, etc)
El botón enviar envía los resultados y el botón restablecer borra todo lo escrito en el formulario.
Para insertar un formulario vamos a Insertar > Formulario > Formulario. Nos aparecerá una línea de puntos que delimita el formulario y los botones Enviar y Restablecer. A continuación hay que insertar en el formulario los elementos que nos interesen. Para ello vamos a Insertar > Formulario y seleccionamos el elemento que nos interese (cuadro de texto, área de texto, cuadro desplegable, etc)
A continuación tenemos que ajustar las propiedades de cada elemento (llamados campos). Para ello pinchamos con el botón derecho sobre cada elemento y seleccionamos Propiedades de Campo de Formulario. Según de qué tipo de campo se trate, nos aparecerá una ventana diferente:
Si se trata de un cuadro de texto nos aparecerá la siguiente ventana. Conviene poner el Nombre (en este caso he puesto "nombre" porque en este cuadro de texto es donde los visitantes escriben su nombre).
También conviene poner el Ancho en caracteres. Si tienen que escribir el nombre y los apellidos, por ejemplo, tal vez convendría poner 40 o más.
Si se trata de un cuadro desplegable nos aparecerá esta ventana. También tenemos que poner el nombre a este campo (en este caso he puesto "curso") y agregar las opciones seleccionables con el botón Agregar. En este ejemplo he agregado una opción correspondiente a cada curso.
En el caso del botón de opción pondremos el mismo nombre en los dos botones, y cambiaremos el valor (en este ejemplo ponemos el nombre "gustado", y en el valor ponemos en uno "sí" y en el otro "no").
Si se trata de un área de texto pondremos el nombre, el ancho en caracteres y el número de líneas.
Ahora nos queda ajustar las propiedades de formulario. Para ello pinchamos con el botón derecho dentro del formulario (cualquier punto dentro de la línea de puntos que lo delimita) y seleccionamos Propiedades de Formulario. Nos saldrá esta ventana:
Si queremos enviar los resultados a otra página web pincharemos en examinar y buscaremos la página seleccionada.
Si lo que queremos es que se envíen los resultados a nuestro correo electrónico escribiremos la dirección de email en la casilla correspondiente.
En la ventana anterior, antes de Aceptar, pincharemos en opciones.
Nos sale una ventana con cuatro pestañas:
Vamos a ver lo que hay que hacer en cada una de ellas:
Dentro de la pestaña resultados, pincharemos en examinar para seleccionar la página web a la que queremos enviar los resultados.
En Formato de archivo yo recomiendo elegir HTML.
En la pestaña resultados por correo electrónico insertaremos la dirección de correo que ha de recibir los resultados.
Más abajo podemos escribir la línea asunto. Esto será el título del mensaje enviado por correo electrónico.
En la pestaña campos guardados, simplemente hemos de seleccionar los campos que queremos que sean guardados o enviados (aparecerán todos salvo que borremos alguno en esta ventana).
En la pestaña Página de confirmación tenemos que hacer algo importante. Es conveniente que cuando el usuario rellena el formulario y le da a enviar, aparezca una pantalla que diga algo así como que "los datos han sido enviados con éxito, gracias por colaborar" y que incluya un enlace para volver a la página principal.
Bueno, pues lo que tenemos que hacer es crear esa página de confirmación. Simplemente creamos una nueva página en blanco, dentro de la misma carpeta, que podemos llamar confirmacion.htm. En esta página metemos un texto de confirmación y agradecimiento y un enlace a la página principal o de vuelta al apartado en el que estábamos.
A continuación volvemos a propiedades de formulario y pinchamos de nuevo en opciones para que nos vuelva a salir esta ventana. En dirección URL de la página de confirmación pinchamos en examinar para seleccionar la página confirmacion.htm que acabamos de crear.
A veces, si hemos seleccionado que los resultados del formulario se incluyan en otra página web, resulta interesante que la página de confirmación sea esa misma página a la que hemos enviado los resultados. De esta manera, el usuario podrá ver su contribución publicada en el mismo momento en que pinche en enviar.
NOTA IMPORTANTE: Los formularios creados de esta manera sólo funcionarán si publicamos nuestro sitio web en un alojamiento (hosting) que tenga las extensiones de Frontpage. Un sitio web creado con Frontpage se puede publicar en cualquier tipo de hosting, pero si queremos que funcionen estos formularios tenemos que elegir uno que especifique que tiene extensiones de frontpage.
Los hipervínculos, enlaces o links son los elementos que diferencian la web de otros medios. Un hipervínculo supone enlazar la página web que estamos visualizando con otra página web; otra sección de la misma página; con un archivo; un servidor FTP; un archivo o una aplicación para descargar; una secuencia de sonido; vídeo o multimedia; una dirección de correo o un grupo de noticias.
Es posible acceder a través de la web a cualquier sitio empleando hipervínculos. A través de FrontPage es muy sencillo crear un hipervínculo a través del botón Hipervínculo de la barra de herramientas estándar o a través del menú Insertar, Hipervínculo.
Podemos crear los hipervínculos a partir de texto e imágenes, de forma que pulsando en ellos nos lleve a otra parte de la misma página, a otro archivo o página de nuestro sitio web o a una dirección URL. Para ello seleccionamos el texto o la imagen y pulsamos Insertar, HipervínculoSi deseas mas informacion acerca de este contenido has click AQUI
