SlideShare una empresa de Scribd logo
1 de 7
DISEÑO Y MANEJO DE
UNA PAGINA WED
INTEGRANTES:
SAIDI BARCELÓ
JULISSA CARRANZA
DISEÑO DE UNA PAGINA
WED
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).
Estos documentos o páginas web pueden ser creadas:
creando archivos de texto en
HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.
utilizando un programa WYSIWYG o WYSIWYM de creación
de páginas.
utilizando lenguajes de programación del lado servidor, para
generar la página web.
ETAPAS DE CREACION
Para el diseño de páginas web debemos tener en cuenta estas
etapas:
El diseño visual de la información que se desea editar. En esta
etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a
otros documentos y otros objetos multimedia que se consideren
pertinentes. Es importante que antes de trabajar sobre el
computador se realice un boceto o pre diseño sobre el papel. Esto
facilitará tener un orden claro sobre el diseño.
Estructura y relación jerárquica de las páginas del sitio web. Una
vez que se tiene el boceto se pasa a 'escribir' la página web. Para
esto, y fundamentalmente para manejar los vínculos entre
documentos, se creó el lenguaje de marcación de hipertexto o
HTML.
Para esto, y fundamentalmente para manejar los vínculos
entre documentos, se creó el lenguaje de marcación de
hipertexto o HTML.
La importancia de la estructura y arborescencia web radica
en que los visitantes no siempre entran por la página
principal o inicial y en ese caso el sitio debe darle la
respuesta a lo que busca rápido, además permitirle navegar
por el sitio.
Posicionamiento en buscadores o SEO. Ésta consiste en
optimizar la estructura del contenido para mejorar la
posición en que aparece la página en determinada
búsqueda.
FUNDAMENTOS
Un correcto diseño web implica conocer cómo se
deben utilizar cada uno de los elementos
permitidos en el HTML, es decir, hacer un uso
correcto de este lenguaje dentro de los estándares
establecidos por la W3C y en lo referente a la
web semántica.
ACCESIBILIDAD
El diseño web debe seguir unos requerimientos
mínimos de accesibilidad web que haga que sus
sitios web o aplicaciones puedan ser visitados por
el mayor número de personas. Para conseguir
estos objetivos de accesibilidad se han
desarrollado pautas como las del W3C: Pautas de
accesibilidad al contenido Web 1.0 WCAG.
Diseño y manejo de una página web

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

02 introducción al diseño web
02 introducción al diseño web02 introducción al diseño web
02 introducción al diseño web
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0
 
Páginas web
Páginas webPáginas web
Páginas web
 
DISEÑO WEB
DISEÑO WEBDISEÑO WEB
DISEÑO 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
 
Ventajas desventajas paginas_web
Ventajas desventajas paginas_webVentajas desventajas paginas_web
Ventajas desventajas paginas_web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Diseño web exposición
Diseño web exposiciónDiseño web exposición
Diseño web exposición
 
Paginas web
Paginas webPaginas web
Paginas web
 
Tipos de páginas web
Tipos  de páginas webTipos  de páginas web
Tipos de páginas web
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web
 
DIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMASDIASPOSITIVAS DE SISTEMAS
DIASPOSITIVAS DE SISTEMAS
 
Paginas web dinámicas y estáticas
Paginas web dinámicas y estáticasPaginas web dinámicas y estáticas
Paginas web dinámicas y estáticas
 
Paginas web estaticas y dinamicas
Paginas web estaticas y dinamicasPaginas web estaticas y dinamicas
Paginas web estaticas y dinamicas
 
Wed 2.0 y 3.0
Wed 2.0 y 3.0Wed 2.0 y 3.0
Wed 2.0 y 3.0
 
Paginas web
Paginas webPaginas web
Paginas web
 

Destacado

Creación de tablas en una base de datos
Creación de tablas en una base de datosCreación de tablas en una base de datos
Creación de tablas en una base de datosMafer Ramirez
 
Creación de tablas en una base de datos
Creación de tablas en una base de datosCreación de tablas en una base de datos
Creación de tablas en una base de datosDaniela
 
05 4. exportare_importarbasededatos
05 4. exportare_importarbasededatos05 4. exportare_importarbasededatos
05 4. exportare_importarbasededatoscamilamartinb
 
Creacion de tablas en una base de datos
Creacion de tablas en una base de datosCreacion de tablas en una base de datos
Creacion de tablas en una base de datosBHPA
 
Creación de tablas en Base de Datos
Creación de tablas en Base de DatosCreación de tablas en Base de Datos
Creación de tablas en Base de Datosmateog92
 
Partición de disco duro en windows 7
Partición de disco duro en windows 7Partición de disco duro en windows 7
Partición de disco duro en windows 7cardil
 
Paginas wed ricardo crespo
Paginas wed ricardo crespo Paginas wed ricardo crespo
Paginas wed ricardo crespo Ricardo Crespo
 
Entorno y herramienta de Adobe Illustrator CS4
Entorno y herramienta de Adobe Illustrator CS4Entorno y herramienta de Adobe Illustrator CS4
Entorno y herramienta de Adobe Illustrator CS4GHIANCALIXTRO
 
Relaciones de tablas de una base de datos
Relaciones de tablas de una base de datosRelaciones de tablas de una base de datos
Relaciones de tablas de una base de datos990511
 
