Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez.

Slides:



Advertisements
Presentaciones similares
Escribir en un wiki. Insertar imágenes y enlaces
Advertisements

PÁGINA WEB DEL INSTITUTO Manual de utilización. ¿Cómo colgar información en la página web? Para colgar información se necesita: Un programa de confección.
ESCRIBIR, INSERTAR VÍNCULOS E IMÁGENES en un WIKI Adela Fernández, Irene González, Marimar Pérez.
Koldo Parra de la Horra 1 MANUAL DEL PUBLICADOR EN JOOMLA (9) Todo lo que necesitas saber para publicar tus artículos en la página Web del Centro Insertar.
TUTORIAL PASO A PASO Parte 2. PASO 7: Organizando los archivos Antes de dar inicio a la creación del contenido del curso debes tomar en cuenta que necesitarás.
INVESTIGACION INFORMATICA AVANZADA
INTERNET EXPLORER 7 – WINDOWS VISTA
POWER POINT.
GUIA PARA SUBIR UN SITIO WEB POR FTP Ing. Marco Antonio Vital Yep.
Tema: Técnicas Básicas Excel (III) Trucos, opciones y personalización de Excel Índice: 1 Vínculos absolutos y relativos, conectando datos de Excel con.
MANUAL FREEMIND.
CURSO DE OFIMATICA BASICA
Kompozer.
PROCESADOR DE TEXTO.
Funcionamiento Básico
1, 2, Inicio de Programa Se presentan dos opciones: Crear una presentación vacía o de plantilla.
DISEÑO DE SITIOS WEB FRONTPAGE 2003.
Microsoft Word.
Construcción de una página Web.
 Elaborar un documento en Word que contenga, marcadores, enlaces y gif animados.
¿Qué son? ¿Cómo se realizan? Configuración de la acción.
Grupo N° 5 Integrantes: Kathia Mariela Carrillo William Alexis Mendoza
1. QUÉ ES UN WIKI 2. COMO USAR UN WIKI 3. OBJETIVOS DEL DINAWIKI TALLER WIKI PARA DINAMIZADORES [[ PRESENTACIÓN ]] Reconocimiento - Compartir igual: El.
Presentaciones Powerpoint en la Web
Servicio de correo electrónico gratuito
Unidad didáctica 6 Diseño de páginas Web.
Publicación de bases de datos Access en la web
Texto del formato con los estilos de WordArt
POWER POINT.
FRONT PAGE INTRODUCION La Compañía Microsoft ha creado y patrocinado gran cantidad de programas que son muy fáciles de usar como por ejemplo Microsoft.
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
Es un programa sorprendente con un diseño mejor y más eficaz que el de las versiones anteriores. Pero quizás le resulte poco familiar. Por ese motivo.
Tutorial deDel.icio.us Tutorial de Del.icio.us. ¿Qué se puede hacer endel.icio.us? en del.icio.us?
Taller de Herramientas de Presentación
Clase 7 Tecnología de la Comunicación II Lics. en Com. Social y Periodismo F AC. DE C S. H UMANAS. UNSL. Sitio Web: construcción en In Design.
MS WORD 2007 Ing. Johanna Navarro. MS WORD 2007 Fundamentos en la edición Crear Tablas y listas Imágenes.
¿Que es hipervínculo? ¿Que nos permite?
Tarea de investigación
Excel La Hoja De Cálculo.
PARCIAL 1.
1 Una vez completada esta lección, podrá: Crear y modificar hipervínculos en hojas de cálculo. Guardar hojas y libros como páginas Web. Enviar libros por.
Creación de índice Un índice es una lista de palabras y el número de página donde se encuentra dicha palabra El índice se suele colocar al final de un.
Computación QUINTO - Primaria. HIPERVINCULOS  Hipervínculos o enlaces en tu documento de Word que te lleven a páginas web, direcciones de correo electrónico,
SISTEMA OPERATIVO WINDOWS.
Cándida Gallardo Tutorial de Wikispaces Comenzar a escribir 1. Entra en la Wiki del curso:
Internet y Navegadores Unidad 5. Fecha: 1 de agosto de 2011 Periodo# : 2 Objetivo: identificar el contenido de una dirección web Tema: Elementos de una.
 Dropbox es el lugar ideal para tus fotos, documentos, videos y archivos. Los archivos que guardes en tu Dropbox se mostrarán automáticamente en tus.
