Paginas web

J
UNIDAD EDUCATIVA “JUAN DE VELASCO”
NOMBRES:
JOEL CUVI
JONATHAN VALVERDE
CURSO:
3 “A” INFORMATICA
¿QUE ES LA PAGINA WEB ?
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 web. Esta información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar acceso a otras páginas web
mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos
como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales,
entre otros.
ELEMENTOS Y ESTRUCTURA DE UNA PÁGINA WEB
Básicamente, los sitios web se componen y estructuran de la siguiente manera:
• Contenedor
Esto es lo que definimos en la regla Body o en algun div de nuestra estructura. Dentro de este contenedor
estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc.
Este contenedor puede tener un ancho fijo; el ancho será igual para todos los navegadores y dispositivos, o
uno fluido que se adaptará al ancho de nuestra ventana. Si usamos web responsive, podemos manejarlo con
CSS sin problemas.
• Logotipo
Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. Puede ser el
logotipo de la empresa o el nombre. Al estar arriba acompañara la navegación por todo el sitio ayudando al
reconocimiento de la marca.
• Navegación
Que importante es la navegación y el menú que la contiene. La forma más aceptada y fácil, es el menú
horizontal, que siempre tiene a mano lo más importante del sitio web.
Los menús verticales pueden usarse como complementos o sub menús, de los horizontales, y siempre cerca de
la línea horizontal del menú principal y deben ser visibles en el primer pantallazo, al entrar.
• Contenido
Lo más importante y fundamental de una buena página. Lo que mantiene al visitante cautivo e
interesado. Si el contenido es malo o poco interesante, abandonará la página en pocos segundos. Para
eso, debe estar centralizado y enfocado y a la primera vista. El mejor lugar debe ser para los contenidos.
Para Google, el contenido es el rey.
• Footer
Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y legales o menús
secundarios. Aunque en los últimos años, se usa mucho para incluir información de redes sociales,
direcciones, noticias.
• Espacio Negativo
Esto es tan importante como el espacio positivo. También llamado espacio blanco, es todo lo que no
tiene información de ningún tipo, pero que cumple un rol importantísimo para la web; nos ayuda a tener
espacios de respiración, a equilibrar y dar balance a todo el diseño. Si eres novato, o tu cliente es
ignorante en la materia, tratará de llenar esos espacios, con la consiguiente saturación de contenidos,
dejando una web ilegible e innavegable.
SERVIDORES O HOSTING
Es el servicio que provee a los usuarios de Internet un sistema para poder
almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web.
Es una analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde uno
ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento
de páginas web, se refiere al lugar que ocupa una página web, sitio web,
sistema, correo electrónico, archivos, etc., en internet o más específicamente en
un servidor que por lo general hospeda varias aplicaciones o páginas web.
HTML
La elabSigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace
referencia al lenguaje de marcado para oración de páginas web. Es un estándar que sirve de
referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado código HTML) para la definición de
contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a
cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la
estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su
escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial
en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha
impuesto en la visualización de páginas web y es el que todos los navegadores actuales han
adoptado.
ALTERNATIVAS DE CREACIÓN DE UNA PÁGINA WEB
• Jimdo es una forma sencilla de crear una pagina web, para comenzar es necesario estar registrado e incluye
una versión gratuita y otros planes de pago, puedes editar tu página con la app para Android o iOS o desde
la web, escoge la plantilla que más te guste y edita los textos, esta herramienta te brinda la opción de elegir
el hosting que prefieras. La gran popularidad de jimdo se debe a su fácil proceso de edición.
• WIX Ideal para novatos en diseño o quienes quieran crear una página sin necesidad de tener conocimientos
en desarrollo web. Escoge el diseño de tu preferencia y edítalo.
• Con wix puedes editar tu logotipo, ingresar el texto personalizado para cada sección de texto en la plantilla,
editar cada sección del menú, las categorías y las secciones de cada pestaña de la página y lo mejor es que
puedes conectarla con tu dominio con cualquiera de los planes de pago que escojas.
• WordPress es por excelencia el gestor de contenido más utilizado y descargado, su fácil instalación y uso
hace la experiencia del usuario más sencilla, este gestor de contenidos tiene millones de plugins que puedes
utilizar como por ejemplo Yoast para manejar el seo de tu contenido. Empieza eligiendo el tema que
prefieras, introduce el dominio o palabra clave para tu página, a continuación tienes 5 opciones a elegir Tu
dominio gratis, tu dominio .com (18 dolares/ año) tudominio.net, tudominio .com y la última opción si ya
posees un dominio solo es cuestión de asignarlo, escoger el plan premium o de negocios y enlazarlo a tu
tema wordpress.
• Webnode tienes la opción de crear una página personal o profesional, el primer paso es crear una cuenta
donde debes insertar el nombre de tu dominio o dirección de tu página web, dirección de correo electrónico
y contraseña, recibimos el correo de confirmación y continuamos. Seleccionamos el tipo de web (personal,
empresarial o tienda virtual), elegimos la plantilla y finalizamos el registro.Webnode te permite crear una
página web con tu tienda virtual personalizada si lo deseas.
CREACIÓN DE UNA PÁGINA WEB DESDE INTERNET
1. Regístrate en el plan gratuito del creador web que elijas
2. Escoge la plantilla que más te guste
3. Añade las páginas que necesitas a tu sitio web (p.ej., sobre
nosotros, blog, etc.)
4. Personaliza el contenido (texto, imágenes, video, etc.)
5. Opcional: optimiza las opciones SEO
6. Publica el sitio web
CONCLUSION
• Si se siguen las indicaciones propuestas de este software ayudara a
un mejor desempeño y a incrementar la eficiencia y la eficacia en el
negocio. Y por tanto mejorara la calidad del servicio y la organización.
• El desarrollo de una página WEB promueve el acercamiento a clientes
y se trata de un medio publicitario con costos bastante bajos que
permiten generar información valiosa para la empresa como lo son
bases de datos de clientes.
CUESTIONARIO
• ¿QUÉ ES LA PÁGINA WEB?
Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras
cosas
• ¿PARA QUE SIRVE LA PAGINA WEB?
Si Usted, está pensando en hacer conocer su empresa al mundo, multiplicar sus ventas, vender sus productos o servicios fuera del
mercado local, ser innovador en su rubro y lograr un clara ventaja ante sus competidores; seguramente le vendría muy bien un sitio
web.
• ¿QUÉ ES HTML?
Sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la
elaboración de páginas web.
• ¿PARA QUE SIRVE EL HTML?
Es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador
interpreta y da forma en la pantalla.
• ¿TIPOS DE PAGINAS WEB?
Institucionales
OnePage
Blogs
Sitios e-commerce
• ¿ELEMENTOS DE LA PAGINA WEB?
Contenedor
Logotipo
Navegación
Contenido
Footer
Espacio Negativo
• ¿QUÉ ES EL CONTENEDOR?
Esto es lo que definimos en la regla Body o en algun div de nuestra estructura. Dentro de este contenedor estarán todos los
elementos del sitio; módulos, contenidos, imágenes, etc.
• ¿QUÉ ES EL LOGOTIPO?
Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. Puede ser el logotipo de la empresa
o el nombre.
• ¿QUÉ SON LOS SERVIDORES?
Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier
contenido accesible vía web.
• ¿PASOS PARA CREAR LA PAGINA WEB?
Regístrate en el plan gratuito del creador web que elijas
Escoge la plantilla que más te guste
Añade las páginas que necesitas a tu sitio web (p.ej., sobre nosotros, blog, etc.)
Personaliza el contenido (texto, imágenes, video, etc.)
Opcional: optimiza las opciones SEO
Publica el sitio web
BIBLIOGRAFIA
• http://www.codedimension.com.ar/noticias-sobre-tecnologia/noticias/-
que-es-y-para-que-sirve-un-sitio-web-/1
• https://www.aprenderaprogramar.com/index.php?option=com_content&v
iew=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas-
importante-para-crear-paginas-webs-html-tags-
cu00704b&catid=69&Itemid=192
• https://magazine.joomla.org/es/ediciones-anteriores/julio-
2013/item/1398-estructura-y-composicion-de-un-sitio-web
• https://www.datacenter1.com/blog/diseno-web/5-alternativas-para-crear-
una-pagina-web-online/
• https://es.wikipedia.org/wiki/P%C3%A1gina_web
Paginas web
1 de 13

