Info 5

Escuela Técnica Para La Salud
“ Maria Teresa Lang
MATERIA: Informática II
DOCENTE: Nelson Romero
TEMA: Pagina web
INTEGRANTES:
Mariela Tatiana Gonzales Aldana # 18
Kimberly Dayana Miranda Velis
Gabriela Elizabeth Santos Vásquez
GRADO Y SECCIÓN: 2B
Grupo: 14
INTRODUCCIÓN:
na página web, o página electrónica, o página digital,
o ciberpágina 1 2 es un documento o información electrónica
capaz de contener texto, sonido, vídeo, programas, enlaces,
imágenes, y muchas otras cosas, adaptada para la
llamada World Wide Web (WWW) y que puede ser accedida
mediante un navegador. Esta información se encuentra
generalmente en formato HTML o XHTML, y puede
proporcionar navegación (acceso) a otras páginas web
mediante enlaces de hipertexto. Las páginas web
frecuentemente también incluyen otros recursos como pueden
ser hojas de estilo en cascada, guiones (scripts), imágenes
digitales, entre otros.
Objetivos:
General:
•Definir el concepto de pagina web su estructura y diseño.
ESPECIFICOS:
1- Explicar el funcionamiento de una pagina web en la vida
cotidiana.
2- Enumerar los componentes de una pagina web.
REFLEXIÓN:
No hay que ser ingeniero para construir un amor, ni abogado
para defenderlo o doctor para salvarlo. Sí se requiere ser
sincero para conservarlo.
OPINIONES:
MARIELA:- La sinceridad ante todo la honestidad es más
importante no se necesita ser profesional,
Kimberly: - El amor es lo mejor que puede tener una persona
entonces hay que cuidarlo y ser sincero.
Gabriela: Las personas se confunden piensan que al ser
profesionales son mejores, lo que hace mejor a una persona es
su sinceridad.
DEFINICIÓN
Una página web, o página electrónica, o página digital,

o ciberpágina 1 2 es un documento o información electrónica
capaz de contener texto, sonido, vídeo, programas, enlaces,
imágenes, y muchas otras cosas, adaptada para la
llamada World Wide Web (WWW) y que puede ser accedida
mediante un navegador. Esta información se encuentra
generalmente en formato HTML o XHTML, y puede
proporcionar navegación (acceso) a otras páginas web
mediante enlaces de hipertexto. Las páginas web
frecuentemente también incluyen otros recursos como pueden
ser hojas de estilo en cascada, guiones (scripts), imágenes
digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local
o en un servidor web remoto. El servidor web puede restringir
el acceso únicamente a redes privadas, por ejemplo, en
una intranet corporativa, o puede publicar las páginas en la
World Wide Web. El acceso a las páginas web es realizado
mediante una transferencia desde servidores, utilizando
el protocolo de transferencia de hipertexto (HTTP).
ESTRUCCTURA:
Una estructura HTML se empieza con la etiqueta <html> y
acaba con </html>. Todo lo que esté en medio será la página
web. Dentro de <html></html> se encuentran 2 partes
diferenciadas.La primera <head></head> es la cabecera de la
página. Aquí irán cierta información que no es directamente el
contenido de la página. Aquí se pone el título de la página, los
metadatos, estilos, código javascript (todo esto se estudiará en
capítulos venideros). La primera que se suele estudiar es
<title></title>, que indica el título de la página (lo que el
navegador pone en la parte superior izquierda).
La segunda parte es <body></body>. Aquí va propiamente el

contenido de la página: fotos, párrafos, formularios, etc. Por
ejemplo, siguiendo con el ejemplo de la página anterior, el
siguiente código, podemos cambiar el título de la página. Para
verlo, puedes ver el código fuente de esta misma página. Para
eso, haz clic en el botón derecho => ver código fuente, y verás
así el código HTML de la página:
Observad el título en la parte superior izquierda de la página.
Además, dentro de <body></body> distinguimos varias
etiquetas:
 => Indica salto de línea. En HTML un salto de línea normal
(púlsando la tecla Enter) no produce un salto de línea en el
resultado. Es necesario escribir (u otra etiqueta similar).
 => Indica comienzo y fin de negrita.
 => Itálica.

DISEÑO:
Desde los inicios de la World Wide Web, tanto el diseño de las
páginas como de la propia estructura de los hiperdocumentos,
ha variado enormemente. Si al principio, los hipertextos en la
Web se limitaban a plasmar, sobre este nuevo medio, un texto
impreso segmentándolo en pequeños bloques y colocando aquí
y allá algunos enlaces, en la actualidad, las páginas web se han
convertido en verdaderas obras de diseño gráfico, multimedia e
ingeniería informática. Integración de bases de datos,
servicios online, inclusión de sofisticadas herramientas de
búsqueda y recuperación de
información, dinamismo, usabilidad e interactividad, éstas son
las claves de las páginas web actuales. Ya no importa sólo el
contenido presentado, sino su diseño y, sobre todo, su
funcionalidad.
En 1997, David Siegel en Técnicas avanzadas para el diseño de
páginas web distinguía 3 generaciones en el desarrollo de las
interfaces de la WWW:
 Webs de primera generación:

o estructura lineal
o eventual inserción de fotografías y líneas de

separación
o baja definición (proyectados para terminales ASCII en
blanco y negro)
 Webs de segunda generación:
o iconos en vez de palabras subrayadas con azul
o menú de opciones
o fondos coloreados o con imágenes
o bordes azules alrededor de las figuras interactivas
 Webs de tercera generación:

o hegemonía del diseño sobre la tecnología
o utilización de metáforas
o uso de un layout tipográfico y visual para la

descripción de una página bidimensional
o estructura entrada -área central- salida
Sin embargo, hoy podemos hablar de una cuarta generación

de webs en las que prima tanto el diseño gráfico como la
tecnología. Los webmasters ya no son sólo diseñadores
gráficos, sino expertos informáticos que han de conocer los
nuevos lenguajes, dominar las nuevas herramientas de
programación, conectividad a base de datos, seguridad, etc. El
hipertexto ya no es una colección de textos enlazados, sino un
espacio de intercambio de servicios de todo tipo: culturales,
informativos, comerciales, sociales, etc.
Son muchos los factores que hay que tener en cuenta a la hora
de diseñar un sitio web. Sin embargo, dos factores destacan
sobre los demás: su contenido y el diseño de la interfaz. Los
arquitectos de la información se ocupan ahora del diseño
centrado tanto en el uso, como en el usuario para hacerle a
éste las tareas lo más sencillas posibles.
CODIFICACIÓN:
Cuando hablamos de ensable nos estamos refiriendo a buscar
el alojamiento, para nuestro sitio web, después que este haya
sido diseñado y codificado. Diseño web aplicado
El diseño de páginas web se trata básicamente de realizar un
documento con información hiperenlazado con otros
documentos y asignarle una presentación para diferentes
dispositivos de salida (en una pantalla de computador, en
papel, en un teléfono/ móvil, etc).

GESTIÓN DE SITIO:
 Datos generales del sitio.

 Datos de contacto.
 Gestión de usuarios.
 Personalizar la cabecera.
 Cambiar de plantilla.
 Configuración personal.
 WebService.
 Estadísticas
EJERCICIO PRÁCTICO:
PASOS A SEGUIR:
PASO1:Ingrese a botón start, luego seleccione
all programs ahora buscar notepad.
PASO 2:
Utilizar las siguientes etiquetas.<html> ó
</htm7>
PASO 3: escriba lo siguente:
<html>
<head>
</head>
<title>
</title>
<body>
<body>
</body>
</html>
Paso4:

Info 5

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Info 5

Uploaded by

Copyright:

Available Formats

Escuela Técnica Para La Salud

“ Maria Teresa Lang

Una página web, o página electrónica, o página digital,

acaba con </html>. Todo lo que esté en medio será la página

web. Dentro de <html></html> se encuentran 2 partes

diferenciadas.La primera <head></head> es la cabecera de la

página. Aquí irán cierta información que no es directamente el

contenido de la página. Aquí se pone el título de la página, los

metadatos, estilos, código javascript (todo esto se estudiará en

capítulos venideros). La primera que se suele estudiar es

<title></title>, que indica el título de la página (lo que el

navegador pone en la parte superior izquierda).

La segunda parte es <body></body>. Aquí va propiamente el

Además, dentro de <body></body> distinguimos varias

<br> => Indica salto de línea. En HTML un salto de línea normal

(púlsando la tecla Enter) no produce un salto de línea en el

resultado. Es necesario escribir <br> (u otra etiqueta similar).

<b></b> => Indica comienzo y fin de negrita.

<i></b> => Itálica.

Desde los inicios de la World Wide Web, tanto el diseño de las

páginas como de la propia estructura de los hiperdocumentos,

ha variado enormemente. Si al principio, los hipertextos en la

Web se limitaban a plasmar, sobre este nuevo medio, un texto

impreso segmentándolo en pequeños bloques y colocando aquí

y allá algunos enlaces, en la actualidad, las páginas web se han

convertido en verdaderas obras de diseño gráfico, multimedia e

ingeniería informática. Integración de bases de datos,

servicios online, inclusión de sofisticadas herramientas de

información, dinamismo, usabilidad e interactividad, éstas son

las claves de las páginas web actuales. Ya no importa sólo el

contenido presentado, sino su diseño y, sobre todo, su

 Webs de primera generación:

o eventual inserción de fotografías y líneas de

o fondos coloreados o con imágenes

o bordes azules alrededor de las figuras interactivas

 Webs de tercera generación:

o uso de un layout tipográfico y visual para la

Sin embargo, hoy podemos hablar de una cuarta generación

de diseñar un sitio web. Sin embargo, dos factores destacan

sobre los demás: su contenido y el diseño de la interfaz. Los

arquitectos de la información se ocupan ahora del diseño

centrado tanto en el uso, como en el usuario para hacerle a

éste las tareas lo más sencillas posibles.

Cuando hablamos de ensable nos estamos refiriendo a buscar

el alojamiento, para nuestro sitio web, después que este haya

sido diseñado y codificado. Diseño web aplicado

El diseño de páginas web se trata básicamente de realizar un

documento con información hiperenlazado con otros

documentos y asignarle una presentación para diferentes

dispositivos de salida (en una pantalla de computador, en

papel, en un teléfono/ móvil, etc).

 Datos generales del sitio.

PASO1:Ingrese a botón start, luego seleccione

all programs ahora buscar notepad.

Utilizar las siguientes etiquetas.<html> ó

PASO 3: escriba lo siguente:

You might also like