SlideShare uma empresa Scribd logo
1 de 11
INSTITUTO TECNOLOGICO SUPERIOR
                  “HUAQUILLAS”

                 POST-BACHILLERATO

  MODULO SISTEMA CLIENTE SERVIDOR

TEMA:
               PAGINA WEB
INTEGRANTES:

         GLADYS MARIBEL SARMIENTO VASQUEZ
         GUISELA ESTEFANIA ORTUÑO TENESACA

PROFESOR:

             LIC. JAVIER ORELLANA
NIVEL:

                 CUARTO
¿QUE ES UNA PÁGINA WEB?

Una página web es el nombre de un documento o información electrónica adaptada para
la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en
un monitor de computadora o dispositivo móvil. Esta información se encuentra
generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras
páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen
otros recursos como hojas de estilo en cascada, guiones (scripts) e imágenes
digitales, entre otros.




Las páginas web pueden estar almacenadas en
un equipo local o un servidor web remoto. El
servidor web puede restringir el acceso
únicamente para redes privadas. El acceso a las
páginas web es realizado mediante su
transferencia desde servidores utilizando
el     protocolo   de      transferencia     de
hipertexto (HTTP).
Las Primeras Páginas Que Existieron

El ingeniero físico Tim Berners-Lee, que en 1989 formaba
parte del Organización Europea para la Investigación
Nuclear (CERN), redactó en marzo un documento denominado
“Information Management: A Proposal“, en el que teorizaba
sobre un sistema (llamado Mesh en su primer estadio) que
trabajase en ordenadores en lazados por redes cimentadas
en TCP/IP. En mayo de 1990 fue terminado el código y fue
bautizando con el nombre de “World Wide Web” o “La gran red
mundial”.




A finales del año 1990, el ingeniero industrial de sistemas Robert
Cailliau, se unió a Tim Berners-Lee para determinar la versión cero
de HTML (Lenguaje de Marcado de Hipertexto) o SGML (Estándar
de Lenguaje de Marcado Generalizado). Por lo que de esta
forma, el lenguaje de hipertexto se fusionaba con la red de Internet.
A la izquierda podemos contemplar una captura
para hacernos una idea de cómo se veían las
páginas en un equipo NeXT, bajo un sistema
operativo      NeXTStep,       empleando        el
explorador Line Mode, que permitía al usuario
editar e interactuar con la información. La
humanidad podía aprender más sobre el
hipertexto, exponiendo los pasos técnicos a seguir
para crear su propia página web.




La siguiente mejora fue lograr que el acceso a la
red fuese más asequible a la gente, por lo que en
la primavera de 1991 se desarrolló el primer
navegador universal por modo de líneas, que
aunque era más primitivo que los navegadores que
funcionaban bajo NeXT, permitía a cualquier
persona acceder a Internet bajo cualquier sistema
operativo.
En diciembre de 1991 se estableció el primer servidor fuera de Europa, localizado en el Stanford
Linear Accelerator Center (SLAC) (Centro de Aceleradores Lineales de Stanford), en Estados Unidos.



En noviembre de 1992, ya se establecieron 26 servidores en todo el mundo y comenzó la distribución
del primer visor gráfico para páginas, que funcionaba sólo bajo X.11.

En 1993 apareció Lynx, que sólo era capaz de interpretar texto, y en febrero de dicho año, el Centro
Nacional de Aplicaciones para Supercomputadoras (NCSA) de la Universidad de
Illinois desarrolló Mosaic, que permitía por fin navegar por Internet con PC o Apple Macintosh bajo
un entorno gráfico.


Aquí podemos ver captura de http://info.cern.ch/ en 1993, donde ya se ven los grandes avances en
cuanto a exploradores, similares a los actuales.
En el año 1994 se estableció una nueva versión de HTML, la 2.0. En ese mismo año nació el
mítico, pero ahora obsoleto navegador Netscape. También se creó la organización World Wide Web
Consortium, una comunidad internacional encargada de desarrollar estándares para asegurar el buen
funcionamiento de Internet. Actualmente (enero 2011) existen unos 274 millones de sitios web en la
red aunque tan sólo cerca de 110 millones se encuentran activos.



            Los Programas más Utilizados para Crear Páginas Web

A medida que se actualice este sitio encontrará en los mismos cursos, tutoriales e información de cada
uno de ellos como son:

Linux, Microsoft Windows, Microsoft Excel, Microsoft Word, Microsoft FrontPage , Microsoft
PowerPoint, Microsoft Access, Dreamweaver, Flash, CorelDRAW, AutoCAD, Power translator, Microsoft
Encarta, Photoshop, Visual Basic, 3D Studio Max, Opera, Norton Antivirus, Panda
Antivirus, Winamp, WinZip, Adobe Acrobat, Codec, Cristal.



         Como Crear Páginas Web en FrontPage
