SlideShare una empresa de Scribd logo
1 de 12
Aquino Ríos María Luisa
Colunga Licea Jaritza Lizeth
SITIOS WEB
¿QUÉ ES UN SITIO WEB?
UN SITIO WEB ES UN CONJUNTO DE PÁGINAS WEB DESARROLLADAS EN CÓDIGO HTML,
RELACIONADAS A UN DOMINIO DE INTERNET EL CUAL SE PUEDE VISUALIZAR EN LA WORLD
WIDE WEB (WWW) MEDIANTE LOS NAVEGADORES WEB O TAMBIÉN LLAMADOS BROWSER
COMO SER CHROME, FIREFOX, EDGE, OPERA ENTRE OTROS.
CADA PÁGINA WEB PERTENECIENTE AL SITIO WEB TIENE COMO OBJETIVO PUBLICAR
CONTENIDO, Y ESTE CONTENIDO PODRÁ SER VISIBLE O NO AL PÚBLICO.
Características de un sitio web:
 Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS, ASP.NET o algún
otro lenguaje de servidor, AJAX, etc.) para lograr una navegación que cuente con las
siguientes características:
 Páginas ligeras que descarguen rápidamente.
 El formato y estilo de los diferentes elementos están centralizados en un solo archivo, de tal
forma que el navegador solamente lo tiene que leer una vez.
 Elementos técnicos que facilitan la indexación en buscadores de
Internet:
 Inclusión de Metatags “Description” y “Keywords”.
 Información bien redactada sin intentos de engañar a los
buscadores de Internet.
 Uso de etiquetas H1 a H6 para títulos.
•Imágenes optimizadas para que pesen menos.
•No utilizar marcos (frames). Esto evita algunos posibles errores de visualización
en el navegador y facilita la impresión.
•No utilizar Flash cuando no agregue valor. Los buscadores de Internet y
algunos smartphones y tabletas no pueden leer el texto en Flash.
•En la mayoría de los casos es recomendable utilizar un ancho fijo (no
expandible a todo lo ancho de la pantalla) porque facilita la lectura.
•Utilización de tipos de letra fácilmente legibles y una herramienta para permitir
crecer el texto. Existe una estimación de que el 75% de los adultos utiliza algún
tipo de anteojos para corregir la visión.
•Todas las páginas contarán con un URL absoluto. Esto es, cada página tendrá
una dirección distinta y única en la barra de direcciones de tu navegador (puede
parecer obvio, pero hay sitios web que no funcionan así). Haciéndolo
correctamente, es posible para el visitante añadir tu página a favoritos o enviar
una liga a un producto determinado por e-mail.
•De manera opcional se puede utilizar la migaja (breadcrumb) en todas las páginas. Ejemplo:
“Usted está en: Inicio –> Servicios –> Consultoría”.
•Apegarse a estándares de desarrollo para garantizar que el sitio web pueda ser visualizado
en todos los navegadores, como Internet Explorer, Firefox, Safari, Chrome y Opera tanto en
computadoras Windows como Mac.
•Establecer contacto con el visitante mediante formularios y una herramienta de chat en
línea.
•Para romper la monotonía de grandes cantidades de texto, utilizar fotografías propias o de
stock.
•Utilización de Google Analytics o alguna otra herramienta para medir los ingresos al sitio
web.
•El copy del sitio web, es decir, la información que contiene, debe tener estas características:
• Textos bien redactados, que contengan información relevante a lo que queremos
destacar.
•No tratar de engañar a los buscadores de Internet mediante repeticiones
exageradas de palabras, utilización del mismo color de texto y fondo, o alguna
otra táctica indeseable.
•No utilizar un lenguaje muy técnico ya que nuestros posibles clientes no son
necesariamente expertos en el tema.
•Mantener los textos breves y concisos.
•Incluir alguna sección (o blog) en la que se publiquen artículos generados por tu
empresa sobre el tema que domina. Esto ayuda a que tu página sea más
relevante para los buscadores, además de que te conviertes en una fuente de
información confiable para tus clientes y posibles clientes.
PARTES QUE DEBE TENER UN SITIO WEB
•Encabezado
• Logotipo (no borroso, no mal recortado, no pixeleado)
• Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por
ejemplo bajo nuestro logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”.
•Barra de navegación.
Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar
en la portada si hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en
todo momento donde buscar las demás opciones. Los diferentes niveles de opciones deben indicarse
visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción
deben ser claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o tres
niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir.
•Área de contenido principal.
Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí
debes poner tu información.
•Barra lateral de contenido (opcional).
En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información
de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones.
•Pie de página.
Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También
úsalo para colocar información de contacto u otra información importante. El contenido del pie
debe aparecer en todas las páginas.
Tema que te gustaría desarrollar en la realización de tu sitio web:
Restaurantes
Colunga Licea Jaritza Lizeth
Aquino Ríos María Luisa
BIBLIOGRAFÍA
https://materialesmarketing.wordpress.com/2012/05/09/diseno-de-paginas-web-
10-aspectos-basicos-a-tener-en-cuenta-para-disenar-una-web/
https://blog.quadrato.mx/caracteristicas-basicas-de-un-sitio-web-bien-
desarrollado/
https://www.caracteristicas.co/pagina-web/

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Páginas web
Páginas webPáginas web
Páginas web
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Tipos de sitios web
Tipos de sitios webTipos de sitios web
Tipos de sitios web
 