Recomendados

Paginas web por
Paginas webPaginas web
Paginas webLïzbëth Jôhânnä
25 visualizações15 slides
HTML 5 por
HTML 5HTML 5
HTML 5Facultad de Ciencias y Sistemas
529 visualizações54 slides
Relatoria por
RelatoriaRelatoria
RelatoriaLiseth Payan Arango
46 visualizações6 slides
Diseño de páginas Web por
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web Digetech.net
6.5K visualizações41 slides
PAGINA WEB por
PAGINA WEBPAGINA WEB
PAGINA WEBAlexanderdavid1995
28 visualizações11 slides
Mi primera pagina_web[1] por
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]estaseylugo1992
212 visualizações13 slides

Mais conteúdo relacionado

Mais procurados

Miprimerapagina por
MiprimerapaginaMiprimerapagina
Miprimerapaginateyssee1992
199 visualizações10 slides
Páginas web por
Páginas webPáginas web
Páginas webnicol fernanda osorio lopez
264 visualizações10 slides
Actividad uno por
Actividad uno Actividad uno
Actividad uno angievgomez
43 visualizações25 slides
Ppt construcción de un sitio web por
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio webNorber Barraza
9.8K visualizações17 slides
Pagina web mia_2 por
Pagina web mia_2Pagina web mia_2
Pagina web mia_2Mena75
37 visualizações17 slides
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB por
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEBCARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEBManuelHernandez480
53 visualizações11 slides