Preparemos una carpeta con los archivos que estaremos utilizando, ya sea imágenes o otras paginas
vinculadas en esta, ya que así resulta más fácil administrar una página 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.




Empecemos por teclear el titulo de nuestra página, en este caso lo haremos referente a Evaluación de
sistemas y será nuestra página principal, lo hacemos como se muestra en la siguiente imagen:
Para dar formato lo hacemos igual que 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
página, damos clic en la pestaña, en la parte inferior izquierda.




Insertar una imagen en la página
principal
En este paso desde el menú insertar y en
la opción imagen desde archivo seguimos
hasta donde tenemos guardada nuestra
imagen.




Para crear un hipervínculo a partir de una
imagen
Seguiremos a seleccionar , y damos clic
derecho y seleccionamos la opción
hipervínculo.
Para saber si la 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 en la parte inferior izquierda
aparecerá la dirección que vinculamos.




Crear una estructura de exploración
Haga clic en Nueva página en FrontPage
crea una nueva página denominada "Página
nueva 1" bajo la página principal.
Gracias por su Atención

Mais conteúdo relacionado

Mais procurados (13)

Slideshare
SlideshareSlideshare
Slideshare
 
Maríaslideshare
MaríaslideshareMaríaslideshare
Maríaslideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Trabajo Final Lebron
Trabajo Final LebronTrabajo Final Lebron
Trabajo Final Lebron
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Slideshare
SlideshareSlideshare
Slideshare
 
Herramientas para montar el blog
Herramientas para montar el blogHerramientas para montar el blog
Herramientas para montar el blog
 
Definiciones T I C
Definiciones   T I CDefiniciones   T I C
Definiciones T I C
 
Presentación1 slideshareismenia
Presentación1 slideshareismeniaPresentación1 slideshareismenia
Presentación1 slideshareismenia
 
Primer trabajo de_informatica
Primer trabajo de_informaticaPrimer trabajo de_informatica
Primer trabajo de_informatica
 
estudios de
estudios de estudios de
estudios de
 

Semelhante a Pagina web (20)

El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-final
 
Diseño web
Diseño webDiseño web
Diseño web
 
Que es una página web
Que es una página webQue es una página web
Que es una página web
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Trabajo D La Xilanga 47 Jejeje
Trabajo D La Xilanga 47 JejejeTrabajo D La Xilanga 47 Jejeje
Trabajo D La Xilanga 47 Jejeje
 
Alany01
Alany01Alany01
Alany01
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Dn13 u3 a4_hbra
Dn13 u3 a4_hbraDn13 u3 a4_hbra
Dn13 u3 a4_hbra
 
Navegador
NavegadorNavegador
Navegador
 
Navegador
NavegadorNavegador
Navegador
 
Dedicatoria
DedicatoriaDedicatoria
Dedicatoria
 
Internet Explorer
Internet ExplorerInternet Explorer
Internet Explorer
 
World wide web
World wide webWorld wide web
World wide web
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Navegador
NavegadorNavegador
Navegador
 
Navegador
NavegadorNavegador
Navegador
 
Desarrollo angy
Desarrollo angyDesarrollo angy
Desarrollo angy
 
Web 1.0-2.0-3.0
Web 1.0-2.0-3.0Web 1.0-2.0-3.0
Web 1.0-2.0-3.0
 
Sistemas
SistemasSistemas
Sistemas
 
Sistemas
SistemasSistemas
Sistemas
 

Último

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Francisco158360
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
MiNeyi1
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 

Último (20)

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 

