Foros de daboweb

GENERAL, ayuda informatica, trucos, problemas, internet, messenger, software, programas, solidaridad, P2P => MANUALES y TUTORIALES - FAQ,s, preguntas frecuentes ya respondidas => Manuales y tutoriales Webmaster => Mensaje iniciado por: Antonio de la Flor en 11 de Abril de 2004, 09:22:07 pm

Título: Instalacion y uso Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:22:07 pm
Nota previa: En este hilo hay varias cosas sobre frontpage (no sólo como instalarlo), empezamos con la instalación pero ni google sabe dónde acabaremos....

1. Instalación de Frontpage XP

Se muestran unas capturas de la instalación de Microsoft Frontpage XP SIN el resto de los omponentes de Office.
Metemos el cd de XP Profesional (el normal no lleva FP) y arranca automáticamente...
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:24:39 pm
1. Instalación de Frontpage XP. Imagen 1

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-1.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:25:10 pm
1. Instalación de Frontpage XP. Imagen 2

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-2.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:25:41 pm
1. Instalación de Frontpage XP. Imagen 3

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-3.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:28:57 pm
1. Instalación de Frontpage XP. Imagen 4

Te pueden aparecer algunas ventanas para que cierres aplicaciones abiertas, como esta que me salió a mi. Las cierras y ya está.

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-4.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:33:15 pm
1. Instalación de Frontpage XP. No hay imagen 5 (que torpe soy por Dios, :? )

Aquí debían venir unas cuantas imágenes que por mi torpeza no pude capturar en condiciones, en cuanto me lo instale otra vez las capturo con más cuidadín y las añado. Son varias.
Entre unas y otras hay que reiniciar.

:?
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:34:07 pm
1. Instalación de Frontpage XP. Imagen 6

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-6.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:34:56 pm
1. Instalación de Frontpage XP. Imagen 7

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-7.gif)
Título: [size=18][color=red]1. Instalación de Frontpage XP. Imagen 1
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:35:45 pm
1. Instalación de Frontpage XP. Imagen 8

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-8.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:36:34 pm
1. Instalación de Frontpage XP. Imagen 9

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-9.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:38:32 pm
1. Instalación de Frontpage XP. Imagen 10

En esos iconitos en forma de disco se le hace clic y se puede elegir la forma en que queremos que trabajen los componentes de cada parte, aquí se ha elegido "Ejecutar todo desde mi pc"

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-10.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:39:13 pm
1. Instalación de Frontpage XP. Imagen 11

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-11.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:41:56 pm
1. Instalación de Frontpage XP. Imagen 12

Ahora empiezan una barras de progreso, varias de ellas que pueden tardar un tiempecito. Sólo capturé dos, son unas cuantas.. Si el ordenador es lento aprovechamos para mirar que está haciendo el niño pequeño tan callado, nos fumamos un cigarrillo o algo a elegir....

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-12.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:42:50 pm
1. Instalación de Frontpage XP. Imagen 13

Lo mismo que la imagen 12.

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-13.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:43:35 pm
1. Instalación de Frontpage XP. Imagen 14

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-14.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:46:09 pm
Nota previa: En este hilo hay varias cosas sobre frontpage (no sólo como instalarlo), empezamos con la instalación pero ni google sabe dónde acabaremos....

1. Instalación de Frontpage XP. Imagen 15

Véis que le digo que no reinicie, eso son manías mías. No me gusta que las "cosillas" las haga el ordenador solo, prefiero hacerlo yo manualmente o mínimo que me pregunte antes.
Después cerré aplicaciones que tenía abiertas y reinicié normalmente por supuesto.
 