Mais procurados(20)

Miprimerapagina por teyssee1992
MiprimerapaginaMiprimerapagina
Miprimerapagina
teyssee1992199 visualizações
Actividad uno por angievgomez
Actividad uno Actividad uno
Actividad uno
angievgomez43 visualizações
Ppt construcción de un sitio web por Norber Barraza
Ppt construcción de un sitio webPpt construcción de un sitio web
Ppt construcción de un sitio web
Norber Barraza9.8K visualizações
Pagina web mia_2 por Mena75
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
Mena7537 visualizações
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB por ManuelHernandez480
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEBCARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB
CARACTERÍSTICAS Y PARTES PARA TENER UN SITIO WEB
ManuelHernandez48053 visualizações
Móntate un sitio web completo con WordPress en 4 horas por Iñaki Arenaza
Móntate un sitio web completo con WordPress en 4 horasMóntate un sitio web completo con WordPress en 4 horas
Móntate un sitio web completo con WordPress en 4 horas
Iñaki Arenaza6K visualizações
Diapositivas por luisaferchi
DiapositivasDiapositivas
Diapositivas
luisaferchi1.8K visualizações
Fundamentos DiseñO Web por Raymond Marquina
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
Raymond Marquina47.8K visualizações
Diseño de paginas web clase 1 lista por Jenny Palacios
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
Jenny Palacios3.9K visualizações
Que es Diseño web por paoloarevaloortiz
Que es Diseño webQue es Diseño web
Que es Diseño web
paoloarevaloortiz15.9K visualizações
Pagina web y cazatesoro por David Fandinho
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
David Fandinho1K visualizações
paginas web por Samir Barrios
paginas webpaginas web
paginas web
Samir Barrios290 visualizações
Paginas web definicion por guilleespino
Paginas web definicionPaginas web definicion
Paginas web definicion
guilleespino8.1K visualizações
Primerperiodo por Gabriela Díaz
PrimerperiodoPrimerperiodo
Primerperiodo
Gabriela Díaz54 visualizações
Introducción al Diseño web por ciwmx
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx2K visualizações

Similar a Paginas web

Diseño pagina web- html por
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html carolina agudelo otero
890 visualizações24 slides
Unidad educativa(1) por
Unidad educativa(1)Unidad educativa(1)
Unidad educativa(1)Jhon Rea
91 visualizações16 slides
Free webs go por
Free webs go  Free webs go
Free webs go TamiStradaOlmos
281 visualizações2 slides
Diseño de Páginas Web por
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
874 visualizações27 slides
Miprimerapagina por
MiprimerapaginaMiprimerapagina
Miprimerapaginateyssee1992
147 visualizações10 slides
Freewebs por
FreewebsFreewebs
FreewebsTamiStradaOlmos
119 visualizações2 slides