CURSO BASICO MICROSOFT WORD Profesor : Edwin Torres Mangones 2008.
Creación de un Blog Ing. Reina Muñoz.
SISTEMA OPERATIVO.
Guía de uso de e-Libro.
¿Como preparar un Power Point
Cómo hacer un trabajo con diapositivas
¿Cómo hacer los Wikis?. CREAR TU PROPIO WIKI PRIMERO, para registrarse se debe tener una cuenta de correo electrónico, se recomienda abrirlo en GMAIL.
Comandos Básicos de Microsoft Power Point
Hipervínculos Tema II.
1.Dar un formato a fondo para crear y modificar. 2.Solo modificar un formato 3.Para modificar un formato 4.Ninguna de las anteriores 1.Dar un formato.
Segunda página web: “docencia”. 2. Crear una nueva página. Una página en blanco.
Gerlin Guerrero Caracas, Octubre de 2002 UNIVERSIDAD PEDAGÓGICA EXPERIMENTAL LIBERTADOR INSTITUTO PEDAGÓGICO DE CARACAS.
Hipervínculos Año: 2011 Materia: Tecnología de la información y comunicación Curso: Primero Polimodal.
Imagen de Fondo La etiqueta... ; Permite introducir una imagen como fondo del documento HTML. A continuación se muestra un ejemplo:
P O W E R P O I N T CONCEPTOS BÁSICOS 1.
Crear una presentación para la web.
Fecha : Tema: Hipervínculos en word
Descargando en EBSCOhost Tutorial
Computación QUINTO - Primaria. HIPERVINCULOS  Hipervínculos o enlaces en tu documento de Word que te lleven a páginas web, direcciones de correo electrónico,
Instructor: Jesús Abraham Zazueta Castillo y Ana Lilia Arce Bonilla. Nivel: 2 Fecha: 20 de Febrero.
Google docs Tutorial para elaborar una presentación en línea con Google docs Prof. Edgar Oswaldo González Bello Prof. Adolfo Castillo Navarro Universidad.
TIC IES ENRIQUE NIETO 1 MANUAL DEL PUBLICADOR EN JOOMLA Todo lo que necesitas saber para publicar tus artículos en la página Web del Centro Poner archivos.
BARRA DE ARCHIVO DE WORD. NUEVO Esta es un apartado donde nos muestra que podemos cambiar una nueva hoja Word, donde nos aparecen diferentes plantillas.
Transcripción de la presentación:

Cómo hacer una página web Basado en la presentación de Ana Isabel Álvarez

Definiciones básicas. Pagina web. Es un documento electrónico que contiene información y que es almacenado en un sistema de cómputo que se encuentra conectado a la red mundial de información llamada internet, de tal manera que el documento puede ser consultado por cualquier persona. Pagina web. Es un documento electrónico que contiene información y que es almacenado en un sistema de cómputo que se encuentra conectado a la red mundial de información llamada internet, de tal manera que el documento puede ser consultado por cualquier persona.

Definiciones básicas II Hipervínculo. Son puntos del documento que permiten acceder a otra sección del mismo u otro exterior HTML. Es el lenguaje que usan las páginas web.

Qué editor utilizar El editor más sencillo es el de windows, pero hay otros como: El editor más sencillo es el de windows, pero hay otros como: 1. Composer de Nestcape. 1. Composer de Nestcape Deamweaver. 3. Frontpage, que será el que explicaremos. 3. Frontpage, que será el que explicaremos.

Como usar el frontpage

Preparación de una carpeta - En cualquier lugar de nuestro disco duro o del pen-drive preparamos una carpeta que podemos llamar web, en donde deben estar todas las páginas que creemos para enlazar y además una carpeta con todas las imágenes que necesitemos. Una cosa como esto:

Abrir una página Abrir una página Para crear una página nueva, se le da a archivo, y se abre una página en blanco, y se escribe lo que se desee. Y después se da a guardar como, y la primera hoja la pondremos de nombre index. Para crear una página nueva, se le da a archivo, y se abre una página en blanco, y se escribe lo que se desee. Y después se da a guardar como, y la primera hoja la pondremos de nombre index.

Cómo organizar las imágenes. Es importante que todas las fotos que vayan a salir en la web, las pongamos todas juntas en una carpeta llamada imagenes, y todas ellas deben estar en formato jpj. Es importante que todas las fotos que vayan a salir en la web, las pongamos todas juntas en una carpeta llamada imagenes, y todas ellas deben estar en formato jpj. Y se colocan como indica el dibujo, Y se colocan como indica el dibujo,

También se pueden insertar desde la barra de herramientas. También se pueden insertar desde la barra de herramientas.

Insertar hipervínculos. Escribimos el texto que deseamos para el hipervínculo y lo marcamos. Pulsamos a insertar y luego hipervínculo, o bien en la barra de herramientas el icono Escribimos el texto que deseamos para el hipervínculo y lo marcamos. Pulsamos a insertar y luego hipervínculo, o bien en la barra de herramientas el icono

Nos aparece el cuadro crear hipervinculo, y allí ponemos la dirección URL a la que queremos enlazar el texto marcado. Nos aparece el cuadro crear hipervinculo, y allí ponemos la dirección URL a la que queremos enlazar el texto marcado. Y damos a aceptar. Y damos a aceptar.

Enlaces internos. Poner un enlace entre dos página que hemos creado para nuestra web es el mismo procedimiento que para los enlaces exteriores a otras webs. Poner un enlace entre dos página que hemos creado para nuestra web es el mismo procedimiento que para los enlaces exteriores a otras webs. Escribimos el texto que mostrara en la página el enlace y lo marcamos. Escribimos por ejemplo Siguiente página. Escribimos el texto que mostrara en la página el enlace y lo marcamos. Escribimos por ejemplo Siguiente página. Pulsamos Insertar en la Barra superior Pulsamos Insertar en la Barra superior Y pulsamos sobre Hipervínculo. Y pulsamos sobre Hipervínculo.

Nos aparece en pantalla el Cuadro Crear Hipervínculo. En la parte central del cuadro aparecen las otras páginas que hemos creado para nuestra web. Nos aparece en pantalla el Cuadro Crear Hipervínculo. En la parte central del cuadro aparecen las otras páginas que hemos creado para nuestra web. Pulsamos sobre el Nombre de la página con la que queremos enlazar. Pulsamos sobre el Nombre de la página con la que queremos enlazar.

Pulsamos sobre el nombre del fichero correspondiente a la página que deseamos enlazar. Pulsamos sobre el nombre del fichero correspondiente a la página que deseamos enlazar. Luego se da a aceptar Luego se da a aceptar

Los marcadores Los marcadores nos permiten que al pulsarlos el visitantes la página se mueva y se muestre en pantalla otra parte de la misma. Los marcadores nos permiten que al pulsarlos el visitantes la página se mueva y se muestre en pantalla otra parte de la misma. Para crear un marcador nos situamos en el punto al que deseamos se mueva la página al pulsar. Para crear un marcador nos situamos en el punto al que deseamos se mueva la página al pulsar.

Pulsamos en la Barra superior Insertar y Marcador. Pulsamos en la Barra superior Insertar y Marcador. En el Cuadro Marcador que aparece escribimos un nombre para el marcador. Por ejemplo Superior. En el Cuadro Marcador que aparece escribimos un nombre para el marcador. Por ejemplo Superior.

Aparece una banderita indicando el punto que se muestra al activar el marcador Aparece una banderita indicando el punto que se muestra al activar el marcador Ahora tenemos que poner un enlace al marcador. Ahora tenemos que poner un enlace al marcador. Escribimos un texto para el marcador y lo marcamos. Escribimos un texto para el marcador y lo marcamos. Pulsamos en la Barra superior Insertar y seleccionamos Hipervínculo. Pulsamos en la Barra superior Insertar y seleccionamos Hipervínculo.