Pagina web

  • 1. INSTITUTO TECNOLOGICO SUPERIOR “HUAQUILLAS” POST-BACHILLERATO MODULO SISTEMA CLIENTE SERVIDOR TEMA: PAGINA WEB INTEGRANTES: GLADYS MARIBEL SARMIENTO VASQUEZ GUISELA ESTEFANIA ORTUÑO TENESACA PROFESOR: LIC. JAVIER ORELLANA NIVEL: CUARTO
  • 2. ¿QUE ES UNA PÁGINA WEB? Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo móvil. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imágenes digitales, entre otros. Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privadas. El acceso a las páginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).
  • 3. Las Primeras Páginas Que Existieron El ingeniero físico Tim Berners-Lee, que en 1989 formaba parte del Organización Europea para la Investigación Nuclear (CERN), redactó en marzo un documento denominado “Information Management: A Proposal“, en el que teorizaba sobre un sistema (llamado Mesh en su primer estadio) que trabajase en ordenadores en lazados por redes cimentadas en TCP/IP. En mayo de 1990 fue terminado el código y fue bautizando con el nombre de “World Wide Web” o “La gran red mundial”. A finales del año 1990, el ingeniero industrial de sistemas Robert Cailliau, se unió a Tim Berners-Lee para determinar la versión cero de HTML (Lenguaje de Marcado de Hipertexto) o SGML (Estándar de Lenguaje de Marcado Generalizado). Por lo que de esta forma, el lenguaje de hipertexto se fusionaba con la red de Internet.
  • 4. A la izquierda podemos contemplar una captura para hacernos una idea de cómo se veían las páginas en un equipo NeXT, bajo un sistema operativo NeXTStep, empleando el explorador Line Mode, que permitía al usuario editar e interactuar con la información. La humanidad podía aprender más sobre el hipertexto, exponiendo los pasos técnicos a seguir para crear su propia página web. La siguiente mejora fue lograr que el acceso a la red fuese más asequible a la gente, por lo que en la primavera de 1991 se desarrolló el primer navegador universal por modo de líneas, que aunque era más primitivo que los navegadores que funcionaban bajo NeXT, permitía a cualquier persona acceder a Internet bajo cualquier sistema operativo.
  • 5. En diciembre de 1991 se estableció el primer servidor fuera de Europa, localizado en el Stanford Linear Accelerator Center (SLAC) (Centro de Aceleradores Lineales de Stanford), en Estados Unidos. En noviembre de 1992, ya se establecieron 26 servidores en todo el mundo y comenzó la distribución del primer visor gráfico para páginas, que funcionaba sólo bajo X.11. En 1993 apareció Lynx, que sólo era capaz de interpretar texto, y en febrero de dicho año, el Centro Nacional de Aplicaciones para Supercomputadoras (NCSA) de la Universidad de Illinois desarrolló Mosaic, que permitía por fin navegar por Internet con PC o Apple Macintosh bajo un entorno gráfico. Aquí podemos ver captura de http://info.cern.ch/ en 1993, donde ya se ven los grandes avances en cuanto a exploradores, similares a los actuales.
  • 6. En el año 1994 se estableció una nueva versión de HTML, la 2.0. En ese mismo año nació el mítico, pero ahora obsoleto navegador Netscape. También se creó la organización World Wide Web Consortium, una comunidad internacional encargada de desarrollar estándares para asegurar el buen funcionamiento de Internet. Actualmente (enero 2011) existen unos 274 millones de sitios web en la red aunque tan sólo cerca de 110 millones se encuentran activos. Los Programas más Utilizados para Crear Páginas Web A medida que se actualice este sitio encontrará en los mismos cursos, tutoriales e información de cada uno de ellos como son: Linux, Microsoft Windows, Microsoft Excel, Microsoft Word, Microsoft FrontPage , Microsoft PowerPoint, Microsoft Access, Dreamweaver, Flash, CorelDRAW, AutoCAD, Power translator, Microsoft Encarta, Photoshop, Visual Basic, 3D Studio Max, Opera, Norton Antivirus, Panda Antivirus, Winamp, WinZip, Adobe Acrobat, Codec, Cristal. Como Crear Páginas Web en FrontPage Preparemos una carpeta con los archivos que estaremos utilizando, ya sea imágenes o otras paginas vinculadas en esta, ya que así resulta más fácil administrar una página Web. Aprenderá a: •Abrir FrontPage. •Crear páginas Web. •Trabajar con texto e hipervínculos.
  • 7. •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. Empecemos por teclear el titulo de nuestra página, en este caso lo haremos referente a Evaluación de sistemas y será nuestra página principal, lo hacemos como se muestra en la siguiente imagen:
  • 8. Para dar formato lo hacemos igual que 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::
  • 9. Para estar visualizado como va quedando nuestra página, damos clic en la pestaña, en la parte inferior izquierda. Insertar una imagen en la página principal En este paso desde el menú insertar y en la opción imagen desde archivo seguimos hasta donde tenemos guardada nuestra imagen. Para crear un hipervínculo a partir de una imagen Seguiremos a seleccionar , y damos clic derecho y seleccionamos la opción hipervínculo.
  • 10. Para saber si la 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 en la parte inferior izquierda aparecerá la dirección que vinculamos. Crear una estructura de exploración Haga clic en Nueva página en FrontPage crea una nueva página denominada "Página nueva 1" bajo la página principal.
  • 11. Gracias por su Atención