Similar a Paginas web(20)

Unidad educativa(1) por Jhon Rea
Unidad educativa(1)Unidad educativa(1)
Unidad educativa(1)
Jhon Rea91 visualizações
Free webs go por TamiStradaOlmos
Free webs go  Free webs go
Free webs go
TamiStradaOlmos281 visualizações
Diseño de Páginas Web por 8vivi8
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
8vivi8874 visualizações
Miprimerapagina por teyssee1992
MiprimerapaginaMiprimerapagina
Miprimerapagina
teyssee1992147 visualizações
Freewebs por TamiStradaOlmos
FreewebsFreewebs
Freewebs
TamiStradaOlmos119 visualizações
Páginas web por laura_ramirez7
Páginas webPáginas web
Páginas web
laura_ramirez71K visualizações
Ofimaticadiapos por Jose Castilla
OfimaticadiaposOfimaticadiapos
Ofimaticadiapos
Jose Castilla226 visualizações
Uso y administracion de paginas web por Erick Moreno
Uso y administracion de paginas webUso y administracion de paginas web
Uso y administracion de paginas web
Erick Moreno433 visualizações
Uso y administración de paginas web de interés (nacionales e internacionales) por Mariela Zárate
Uso y administración de paginas web de interés (nacionales e internacionales)Uso y administración de paginas web de interés (nacionales e internacionales)
Uso y administración de paginas web de interés (nacionales e internacionales)
Mariela Zárate390 visualizações
Dinamicas por marcesevilla
DinamicasDinamicas
Dinamicas
marcesevilla258 visualizações
Páginas web (1) por Kamila Velasquez
Páginas web (1)Páginas web (1)
Páginas web (1)
Kamila Velasquez57 visualizações
Informe de informatica kleiver y laura por kleiverk
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
kleiverk255 visualizações
Pagina web por Tati
Pagina webPagina web
Pagina web
Tati 148 visualizações
LA WEB por irisbeth1976
LA WEBLA WEB
LA WEB
irisbeth197620 visualizações
República bolivariana de venezuela por graciela henriquez
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
graciela henriquez76 visualizações

Último

5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.doc por
5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.doc5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.doc
5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.docjosetejada220380
128 visualizações39 slides
Inteligencia Artificial en las aulas por
Inteligencia Artificial en las aulasInteligencia Artificial en las aulas
Inteligencia Artificial en las aulasLorena Fernández
64 visualizações21 slides
S1_CPL.pdf por
S1_CPL.pdfS1_CPL.pdf
S1_CPL.pdfConecta13
51 visualizações80 slides
Estrategias y Recursos en el Aula Ccesa.pdf por
Estrategias y Recursos en el Aula  Ccesa.pdfEstrategias y Recursos en el Aula  Ccesa.pdf
Estrategias y Recursos en el Aula Ccesa.pdfDemetrio Ccesa Rayme
285 visualizações119 slides
2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdf por
2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdf2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdf
2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdfNorberto Millán Muñoz
210 visualizações13 slides
Norma de Evaluacion de Educacion Secundaria LSB-2023 Ccesa007.pdf por
Norma de Evaluacion de  Educacion Secundaria LSB-2023  Ccesa007.pdfNorma de Evaluacion de  Educacion Secundaria LSB-2023  Ccesa007.pdf
Norma de Evaluacion de Educacion Secundaria LSB-2023 Ccesa007.pdfDemetrio Ccesa Rayme
248 visualizações5 slides

Último(20)

