Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
3Activity
0 of .
Results for:
No results containing your search query
P. 1
CursoFrontPageParteI

CursoFrontPageParteI

Ratings: (0)|Views: 37|Likes:
Published by api-3829848

More info:

Published by: api-3829848 on Oct 18, 2008
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

03/18/2014

pdf

text

original

Curso de iniciaci\u00f3n al dise\u00f1o web de
expertosdelweb.com
Microsoft
F r o n t P a g e 2000
http://www.expertosdelweb.com/
Prohibida la copia o reproducci\u00f3n - Todos los derechos reservados
1. Presentaci\u00f3n del programa............................................................................................................. .....3
2. Crear una web...................................................................................................................... .................4
www.expertosdelweb.com
Dise\u00f1ando webs con Microsoft Frontpage 2000
www.expertosdelweb.com

3. La primera p\u00e1gina................................................................................................... ............................5 4. Propiedades de p\u00e1gina..................................................................................................................... ....6 5. Las tablas y las celdas..................................................................................................... ....................9 6. Ejercicio 1: primera parte................................................................................................... ................11 7. Los hiperv\u00ednculos............................................................................................................ ...................13 8. Los marcadores................................................................................................................ ..................15 9. Ejercicio 1: segunda parte........................................................................................... ......................16 10. Las im\u00e1genes.................................................................................................................... .................17 11. Im\u00e1genes de fondo................................................................................................... .........................20 12. Crear la estructura de la web................................................................................................ ............22 13. Navegaci\u00f3n autom\u00e1tica........................................................................................................... ..........23 14. Los temas........................................................................................................................... ................25 15. P\u00e1ginas de marcos......................................................................................................... ...................26 16. Ejercicio 1: tercera parte................................................................................................... ................30 17. Mailto........................................................................................................................ ..........................31 18. Los formularios........................................................................................................................... .......32 19. Ejercicio.................................................................................................................................... ..........35 20. Las hojas de estilo..................................................................................................................... ........40 21. Html din\u00e1mico.................................................................................................................. ..................42 22. Publicar en la Red...................................................................................................................... ........43 23. Como insertar sonido (y video)...................................................................................... ..................48 245. Java Scripts................................................................................................................................ ......54 25. C\u00f3mo hacer archivos que se puedan bajar desde una web................................... .......................55 26. C\u00f3mo crear archivos .zip y .exe con WinZip................................................................ ...................57

1. Presentaci\u00f3n del programa

Las p\u00e1ginas web est\u00e1n basadas en los que se llama el hipertexto. Word, por ejemplo, es un procesador de textos y el producto final est\u00e1 previsto para imprimirlo. Se trata de un texto lineal, es decir, que se comienza por la primera l\u00ednea del primer p\u00e1rrafo y se acaba en la \u00faltima l\u00ednea del \u00faltimo p\u00e1rrafo. En el hipertexto no hace falta seguir el documento de forma lineal, sino que se establecen saltos (hiperv\u00ednculos) de forma que cada vez que encontramos alguno de ellos podemos ir a otro sitio de la p\u00e1gina. Por esta raz\u00f3n son documentos que se crean para ser vistos en pantalla.

2
Dise\u00f1ando webs con Microsoft Frontpage 2000
www.expertosdelweb.com
Las p\u00e1ginas web sirven para preparar materiales en este formato y ser utilizados con los
navegadores de Internet y tambi\u00e9n para ser publicados en Internet.

Frontpage es del grupo de Microsoft Office y en la versi\u00f3n 2000 aparece junto con Word, Access, Excel, etc. El entorno que ofrece es muy parecido a Word y se trabaja igual en l\u00edneas generales. Ya iremos viendo las opciones que puedan ser diferentes.

Hasta hace poco las p\u00e1ginas web hab\u00eda que hacerlas escribiendo el c\u00f3digo html y comprobando el resultado en un navegador. Pero con el tiempo fueron apareciendo programasw ysiw yg (what you see is what you get), es decir, que se puede trabajar directamente sobre los resultados finales.

En la creaci\u00f3n de p\u00e1ginas web Frontpage 2000 es uno de estos programas que nos permite trabajar directamente sobre los resultados finales. Tambi\u00e9n sigue manteniendo la posibilidad de trabajar con el c\u00f3digo, que es necesario cuando se trabajan con opciones m\u00e1s avanzadas en la creaci\u00f3n de p\u00e1ginas web como, por ejemplo, conja vascript.

En las tres pesta\u00f1as que aparecen en la parte inferior de la ventana de trabajo podemos
ver:\u2022
Normal: Es el modo edici\u00f3n de trabajo en la que se trabaja la p\u00e1gina y todas las
modificaciones que necesite.
\u2022
HTML: Es donde aparece todo el c\u00f3digo de la p\u00e1gina y que podemos tambi\u00e9n
modificarlo. Frontpage va creando el c\u00f3digo de forma autom\u00e1tica.
\u2022
Vista previa: Es el resultado de la p\u00e1gina, es decir, tal como se ver\u00eda en Internet
Explorer, ya que ambos programas pertenecen a Microsoft. Este mismo resultado
lo podemos ver directamente en el navegador con el icono
.

La forma en que funcionan las p\u00e1ginas es a trav\u00e9s del c\u00f3digo, que es ASCII. Este c\u00f3digo es el que viaja por las l\u00edneas telef\u00f3nicas y cuando llegan al navegador de un ordenador, \u00e9ste lo interpreta y muestra los resultados. Nosotros vamos a trabajar en modo normal, pero para quienes les interese profundizar en el lenguaje html pueden encontrar en Internet manuales completos.

3

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->