Tipos de pagina web
Tipos de pagina webTipos de pagina web
Tipos de pagina web
 
Tipos de página web
Tipos de página webTipos de página web
Tipos de página web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web informativas
Páginas web informativasPáginas web informativas
Páginas web informativas
 
Pagina web
Pagina webPagina web
Pagina web
 
Páginas web actividad uno (2)
Páginas web actividad uno (2)Páginas web actividad uno (2)
Páginas web actividad uno (2)
 
Sistema de gestion de contenidos
Sistema de gestion de contenidosSistema de gestion de contenidos
Sistema de gestion de contenidos
 
Páginas web definición y classificación
Páginas web definición y classificaciónPáginas web definición y classificación
Páginas web definición y classificación
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web.
Paginas web.Paginas web.
Paginas web.
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 
Páginas Web Estáticas y Dinámicas
Páginas Web Estáticas y DinámicasPáginas Web Estáticas y Dinámicas
Páginas Web Estáticas y Dinámicas
 

Similar a Sitios Web (20)

Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
características y las partes que debe tener un sitio web
 características y las partes que debe tener un sitio web características y las partes que debe tener un sitio web
características y las partes que debe tener un sitio web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Actividad uno
Actividad uno Actividad uno
Actividad uno
 
Sitios web exposición
Sitios web exposiciónSitios web exposición
Sitios web exposición
 
pagina web
pagina webpagina web
pagina web
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
Páginas web
Páginas webPáginas web
Páginas web
 
Presentación evolución de la web 10-05
Presentación evolución de la web 10-05Presentación evolución de la web 10-05
Presentación evolución de la web 10-05
 
Kingston team final - Venta de Casas
Kingston team final - Venta de CasasKingston team final - Venta de Casas
Kingston team final - Venta de Casas
 
Paginas web
Paginas webPaginas web
Paginas web
 
Sitio web
Sitio webSitio web
Sitio web
 
Administración de Sitios Web
Administración de Sitios WebAdministración de Sitios Web
Administración de Sitios Web
 
Pagina web
Pagina webPagina web
Pagina web
 
Actividad uno primer periodo
Actividad uno primer periodoActividad uno primer periodo
Actividad uno primer periodo
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
 

Más de Aquino1912

Dreamweaver j-l
Dreamweaver j-lDreamweaver j-l
Dreamweaver j-lAquino1912
 
Etiquetas en html de video
Etiquetas en html de videoEtiquetas en html de video
Etiquetas en html de videoAquino1912
 
Colocar un fondo en una pagina web
Colocar un fondo en una pagina webColocar un fondo en una pagina web
Colocar un fondo en una pagina webAquino1912
 
Las filas - html
Las filas - htmlLas filas - html
Las filas - htmlAquino1912
 
Marquesinas html
Marquesinas htmlMarquesinas html
Marquesinas htmlAquino1912
 
ESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN  DOCUMENTO HTMLESTRUCTURA DE UN  DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTMLAquino1912
 
DISEÑO Y EXPLICACIÓN DE UNA PAGINA WEB
DISEÑO Y EXPLICACIÓN DE UNA PAGINA WEBDISEÑO Y EXPLICACIÓN DE UNA PAGINA WEB
DISEÑO Y EXPLICACIÓN DE UNA PAGINA WEBAquino1912
 
TOPOLOGÍAS DE RED
TOPOLOGÍAS DE REDTOPOLOGÍAS DE RED
TOPOLOGÍAS DE REDAquino1912
 
la Teoría del Color -Cetis 109
 la Teoría del Color -Cetis 109 la Teoría del Color -Cetis 109
la Teoría del Color -Cetis 109Aquino1912
 
Examen de diagnostico-Escrito
Examen de diagnostico-EscritoExamen de diagnostico-Escrito
Examen de diagnostico-EscritoAquino1912
 