5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.doc por josetejada220380
5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.doc5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.doc
5°_GRADO_-_ACTIVIDAD_DEL_22_DE_NOVIEMBRE.doc
josetejada220380128 visualizações
Inteligencia Artificial en las aulas por Lorena Fernández
Inteligencia Artificial en las aulasInteligencia Artificial en las aulas
Inteligencia Artificial en las aulas
Lorena Fernández64 visualizações
S1_CPL.pdf por Conecta13
S1_CPL.pdfS1_CPL.pdf
S1_CPL.pdf
Conecta1351 visualizações
Estrategias y Recursos en el Aula Ccesa.pdf por Demetrio Ccesa Rayme
Estrategias y Recursos en el Aula  Ccesa.pdfEstrategias y Recursos en el Aula  Ccesa.pdf
Estrategias y Recursos en el Aula Ccesa.pdf
Demetrio Ccesa Rayme285 visualizações
2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdf por Norberto Millán Muñoz
2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdf2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdf
2324_s3_Orientaciones_Tercera_Sesion_Preescolar_Primaria_Secundaria.pdf
Norberto Millán Muñoz210 visualizações
Norma de Evaluacion de Educacion Secundaria LSB-2023 Ccesa007.pdf por Demetrio Ccesa Rayme
Norma de Evaluacion de  Educacion Secundaria LSB-2023  Ccesa007.pdfNorma de Evaluacion de  Educacion Secundaria LSB-2023  Ccesa007.pdf
Norma de Evaluacion de Educacion Secundaria LSB-2023 Ccesa007.pdf
Demetrio Ccesa Rayme248 visualizações
Aprendiendo a leer :Ma me mi mo mu..pdf por camiloandres593920
Aprendiendo a leer :Ma me mi mo mu..pdfAprendiendo a leer :Ma me mi mo mu..pdf
Aprendiendo a leer :Ma me mi mo mu..pdf
camiloandres59392026 visualizações
La_Anunciacion_JERUSALEM NEWS+.pdf por Nombre Apellidos
La_Anunciacion_JERUSALEM NEWS+.pdfLa_Anunciacion_JERUSALEM NEWS+.pdf
La_Anunciacion_JERUSALEM NEWS+.pdf
Nombre Apellidos29 visualizações
Infografia María Fuenmayor S _20231126_070624_0000.pdf por mariafuenmayor20
Infografia María Fuenmayor S _20231126_070624_0000.pdfInfografia María Fuenmayor S _20231126_070624_0000.pdf
Infografia María Fuenmayor S _20231126_070624_0000.pdf
mariafuenmayor2031 visualizações
Infografia Planificación didactica por Maria Marquez .pdf por marialauramarquez3
Infografia Planificación didactica por Maria Marquez .pdfInfografia Planificación didactica por Maria Marquez .pdf
Infografia Planificación didactica por Maria Marquez .pdf
marialauramarquez341 visualizações
Semana de Gestion Escolar Final 2023 GE Ccesa007.pdf por Demetrio Ccesa Rayme
Semana de Gestion Escolar Final 2023  GE  Ccesa007.pdfSemana de Gestion Escolar Final 2023  GE  Ccesa007.pdf
Semana de Gestion Escolar Final 2023 GE Ccesa007.pdf
Demetrio Ccesa Rayme219 visualizações
Mujeres privadas de libertad en Bolivia 2022 por LuisFernando672460
Mujeres privadas de libertad en Bolivia 2022Mujeres privadas de libertad en Bolivia 2022
Mujeres privadas de libertad en Bolivia 2022
LuisFernando672460116 visualizações
Herramientas para Educación a Distancia.pptx por a2223810028
Herramientas para Educación a Distancia.pptxHerramientas para Educación a Distancia.pptx
Herramientas para Educación a Distancia.pptx
a222381002840 visualizações
5°_GRADO_-_ACTIVIDAD_DEL_24_DE_NOVIEMBRE.doc por josetejada220380
5°_GRADO_-_ACTIVIDAD_DEL_24_DE_NOVIEMBRE.doc5°_GRADO_-_ACTIVIDAD_DEL_24_DE_NOVIEMBRE.doc
5°_GRADO_-_ACTIVIDAD_DEL_24_DE_NOVIEMBRE.doc
josetejada22038023 visualizações
Presentación de Proyecto Creativo Doodle Azul.pdf por LauraJuarez87
Presentación de Proyecto Creativo Doodle Azul.pdfPresentación de Proyecto Creativo Doodle Azul.pdf
Presentación de Proyecto Creativo Doodle Azul.pdf
LauraJuarez8744 visualizações
Unicómic 25 años: líneas de investigación para la Didáctica de la Lengua y la... por IGNACIO BALLESTER PARDO
Unicómic 25 años: líneas de investigación para la Didáctica de la Lengua y la...Unicómic 25 años: líneas de investigación para la Didáctica de la Lengua y la...
Unicómic 25 años: líneas de investigación para la Didáctica de la Lengua y la...
IGNACIO BALLESTER PARDO22 visualizações
infografia 1.pptx por ramirezasesor10
infografia  1.pptxinfografia  1.pptx
infografia 1.pptx
ramirezasesor1028 visualizações
PREGUNTAS PARA EL DEBATE ACADÉMICO.docx por edwin70
PREGUNTAS PARA EL DEBATE ACADÉMICO.docxPREGUNTAS PARA EL DEBATE ACADÉMICO.docx
PREGUNTAS PARA EL DEBATE ACADÉMICO.docx
edwin701.3K visualizações