Explicación de cómo hacer una base de datos
Explicación de cómo hacer una base de datosExplicación de cómo hacer una base de datos
Explicación de cómo hacer una base de datosDiego Kairoz
 
Modelado con erwin
Modelado con erwinModelado con erwin
Modelado con erwinLuis Jherry
 
Pasos para crear una base de datos
Pasos para crear una base de datosPasos para crear una base de datos
Pasos para crear una base de datosyuridia-love
 
Bases de datos 16112009
Bases de datos 16112009Bases de datos 16112009
Bases de datos 16112009mariqueve
 
Relaciones de tablas en una base de datos
Relaciones de tablas en una base de datosRelaciones de tablas en una base de datos
Relaciones de tablas en una base de datosmafeeeee
 
Introduccion a las bases de datos
Introduccion a las bases de datosIntroduccion a las bases de datos
Introduccion a las bases de datosJose
 

Destacado (19)

Creación de tablas en una base de datos
Creación de tablas en una base de datosCreación de tablas en una base de datos
Creación de tablas en una base de datos
 
Creación de tablas en una base de datos
Creación de tablas en una base de datosCreación de tablas en una base de datos
Creación de tablas en una base de datos
 
05 4. exportare_importarbasededatos
05 4. exportare_importarbasededatos05 4. exportare_importarbasededatos
05 4. exportare_importarbasededatos
 
Creacion de tablas en una base de datos
Creacion de tablas en una base de datosCreacion de tablas en una base de datos
Creacion de tablas en una base de datos
 
Creación de tablas en Base de Datos
Creación de tablas en Base de DatosCreación de tablas en Base de Datos
Creación de tablas en Base de Datos
 
Partición de disco duro en windows 7
Partición de disco duro en windows 7Partición de disco duro en windows 7
Partición de disco duro en windows 7
 
Paginas wed ricardo crespo
Paginas wed ricardo crespo Paginas wed ricardo crespo
Paginas wed ricardo crespo
 
Entorno y herramienta de Adobe Illustrator CS4
Entorno y herramienta de Adobe Illustrator CS4Entorno y herramienta de Adobe Illustrator CS4
Entorno y herramienta de Adobe Illustrator CS4
 
Relaciones de tablas de una base de datos
Relaciones de tablas de una base de datosRelaciones de tablas de una base de datos
Relaciones de tablas de una base de datos
 
Taller2
Taller2Taller2
Taller2
 
Base de datos.
Base de datos.Base de datos.
Base de datos.
 
Explicación de cómo hacer una base de datos
Explicación de cómo hacer una base de datosExplicación de cómo hacer una base de datos
Explicación de cómo hacer una base de datos
 
Modelado con erwin
Modelado con erwinModelado con erwin
Modelado con erwin
 
Pasos para crear una base de datos
Pasos para crear una base de datosPasos para crear una base de datos
Pasos para crear una base de datos
 
Manual excel basico2010
Manual excel basico2010Manual excel basico2010
Manual excel basico2010
 
Excel manual-basico
Excel manual-basicoExcel manual-basico
Excel manual-basico
 
Bases de datos 16112009
Bases de datos 16112009Bases de datos 16112009
Bases de datos 16112009
 
Relaciones de tablas en una base de datos
Relaciones de tablas en una base de datosRelaciones de tablas en una base de datos
Relaciones de tablas en una base de datos
 
Introduccion a las bases de datos
Introduccion a las bases de datosIntroduccion a las bases de datos
Introduccion a las bases de datos
 

Similar a Diseño y manejo de una página web (20)

El diseño web
El diseño webEl diseño web
El diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Introducción Diseño Web
Introducción Diseño WebIntroducción Diseño Web
Introducción Diseño Web
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
Diseno web
Diseno webDiseno web
Diseno web
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Pagina web
Pagina webPagina web
Pagina web
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 
1.- Introdución Diseño web .pptx
1.- Introdución  Diseño web .pptx1.- Introdución  Diseño web .pptx
1.- Introdución Diseño web .pptx
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
LA WEB
LA WEBLA WEB
LA WEB
 
Paginas web
Paginas webPaginas web
Paginas web
 

Último

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxGESTECPERUSAC
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOnarvaezisabella21
 

Último (20)

Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Tecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptxTecnologias Starlink para el mundo tec.pptx
Tecnologias Starlink para el mundo tec.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPOAREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
AREA TECNOLOGIA E INFORMATICA TRABAJO EN EQUIPO
 

Diseño y manejo de una página web

  • 1. DISEÑO Y MANEJO DE UNA PAGINA WED INTEGRANTES: SAIDI BARCELÓ JULISSA CARRANZA
  • 2. DISEÑO DE UNA PAGINA WED 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). Estos documentos o páginas web pueden ser creadas: creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby. utilizando un programa WYSIWYG o WYSIWYM de creación de páginas. utilizando lenguajes de programación del lado servidor, para generar la página web.
  • 3. ETAPAS DE CREACION Para el diseño de páginas web debemos tener en cuenta estas etapas: El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o pre diseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño. Estructura y relación jerárquica de las páginas del sitio web. Una vez que se tiene el boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML.
  • 4. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio. Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda.
  • 5. FUNDAMENTOS Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica.
  • 6. ACCESIBILIDAD El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.