Examen de diagnostico
Examen de diagnosticoExamen de diagnostico
Examen de diagnosticoAquino1912
 
Capitulo10 greenfoot
Capitulo10 greenfootCapitulo10 greenfoot
Capitulo10 greenfootAquino1912
 
Capitulo9 greenfoot
Capitulo9  greenfootCapitulo9  greenfoot
Capitulo9 greenfootAquino1912
 
Capitulo 8 greenfoot
Capitulo 8  greenfootCapitulo 8  greenfoot
Capitulo 8 greenfootAquino1912
 
Capitulo 7 greenfoot
Capitulo 7  greenfootCapitulo 7  greenfoot
Capitulo 7 greenfootAquino1912
 
Capitulo 6 greenfoot
Capitulo 6 greenfootCapitulo 6 greenfoot
Capitulo 6 greenfootAquino1912
 
Capitulo 5 greenfoot
Capitulo 5 greenfootCapitulo 5 greenfoot
Capitulo 5 greenfootAquino1912
 
Capitulo 4 greenfoot
Capitulo 4  greenfootCapitulo 4  greenfoot
Capitulo 4 greenfootAquino1912
 
Capitulo 3 greenfoot
Capitulo 3 greenfootCapitulo 3 greenfoot
Capitulo 3 greenfootAquino1912
 
Capitulo 2 greenfoot
Capitulo 2 greenfootCapitulo 2 greenfoot
Capitulo 2 greenfootAquino1912
 

Más de Aquino1912 (20)

Dreamweaver j-l
Dreamweaver j-lDreamweaver j-l
Dreamweaver j-l
 
Etiquetas en html de video
Etiquetas en html de videoEtiquetas en html de video
Etiquetas en html de video
 
Colocar un fondo en una pagina web
Colocar un fondo en una pagina webColocar un fondo en una pagina web
Colocar un fondo en una pagina web
 
Las filas - html
Las filas - htmlLas filas - html
Las filas - html
 
Marquesinas html
Marquesinas htmlMarquesinas html
Marquesinas html
 
ESTRUCTURA DE UN DOCUMENTO HTML
ESTRUCTURA DE UN  DOCUMENTO HTMLESTRUCTURA DE UN  DOCUMENTO HTML
ESTRUCTURA DE UN DOCUMENTO HTML
 
DISEÑO Y EXPLICACIÓN DE UNA PAGINA WEB
DISEÑO Y EXPLICACIÓN DE UNA PAGINA WEBDISEÑO Y EXPLICACIÓN DE UNA PAGINA WEB
DISEÑO Y EXPLICACIÓN DE UNA PAGINA WEB
 
TOPOLOGÍAS DE RED
TOPOLOGÍAS DE REDTOPOLOGÍAS DE RED
TOPOLOGÍAS DE RED
 
la Teoría del Color -Cetis 109
 la Teoría del Color -Cetis 109 la Teoría del Color -Cetis 109
la Teoría del Color -Cetis 109
 
Examen de diagnostico-Escrito
Examen de diagnostico-EscritoExamen de diagnostico-Escrito
Examen de diagnostico-Escrito
 
Examen de diagnostico
Examen de diagnosticoExamen de diagnostico
Examen de diagnostico
 
Capitulo10 greenfoot
Capitulo10 greenfootCapitulo10 greenfoot
Capitulo10 greenfoot
 
Capitulo9 greenfoot
Capitulo9  greenfootCapitulo9  greenfoot
Capitulo9 greenfoot
 
Capitulo 8 greenfoot
Capitulo 8  greenfootCapitulo 8  greenfoot
Capitulo 8 greenfoot
 
Capitulo 7 greenfoot
Capitulo 7  greenfootCapitulo 7  greenfoot
Capitulo 7 greenfoot
 
Capitulo 6 greenfoot
Capitulo 6 greenfootCapitulo 6 greenfoot
Capitulo 6 greenfoot
 
Capitulo 5 greenfoot
Capitulo 5 greenfootCapitulo 5 greenfoot
Capitulo 5 greenfoot
 
Capitulo 4 greenfoot
Capitulo 4  greenfootCapitulo 4  greenfoot
Capitulo 4 greenfoot
 
Capitulo 3 greenfoot
Capitulo 3 greenfootCapitulo 3 greenfoot
Capitulo 3 greenfoot
 
Capitulo 2 greenfoot
Capitulo 2 greenfootCapitulo 2 greenfoot
Capitulo 2 greenfoot
 

Último

Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 

Último (20)

Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf30-de-abril-plebiscito-1902_240420_104511.pdf
30-de-abril-plebiscito-1902_240420_104511.pdf
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdfResolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 