Paginas web

  • 1. UNIDAD EDUCATIVA “JUAN DE VELASCO” NOMBRES: JOEL CUVI JONATHAN VALVERDE CURSO: 3 “A” INFORMATICA
  • 2. ¿QUE ES LA PAGINA WEB ? 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 web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.
  • 3. ELEMENTOS Y ESTRUCTURA DE UNA PÁGINA WEB Básicamente, los sitios web se componen y estructuran de la siguiente manera: • Contenedor Esto es lo que definimos en la regla Body o en algun div de nuestra estructura. Dentro de este contenedor estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc. Este contenedor puede tener un ancho fijo; el ancho será igual para todos los navegadores y dispositivos, o uno fluido que se adaptará al ancho de nuestra ventana. Si usamos web responsive, podemos manejarlo con CSS sin problemas. • Logotipo Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. Puede ser el logotipo de la empresa o el nombre. Al estar arriba acompañara la navegación por todo el sitio ayudando al reconocimiento de la marca. • Navegación Que importante es la navegación y el menú que la contiene. La forma más aceptada y fácil, es el menú horizontal, que siempre tiene a mano lo más importante del sitio web. Los menús verticales pueden usarse como complementos o sub menús, de los horizontales, y siempre cerca de la línea horizontal del menú principal y deben ser visibles en el primer pantallazo, al entrar.
  • 4. • Contenido Lo más importante y fundamental de una buena página. Lo que mantiene al visitante cautivo e interesado. Si el contenido es malo o poco interesante, abandonará la página en pocos segundos. Para eso, debe estar centralizado y enfocado y a la primera vista. El mejor lugar debe ser para los contenidos. Para Google, el contenido es el rey. • Footer Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y legales o menús secundarios. Aunque en los últimos años, se usa mucho para incluir información de redes sociales, direcciones, noticias. • Espacio Negativo Esto es tan importante como el espacio positivo. También llamado espacio blanco, es todo lo que no tiene información de ningún tipo, pero que cumple un rol importantísimo para la web; nos ayuda a tener espacios de respiración, a equilibrar y dar balance a todo el diseño. Si eres novato, o tu cliente es ignorante en la materia, tratará de llenar esos espacios, con la consiguiente saturación de contenidos, dejando una web ilegible e innavegable.
  • 5. SERVIDORES O HOSTING Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. Es una analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos, etc., en internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.
  • 6. HTML La elabSigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para oración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.
  • 7. ALTERNATIVAS DE CREACIÓN DE UNA PÁGINA WEB • Jimdo es una forma sencilla de crear una pagina web, para comenzar es necesario estar registrado e incluye una versión gratuita y otros planes de pago, puedes editar tu página con la app para Android o iOS o desde la web, escoge la plantilla que más te guste y edita los textos, esta herramienta te brinda la opción de elegir el hosting que prefieras. La gran popularidad de jimdo se debe a su fácil proceso de edición. • WIX Ideal para novatos en diseño o quienes quieran crear una página sin necesidad de tener conocimientos en desarrollo web. Escoge el diseño de tu preferencia y edítalo. • Con wix puedes editar tu logotipo, ingresar el texto personalizado para cada sección de texto en la plantilla, editar cada sección del menú, las categorías y las secciones de cada pestaña de la página y lo mejor es que puedes conectarla con tu dominio con cualquiera de los planes de pago que escojas. • WordPress es por excelencia el gestor de contenido más utilizado y descargado, su fácil instalación y uso hace la experiencia del usuario más sencilla, este gestor de contenidos tiene millones de plugins que puedes utilizar como por ejemplo Yoast para manejar el seo de tu contenido. Empieza eligiendo el tema que prefieras, introduce el dominio o palabra clave para tu página, a continuación tienes 5 opciones a elegir Tu dominio gratis, tu dominio .com (18 dolares/ año) tudominio.net, tudominio .com y la última opción si ya posees un dominio solo es cuestión de asignarlo, escoger el plan premium o de negocios y enlazarlo a tu tema wordpress. • Webnode tienes la opción de crear una página personal o profesional, el primer paso es crear una cuenta donde debes insertar el nombre de tu dominio o dirección de tu página web, dirección de correo electrónico y contraseña, recibimos el correo de confirmación y continuamos. Seleccionamos el tipo de web (personal, empresarial o tienda virtual), elegimos la plantilla y finalizamos el registro.Webnode te permite crear una página web con tu tienda virtual personalizada si lo deseas.
  • 8. CREACIÓN DE UNA PÁGINA WEB DESDE INTERNET 1. Regístrate en el plan gratuito del creador web que elijas 2. Escoge la plantilla que más te guste 3. Añade las páginas que necesitas a tu sitio web (p.ej., sobre nosotros, blog, etc.) 4. Personaliza el contenido (texto, imágenes, video, etc.) 5. Opcional: optimiza las opciones SEO 6. Publica el sitio web
  • 9. CONCLUSION • Si se siguen las indicaciones propuestas de este software ayudara a un mejor desempeño y a incrementar la eficiencia y la eficacia en el negocio. Y por tanto mejorara la calidad del servicio y la organización. • El desarrollo de una página WEB promueve el acercamiento a clientes y se trata de un medio publicitario con costos bastante bajos que permiten generar información valiosa para la empresa como lo son bases de datos de clientes.
  • 10. CUESTIONARIO • ¿QUÉ ES LA PÁGINA WEB? Es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas • ¿PARA QUE SIRVE LA PAGINA WEB? Si Usted, está pensando en hacer conocer su empresa al mundo, multiplicar sus ventas, vender sus productos o servicios fuera del mercado local, ser innovador en su rubro y lograr un clara ventaja ante sus competidores; seguramente le vendría muy bien un sitio web. • ¿QUÉ ES HTML? Sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web. • ¿PARA QUE SIRVE EL HTML? Es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. • ¿TIPOS DE PAGINAS WEB? Institucionales OnePage Blogs Sitios e-commerce
  • 11. • ¿ELEMENTOS DE LA PAGINA WEB? Contenedor Logotipo Navegación Contenido Footer Espacio Negativo • ¿QUÉ ES EL CONTENEDOR? Esto es lo que definimos en la regla Body o en algun div de nuestra estructura. Dentro de este contenedor estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc. • ¿QUÉ ES EL LOGOTIPO? Acá es dónde debemos dejar la imagen de la empresa, que identificará la marca en todo el sitio. Puede ser el logotipo de la empresa o el nombre. • ¿QUÉ SON LOS SERVIDORES? Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. • ¿PASOS PARA CREAR LA PAGINA WEB? Regístrate en el plan gratuito del creador web que elijas Escoge la plantilla que más te guste Añade las páginas que necesitas a tu sitio web (p.ej., sobre nosotros, blog, etc.) Personaliza el contenido (texto, imágenes, video, etc.) Opcional: optimiza las opciones SEO Publica el sitio web
  • 12. BIBLIOGRAFIA • http://www.codedimension.com.ar/noticias-sobre-tecnologia/noticias/- que-es-y-para-que-sirve-un-sitio-web-/1 • https://www.aprenderaprogramar.com/index.php?option=com_content&v iew=article&id=435:ique-es-y-para-que-sirve-html-el-lenguaje-mas- importante-para-crear-paginas-webs-html-tags- cu00704b&catid=69&Itemid=192 • https://magazine.joomla.org/es/ediciones-anteriores/julio- 2013/item/1398-estructura-y-composicion-de-un-sitio-web • https://www.datacenter1.com/blog/diseno-web/5-alternativas-para-crear- una-pagina-web-online/ • https://es.wikipedia.org/wiki/P%C3%A1gina_web