Nos aparece el Cuadro Hipervínculo. Y en la esquina inferior izquierda la opción Marcador. Pulsamos sobre el Botón de la opción Marcador y elegimos el nombre del marcador deseado. Nos aparece el Cuadro Hipervínculo. Y en la esquina inferior izquierda la opción Marcador. Pulsamos sobre el Botón de la opción Marcador y elegimos el nombre del marcador deseado. Para finalizar se le da a aceptar. Para finalizar se le da a aceptar. Se comprueba que el enlace funciona. Se comprueba que el enlace funciona.

Usar botones de Frontpage Para establecer los vínculos podemos utilizar los botones que nos ofrece el programa. Para establecer los vínculos podemos utilizar los botones que nos ofrece el programa. Se hace así: Se hace así: Insertar  Componente Web  Efectos dinámicos  Botón Interactivo  Aceptar Luego se elige el que se desee de entre una variada colección y una vez elegido se puede establecer el vínculo y variar los colores, etc.

Cómo modificar la página Vamos a archivo, y allí vamos a modificar desde frontpage. Vamos a archivo, y allí vamos a modificar desde frontpage.

Cómo usar una plantilla con marcos

Primero se debe tener una idea de lo que queremos hacer. Por ejemplo si queremos un marco a la izquierda donde aparecerá un menú y un marco a la derecha donde irán apareciendo las páginas elegidas en el menú, primero prepararemos las páginas que van a aparecer en el momento inicial, las guardaremos, por ejemplo con los nombres izquierda.htm y derecha.htm Primero se debe tener una idea de lo que queremos hacer. Por ejemplo si queremos un marco a la izquierda donde aparecerá un menú y un marco a la derecha donde irán apareciendo las páginas elegidas en el menú, primero prepararemos las páginas que van a aparecer en el momento inicial, las guardaremos, por ejemplo con los nombres izquierda.htm y derecha.htm 1. Archivo  Nuevo  Más Plantillas de páginas 2. Una vez elegida la plantilla con marcos nos da la opción a elegir qué páginas queremos que aparezcan en ambos sitios. Elegimos las que hemos creado anteriormente. Luego estableceremos loa enlaces necesarios en el menú de la izquierda 2. Una vez elegida la plantilla con marcos nos da la opción a elegir qué páginas queremos que aparezcan en ambos sitios. Elegimos las que hemos creado anteriormente. Luego estableceremos loa enlaces necesarios en el menú de la izquierda

Puede quedar una cosa así

Cómo colgar la página

Cómo colgar la web Para poder colgar una web, primero necesitaremos encontrar un espacio. Actualmente, muchas páginas ofrecen este servicio. Para poder colgar una web, primero necesitaremos encontrar un espacio. Actualmente, muchas páginas ofrecen este servicio. Al registrarte en una página como TERRA, TRIPOD, Menta, etc..., puedes acceder a otros servicios como el correo electrónico, el espacio para tu web, agenda... Al registrarte en una página como TERRA, TRIPOD, Menta, etc..., puedes acceder a otros servicios como el correo electrónico, el espacio para tu web, agenda... Cuando ya tenemos este espacio, podemos colgar las webs de dos formas distintas: directamente desde la web o con programas. Cuando ya tenemos este espacio, podemos colgar las webs de dos formas distintas: directamente desde la web o con programas.

Si la web nos ofrece la posibilidad de colgar nuestros archivos desde la misma, tenemos la ventaja de no tener que descargar un programa adicional. Pero a veces, no funcionan tan efectivamente que con programas FTP. Si la web nos ofrece la posibilidad de colgar nuestros archivos desde la misma, tenemos la ventaja de no tener que descargar un programa adicional. Pero a veces, no funcionan tan efectivamente que con programas FTP. Pasos a seguir. Pasos a seguir. 1. Registrarte 1. Registrarte

2. Entar el admistrador de archivos. 2. Entar el admistrador de archivos. 3. Seguir los pasos que allí ponen. 3. Seguir los pasos que allí ponen.