Sitios Web

  • 1. Aquino Ríos María Luisa Colunga Licea Jaritza Lizeth SITIOS WEB
  • 2. ¿QUÉ ES UN SITIO WEB? UN SITIO WEB ES UN CONJUNTO DE PÁGINAS WEB DESARROLLADAS EN CÓDIGO HTML, RELACIONADAS A UN DOMINIO DE INTERNET EL CUAL SE PUEDE VISUALIZAR EN LA WORLD WIDE WEB (WWW) MEDIANTE LOS NAVEGADORES WEB O TAMBIÉN LLAMADOS BROWSER COMO SER CHROME, FIREFOX, EDGE, OPERA ENTRE OTROS. CADA PÁGINA WEB PERTENECIENTE AL SITIO WEB TIENE COMO OBJETIVO PUBLICAR CONTENIDO, Y ESTE CONTENIDO PODRÁ SER VISIBLE O NO AL PÚBLICO.
  • 3. Características de un sitio web:  Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS, ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una navegación que cuente con las siguientes características:  Páginas ligeras que descarguen rápidamente.  El formato y estilo de los diferentes elementos están centralizados en un solo archivo, de tal forma que el navegador solamente lo tiene que leer una vez.
  • 4.  Elementos técnicos que facilitan la indexación en buscadores de Internet:  Inclusión de Metatags “Description” y “Keywords”.  Información bien redactada sin intentos de engañar a los buscadores de Internet.  Uso de etiquetas H1 a H6 para títulos.
  • 5. •Imágenes optimizadas para que pesen menos. •No utilizar marcos (frames). Esto evita algunos posibles errores de visualización en el navegador y facilita la impresión. •No utilizar Flash cuando no agregue valor. Los buscadores de Internet y algunos smartphones y tabletas no pueden leer el texto en Flash. •En la mayoría de los casos es recomendable utilizar un ancho fijo (no expandible a todo lo ancho de la pantalla) porque facilita la lectura.
  • 6. •Utilización de tipos de letra fácilmente legibles y una herramienta para permitir crecer el texto. Existe una estimación de que el 75% de los adultos utiliza algún tipo de anteojos para corregir la visión. •Todas las páginas contarán con un URL absoluto. Esto es, cada página tendrá una dirección distinta y única en la barra de direcciones de tu navegador (puede parecer obvio, pero hay sitios web que no funcionan así). Haciéndolo correctamente, es posible para el visitante añadir tu página a favoritos o enviar una liga a un producto determinado por e-mail.
  • 7. •De manera opcional se puede utilizar la migaja (breadcrumb) en todas las páginas. Ejemplo: “Usted está en: Inicio –> Servicios –> Consultoría”. •Apegarse a estándares de desarrollo para garantizar que el sitio web pueda ser visualizado en todos los navegadores, como Internet Explorer, Firefox, Safari, Chrome y Opera tanto en computadoras Windows como Mac. •Establecer contacto con el visitante mediante formularios y una herramienta de chat en línea. •Para romper la monotonía de grandes cantidades de texto, utilizar fotografías propias o de stock. •Utilización de Google Analytics o alguna otra herramienta para medir los ingresos al sitio web. •El copy del sitio web, es decir, la información que contiene, debe tener estas características: • Textos bien redactados, que contengan información relevante a lo que queremos destacar.
  • 8. •No tratar de engañar a los buscadores de Internet mediante repeticiones exageradas de palabras, utilización del mismo color de texto y fondo, o alguna otra táctica indeseable. •No utilizar un lenguaje muy técnico ya que nuestros posibles clientes no son necesariamente expertos en el tema. •Mantener los textos breves y concisos. •Incluir alguna sección (o blog) en la que se publiquen artículos generados por tu empresa sobre el tema que domina. Esto ayuda a que tu página sea más relevante para los buscadores, además de que te conviertes en una fuente de información confiable para tus clientes y posibles clientes.
  • 9. PARTES QUE DEBE TENER UN SITIO WEB •Encabezado • Logotipo (no borroso, no mal recortado, no pixeleado) • Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”. •Barra de navegación. Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar en la portada si hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las demás opciones. Los diferentes niveles de opciones deben indicarse visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción deben ser claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir.
  • 10. •Área de contenido principal. Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí debes poner tu información. •Barra lateral de contenido (opcional). En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones. •Pie de página. Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También úsalo para colocar información de contacto u otra información importante. El contenido del pie debe aparecer en todas las páginas.
  • 11. Tema que te gustaría desarrollar en la realización de tu sitio web: Restaurantes Colunga Licea Jaritza Lizeth Aquino Ríos María Luisa