(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-15.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:49:15 pm
1. Instalación de Frontpage XP. Imagen 16

Aquí está, en Inicio/ Programas. Si tenéis Windows Xp por supuesto estará en Inicio/ Todos los programas.
En la carpeta "Herramientas de Microsoft Office" que véis debajo suya hay cosas de interés que conviene mirar algún día.
Si lo vas a usar mucho conviene crearle un acceso directo en el escritorio.

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-16.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 11 de Abril de 2004, 09:51:35 pm
1. Instalación de Frontpage XP. Imagen 17 y última

Ahora ya lo podéis abrir y mostrará esta ventana o pantalla. Ya está listo para usar.

(http://www.adelaflor.com/imagenes/editor-web/fpxp-1-17.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 12:34:34 am
2. Tu primera página en frontpage.
2.1 Las pestañas "Normal" y "Html"


Vamos a hacer una página sencillita con frontpage XP, tendrá un poco de texto, un enlace y un dibujo o fotografía
La ventana que se abre en el FP es esta, he copiado y ampliado las pestañas o solapas que se ven abajo a la izquierda en el centro de la imagen. Vamos a usar la "Normal" y la "html". La otra no hace falta para nada.
Para ver como quedará la página una vez esté en internet (usando un navegador) basta hacer clic en la lupita que hay debajo de la palabra "formato" arriba del todo, en la barra de menús.
La normal es en la que trabajaremos cómodamente, pero en la pestaña "html" veremos qué es lo que realmente estamos haciendo
Se puede tener un sitio web decentito y no usar nunca html pero ni siquiera mirar que es lo que nos escribe el FP o el Dreamweaver en html es sencillamente una locura

(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-1.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 12:40:01 am
2. Tu primera página en frontpage.
2.2 El código inicial html de la página


La página, aunque aún no hemos escrito nada en ella ya tiene un código html escrito, como podemos observar haciendo clic en la pestaña correspondiente.
Estos códigos no los voy a explicar aquí, lo haré en otro hilo de este foro.
Aquí simplemente que los miréis y veáis que va cambiando y añadiendo el programa FP: el html vendrá más adelante si llegáis a hacer una web que os entusiasme.

(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-2.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 12:43:19 am
2. Tu primera página en frontpage.
2.3 Escribir texto y enlaces


Para escribir texto simplemente haces clic y escribes en la pestaña Normal. para incluir un enlace basta que la dirección escrita sea correcta y el programa automáticamente "activa" el enlace.

(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-3.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 12:55:01 am
2. Tu primera página en frontpage.
2.4 Código del texto y los enlaces


Observa lo que ha hecho con el enlace, eso es "una etiqueta html".
Observa que arriba donde pone "pagina_nueva_1.htm" (que es el nombre provisional de la página) hay ahora un asterisco: eso es importante, quiere decir que la página actual no está guardada en disco todavía (no está "grabada")
Observa también que el nombre de la página no lleva acentos, ni mayúsculas, ni eñes o signos como ç u otros, tampoco lleva espacios (en su lugar hay unos guiones bajos). Estas reglas deben observarse siempre al ponerle nombres a las páginas, con la única excepción de los guiones bajos que si te fías más de mi que de frontpage le pondrás guiones normales, así:
pagina-nueva-1.htm

(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-4.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 12:57:00 am
2. Tu primera página en frontpage.
2.5 Insertar una imagen


Para que al ver la página web aparezca una imagen haces clic donde quieras que aparezca en la vista normal y clic como se ve ahí en la barra de menús

(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-5.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 01:06:05 am
2. Tu primera página en frontpage.
2.6 Buscar la imagen en el disco


Entonces te aparecerá una "Ventana de exploración" para buscar la imagen en tu disco duro (para poner una que ya esté colgada en la red lo explico más abajo).
Por defecto aparecerá la carpeta Mis documentos/Mis webs o similar
Las imágenes deberías haberlas guardado previamente ahí: te recomiendo todas juntas dentro de la carpeta "images" que ves ahí
Desde luego puedes guardar la web en otra carpeta de tu disco o tener la imagen en otro lado distinto de la web, pero todo eso trae complicaciones que no es el momento ahora de detallar.
Si no la guardaste previamente ahí sin cerrar FP abre mis documentos o mi pc y cópiala dentro de Mis documentos/ Mis webs/ images
Si tuviste este contratiempo luego a lo mejor tienes que anular la inserción de la imagen en la página y volverlo a intentar para que el windows actualice la información de que ese archivo está ahí.
Esto es una cosa que pasa cada dos por tres (por lo menos a los editores web/ webmasters despistados como yo)

(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-6.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 01:07:16 am
2. Tu primera página en frontpage.
2.7 Ya está hecha la página


(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-7.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 01:18:05 am
2. Tu primera página en frontpage.
2.8 Guardar la página


Si quieres poner una imagen que está en la red en lugar de una que esté en el ordenador a la página ya hecha le das a vista html (en la pestaña de abajo) y verás que hay una etiqueta que pone por ejemplo

Citar

<img border="0" src="images/element/bot_sicologia.gif">


O bien

Citar

<img border="0" src="file:///c:\misdoc~1\miswebs\images\element\bot_sicologia.gif">


Pues le pones algo así como

Citar

<img border="0" src="http://www.adelaflor.com/images/element/bot_sicologia.gif">


Ya has acabado así que cierras FP y te dice de guardar tu página, si es la primera lo emjor que le des ese nombre que te ofrece de "index.htm" que es un nombre muy peculiar.

(http://www.adelaflor.com/imagenes/editor-web/fpxp-2-8.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Dabo en 12 de Abril de 2004, 01:42:48 am
a ver si lo publico en la portada de la web porque es una pasada, esta bien lo del front porque es el mas utilizado ya posteare algunas del dream pero dudo que me queden tan bien como a ti


por favor leelo y borra ok ????  :lol:


espectacular
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 12:54:53 pm
Umm
Gracias por tus palabrs, pero que quieres que borre ¿tu mensaje en este hilo?
Si quieres los borro pero por mi no,  no estorba ni desentona ni nada
:)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Dabo en 12 de Abril de 2004, 07:48:29 pm
bah es que me molo mucho lo que habias puesto pero es como si te lo rompiese,  :lol: , decia borrar mi comentario  :lol:

animo  :!:
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 12 de Abril de 2004, 08:43:36 pm
Mejor dejamos los comentarios
Así se ve que es una cosa viva, más abajo cuando el señor cronos lo permita habrá un 3 y 4 y así y todo habrá comentarios en el medio y preguntas si Dios quiere
Me gustaría que fuese así en todo este foro de webmasters.
Un saludo y gracias de nuevo
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Dabo en 13 de Abril de 2004, 03:28:28 pm
bien bien, los comentarios lo humanizan mas  :wink:  :lol:

sin presion hermano  :D
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Belinda en 17 de Abril de 2004, 02:02:04 am
Gracias  Antonio has hecho un magnifico tutorial muy bien explicado  :D

Pero tengo una duda...

No puedo ver las imagenes en mi tutorial,he seguido al pie de la letra tus últimos post y  lo único que tengo diferente ,es que he abierto tantas veces el frontpage que borré todas las carpetas que me había creado y yo lo que hice fue lo siguiente:

Cree una carpeta en mis documentos llamada " WEB"donde está el index y una subcarpeta de ésta llamada  "IMAGENES" donde metí todas las imagenes ...

En el frontpage las veo ,pero a la hora de subirla a lycos se pierden..

http://usuarios.lycos.es/colibricito88/index.htm

Chaito
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 17 de Abril de 2004, 02:25:58 am
Hola
Cuando empecé a hacer webs usaba servidores gratuitos como todo el mundo y por necesidad y curiosidad probé un número interesante de ellos.
Los servidores de tripod Lycos me dieron mal resultado, la causa la puedes ver tú misma en tu página.
Abre colibricito index y hazle clic derecho y ver código fuente (si usas el Internet Explorer) verás que NO ES LO MISMO que tienes en el código fuente de tu página en tu ordenador.
Si observas hay BASTANTE código añadido, esas etiquetas "frames" por ejemplo son sumamente intrusivas y alteran toda la presentación de la página.
Frames son en español "marcos" -ya los explicaré más adelante en este foro y porqué no se deben usar- pero para que te hagas una idea tu página está DENTRO de otra página que la controla, que es el frame o marco.
A partir de ahí cualquier cosa te la puedes esperar.
Yo en una de las webs que hice en Lycos Tripod tuve ese problema -exactamente el mismo-.
La única ventaja de Tripod es que facilita una gran cantidad de espacio pero si se necesita menos espacio es preferible usar otros servidores gratuitos menos intrusivos como Ono o si no te gusta te busco alguno más. Eso sí Ono es un poco "rácano" (o sea, poco generoso) con el espacio pero no te pone marcos ni publicidad ni te invalida los enlaces ni descargas ni familia.
Por supuesto NO CRITICO ni a lycos ni a Ono ni a nadie, dan servicios gratis y esto es de agradecer, pero no porque nos regalen algo quiere decir que sea lo que nosotros deseamos o nos convenga, y desde luego nada podemos exigir. Me limito a exponer mi opinión y experiencia, que es la que queda arriba.
Un beso :)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Belinda en 17 de Abril de 2004, 02:35:59 am
Pues si ,he visto el codigo fuente y tiene un montón de metralla la web......
Te haré caso y probaré con una sin propaganda a ver si es ese el error 8)

Sería interesante hacer una encuesta   de webs que  den alojamiento gratuito  para subir archivos,ya que  nuestros manuales estaban en Isla Virtual y Galeón y estás nos han retirado el alojamiento.....y mucha peña de aquí usaba esas webs gratuitas.

Bueno me voy a probar tu segunda opción ....

Gracias  Antonio (http://usuarios.lycos.es/colibricito/TgC_emoticon38.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 17 de Abril de 2004, 02:49:58 am
Pues si
La creo la encuesta ahora mismo
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Belinda en 17 de Abril de 2004, 03:46:30 am
Antonio tenías mucha razón era la publicidad que no me dejaba ver los graficos...... :oops:

Subida y ahora em falta ponerle un fondo de color , como se lo pongo al mismo manual.....? seguimos en este hilo o otro? :roll:

MANUAL (http://adelaflor.com/equipo/belinda/xnview.html)

Besos(http://usuarios.lycos.es/colibricito/TgC_emoticon38.gif)
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 17 de Abril de 2004, 03:58:49 am
Aquí mismo
Sistema cómodo:
En frontpage abres la página y clic en Formato/ Fondo
Sistema para chic@s dur@s y curtid@s:
Busca una etiqueta en la pestaña html de tu página que ponga <body> y la sustituyes por una que ponga <body background="images/fondow.jpg"> donde images/ fondow.jpg son la carpeta y archivo del fondo
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Belinda en 17 de Abril de 2004, 04:29:27 am
Citar
Sistema cómodo:
En frontpage abres la página y clic en Formato/ Fondo


Ya está super fácil ,gracias Antonio
Título: Frontpage: ¿Cómo lo hago?
Publicado por: Antonio de la Flor en 10 de Febrero de 2005, 11:36:33 pm
Hola

Se me quedó creo que fue en este hilo hace muchos meses una pregunta por contestar.

Belinda me preguntó cual era la mejor distribución de los contenidos en las carpetas de una web.

Bien esta pregunta no he tenido una respuesta clara en la mente hasta ahora.

Todo el contenido visble de una web está dentro de una carpeta llamada html
No hace falta crear la carpeta html ni debe crearse, esta carpeta ya existe y cuando subimos va a parar todo DENTRO de ella.

Para webs medianas o pequeñas lo ideal es distribuir los contenidos en caprpetas según la naturaleza del archivo.

Las imágenes jpg, png y gif en una carpeta llamada "imagenes" (sin acentos) o "images" por ejemplo

Las descargas en una carpeta llamada igualmente "descargas" o algo similar

Las imágenes que se repiten en todas las páginas de la web y otros componentes muy utilizados como el fondo, la hoja de estiilos y similares en una carpeta llamada por ejemplo "auxiliar"

Los archivos htm y html en la raiz, o a lo sumo si son muy pocos en una carpeta llamada "paginas" o "contenidos" o algo así PERO NUNCA HTML ya que se prestaria a confusión con la ya existente html que no vemos porque es en la que tenemos todo el cotenido

La única página que SIEMPRE debe estar en la raiz (o sea en la carpeta html que no vemos) y nunca en una carpeta es la portada de la web, que normalmente se llamará index.htm o index.html

Si la web tiene un número superior de páginas a digamos 50 ya habría que plantearse una estructura diferente.

Un saludo :)