SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
estructura de sitio
Un sitio web es un grupo o conjunto de páginas que
conforman una unidad ya sea de una empresa, organización
o tema especifico
qué es un sitio web?
Para empezar a producir un sitio web es importante tener claro
lo que queremos lograr, por ello debemos armar un diagrama
del sitio que nos permita claridad al producir y hacia el cliente
estructura de un sitio web
El método más común para crear un sitio Web utilizando un
modelado que consiste en crear y editar páginas en el disco
local, guardándolas en nuestro propio equipo para
posteriormente publicarlas en un servidor remoto.
qué vamos a hacer?
De esta forma comprendemos la importancia que tiene ESA
CARPETA que va a ser la base de nuestro sitio: va a ser la que
contenga todos los archivos necesarios que después
subiremos al servidor.
A esa carpeta de la denomina CARPETA RAIZ.
hipervínculos web
Un hipervínculo es un enlace, normalmente entre dos
páginas web de un mismo sitio, pero un enlace también
puede apuntar a una página de otro sitio web, a un fichero, a
una imagen, etc. Para navegar al destino al que apunta el
enlace, hemos de hacer clic sobre él. También se conocen
como enlaces o links.
Normalmente el destino se puede saber mirando la barra de
estado del navegador cuando el ratón esté sobre el
hipervínculo.
Es posible asignar un vínculo a un texto, a una imagen, o a
parte de una imagen.
Cuando creemos un enlace, lo que realmente haremos será
crear una etiqueta <a></a> que es la que en HTML se
encarga de definir los enlaces.
tipos de hipervínculos
Un hipervínculo local o interno es un vínculo a una página
que se encuentra en el mismo sitio web (sitio local). Así, para
referirnos a ella tan solo basta con poner la ruta o dirección
en el disco duro. Si se encuentra en la misma carpeta, basta
con poner su nombre.
Un hipervínculo externo es un vínculo a otro sitio web en
Internet (sitio externo). Es un vínculo a cualquier otro lugar
fuera del sitio actual. Cuando ponemos un vínculo externo,
escribimos la dirección completa de la página incluido http://
www....
la etiqueta vínculo (a) define la incorporación de un
hipervínculo dentro de un documento, su estructura puede
afectar desde una letra hasta una imagen.
estado para revisar el <a href=”contenido.html”>contenido de este
documento</a>
la hipereferencia (href) es un elemento de un documento
electrónico que hace referencia a otro recurso, por ejemplo,
otro documento o un punto específico del mismo o de otro
documento.
estado para revisar el <a href=”contenido.html”>contenido de este
documento</a>
hipereferencia
después de el sigo igual y las comillas, debe de aparecer el
nombre del documento o dirección url al cual nos lleva el
vínculo
estado para revisar el <a href=”contenido.html”>contenido de este
documento</a>
documento o destino

Más contenido relacionado

La actualidad más candente (19)

Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Trabajo practico numero 6
Trabajo practico numero 6Trabajo practico numero 6
Trabajo practico numero 6
 
123
123123
123
 
2do tabajo de pagia web
2do tabajo de pagia web2do tabajo de pagia web
2do tabajo de pagia web
 
Diapositivas html
Diapositivas htmlDiapositivas html
Diapositivas html
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Tecnologias FRONT-END DESARROLLO WEB
Tecnologias FRONT-END DESARROLLO WEBTecnologias FRONT-END DESARROLLO WEB
Tecnologias FRONT-END DESARROLLO WEB
 
Presentacion de internet
Presentacion de  internetPresentacion de  internet
Presentacion de internet
 
Trabajo practico n9
Trabajo practico n9Trabajo practico n9
Trabajo practico n9
 
Dn13 u3 a3_opg
Dn13 u3 a3_opgDn13 u3 a3_opg
Dn13 u3 a3_opg
 
Hipervinculos externos y internos
Hipervinculos externos y internosHipervinculos externos y internos
Hipervinculos externos y internos
 
Vínculos e Hipervínculos.
Vínculos e Hipervínculos.Vínculos e Hipervínculos.
Vínculos e Hipervínculos.
 
Tp9
Tp9Tp9
Tp9
 
Actividad no.1
Actividad no.1Actividad no.1
Actividad no.1
 
A2paginas w3.2joaneduardo
A2paginas w3.2joaneduardoA2paginas w3.2joaneduardo
A2paginas w3.2joaneduardo
 
Cómo subir archivos
Cómo subir archivosCómo subir archivos
Cómo subir archivos
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Trabajo practico numero 2 informatica
Trabajo practico numero 2 informaticaTrabajo practico numero 2 informatica
Trabajo practico numero 2 informatica
 

Destacado

Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015Gabriel Porras
 
Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013
Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013
Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013Customer Centric
 
El futurodelos servicio sweb
El futurodelos servicio swebEl futurodelos servicio sweb
El futurodelos servicio swebQuách Tĩnh
 
CONECTA TU NEGOCIO
CONECTA TU NEGOCIOCONECTA TU NEGOCIO
CONECTA TU NEGOCIOeXprimeNet
 
Taller SEM Google WebCongres Valencia
Taller SEM Google WebCongres ValenciaTaller SEM Google WebCongres Valencia
Taller SEM Google WebCongres ValenciaeXprimeNet
 
Que entendemos por mantenimiento web
Que entendemos por mantenimiento webQue entendemos por mantenimiento web
Que entendemos por mantenimiento webMuchomasquewebs
 
Creacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina webCreacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina webfredyjim
 
Como vender una página web
Como vender una página webComo vender una página web
Como vender una página webClemente Acosta
 
Desarrollo de un sitio web eficaz - Marketing Digital
Desarrollo de un sitio web eficaz - Marketing DigitalDesarrollo de un sitio web eficaz - Marketing Digital
Desarrollo de un sitio web eficaz - Marketing Digitalrenzoreynosolegovic
 
Requisitos no funcionales
Requisitos no funcionalesRequisitos no funcionales
Requisitos no funcionalesracampos83
 
tecnologías de información para los negocios: hardware y software
tecnologías de información para los negocios: hardware y softwaretecnologías de información para los negocios: hardware y software
tecnologías de información para los negocios: hardware y softwareevelynamoran
 
Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)Carlos De La Ossa
 

Destacado (20)

Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario - 2015
 
5 Su Sitio Web
5 Su Sitio Web5 Su Sitio Web
5 Su Sitio Web
 
Levantando Un Sitio Web
Levantando Un Sitio WebLevantando Un Sitio Web
Levantando Un Sitio Web
 
Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013
Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013
Praxis PXI - Cómo entendemos experiencia de clientes - 26.11.2013
 
Aspectos tecnicos
Aspectos tecnicosAspectos tecnicos
Aspectos tecnicos
 
Sweb
SwebSweb
Sweb
 
Comercio Electrónico
Comercio ElectrónicoComercio Electrónico
Comercio Electrónico
 
El futurodelos servicio sweb
El futurodelos servicio swebEl futurodelos servicio sweb
El futurodelos servicio sweb
 
CONECTA TU NEGOCIO
CONECTA TU NEGOCIOCONECTA TU NEGOCIO
CONECTA TU NEGOCIO
 
Taller SEM Google WebCongres Valencia
Taller SEM Google WebCongres ValenciaTaller SEM Google WebCongres Valencia
Taller SEM Google WebCongres Valencia
 
Que entendemos por mantenimiento web
Que entendemos por mantenimiento webQue entendemos por mantenimiento web
Que entendemos por mantenimiento web
 
Creacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina webCreacion y mantenimiento de una pagina web
Creacion y mantenimiento de una pagina web
 
Como vender una página web
Como vender una página webComo vender una página web
Como vender una página web
 
Desarrollo de un sitio web eficaz - Marketing Digital
Desarrollo de un sitio web eficaz - Marketing DigitalDesarrollo de un sitio web eficaz - Marketing Digital
Desarrollo de un sitio web eficaz - Marketing Digital
 
Requisitos no funcionales
Requisitos no funcionalesRequisitos no funcionales
Requisitos no funcionales
 
tecnologías de información para los negocios: hardware y software
tecnologías de información para los negocios: hardware y softwaretecnologías de información para los negocios: hardware y software
tecnologías de información para los negocios: hardware y software
 
Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)Digital Training (SEO: search engine optimization)
Digital Training (SEO: search engine optimization)
 
Tendencias 2015 en el Desarrollo de una Web
Tendencias 2015 en el Desarrollo de una WebTendencias 2015 en el Desarrollo de una Web
Tendencias 2015 en el Desarrollo de una Web
 
Proceso para el Desarrollo Web
Proceso para el Desarrollo WebProceso para el Desarrollo Web
Proceso para el Desarrollo Web
 
Evaluacion y mantenimiento de un sitio
Evaluacion y mantenimiento de un sitioEvaluacion y mantenimiento de un sitio
Evaluacion y mantenimiento de un sitio
 

Similar a estructura-sitio-web-40

Similar a estructura-sitio-web-40 (20)

Qué es un hipervínculo
Qué es un hipervínculoQué es un hipervínculo
Qué es un hipervínculo
 
Practica de las tics
Practica de las ticsPractica de las tics
Practica de las tics
 
Hipervinculos
Hipervinculos Hipervinculos
Hipervinculos
 
Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2Presentacion Unidad 2 Act 2
Presentacion Unidad 2 Act 2
 
Tema vinculo e hipervínculo
Tema vinculo e hipervínculoTema vinculo e hipervínculo
Tema vinculo e hipervínculo
 
Tema vinculo e hipervínculo
Tema vinculo e hipervínculoTema vinculo e hipervínculo
Tema vinculo e hipervínculo
 
Practica de las Tics
Practica de las TicsPractica de las Tics
Practica de las Tics
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 
que son los sitios web y como crear paginas we4b
que son los sitios web y como crear paginas we4bque son los sitios web y como crear paginas we4b
que son los sitios web y como crear paginas we4b
 
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEBQUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Los hipervinculos
Los hipervinculosLos hipervinculos
Los hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 
Hipervinculos,pdf
Hipervinculos,pdfHipervinculos,pdf
Hipervinculos,pdf
 
Codigo de enlaces internos y externos
Codigo de enlaces internos y externosCodigo de enlaces internos y externos
Codigo de enlaces internos y externos
 
Hipervínculos
HipervínculosHipervínculos
Hipervínculos
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

Más de iConstruye

Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4iConstruye
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado WebiConstruye
 
Introducción a Motion Graphics
Introducción a Motion GraphicsIntroducción a Motion Graphics
Introducción a Motion GraphicsiConstruye
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrppiConstruye
 
Examen edicion
Examen edicionExamen edicion
Examen edicioniConstruye
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesigniConstruye
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6iConstruye
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto webiConstruye
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la webiConstruye
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptualesiConstruye
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5iConstruye
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSSiConstruye
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTMLiConstruye
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseñoiConstruye
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición MultimediaiConstruye
 
Temario examen
Temario examenTemario examen
Temario exameniConstruye
 

Más de iConstruye (20)

Examen taller
Examen tallerExamen taller
Examen taller
 
Entrega1 - Taller 4
Entrega1 - Taller 4Entrega1 - Taller 4
Entrega1 - Taller 4
 
Prototipado Web
Prototipado WebPrototipado Web
Prototipado Web
 
Introducción a Motion Graphics
Introducción a Motion GraphicsIntroducción a Motion Graphics
Introducción a Motion Graphics
 
Examen imagen
Examen imagenExamen imagen
Examen imagen
 
Examen edicion rrpp
Examen edicion rrppExamen edicion rrpp
Examen edicion rrpp
 
Examen edicion
Examen edicionExamen edicion
Examen edicion
 
Texto en InDesign
Texto en InDesignTexto en InDesign
Texto en InDesign
 
Edición conInDesign CS6
Edición conInDesign CS6Edición conInDesign CS6
Edición conInDesign CS6
 
Filezilla
FilezillaFilezilla
Filezilla
 
Webhost
WebhostWebhost
Webhost
 
Etapas de un proyecto web
Etapas de un proyecto webEtapas de un proyecto web
Etapas de un proyecto web
 
Navegación en la web
Navegación en la webNavegación en la web
Navegación en la web
 
Mapas conceptuales
Mapas conceptualesMapas conceptuales
Mapas conceptuales
 
Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5Etiquetas estructurales en HTML5
Etiquetas estructurales en HTML5
 
Hojas de estilo CSS
Hojas de estilo CSSHojas de estilo CSS
Hojas de estilo CSS
 
Etiquetas semánticas HTML
Etiquetas semánticas HTMLEtiquetas semánticas HTML
Etiquetas semánticas HTML
 
La información como fundamento del diseño
La información como fundamento del diseñoLa información como fundamento del diseño
La información como fundamento del diseño
 
Examen Edición Multimedia
Examen Edición MultimediaExamen Edición Multimedia
Examen Edición Multimedia
 
Temario examen
Temario examenTemario examen
Temario examen
 

Último

Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfjuandavidbello432
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadDiosymarSuarez
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 añosMilagrosMnstx
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.JimenaPozo3
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxjuanenriquetorresjua
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxHarryArmandoLazaroBa
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfTpicoAcerosArequipa
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadratc070603hmcmrha7
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxYasmilia
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 

Último (20)

Comandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdfComandos Autocad Español Autodesk Autocad.pdf
Comandos Autocad Español Autodesk Autocad.pdf
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 
Afiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la ModernidadAfiche Didáctico-Temático de la Modernidad
Afiche Didáctico-Temático de la Modernidad
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
Miriam Tello / Interdisciplinariedad en el diseño / tfm uned 2015
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
2DA SEMANA ABRIL proyecto nivel inicial 3 y 4 años
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.dia del niño peruano para cartulina.pdf.
dia del niño peruano para cartulina.pdf.
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docxEXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
EXAMEN HISTORIA UNIVERSAL 2do. Parcial.docx
 
Diagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptxDiagramas de flujo metalurgico en mineria.pptx
Diagramas de flujo metalurgico en mineria.pptx
 
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdfMaterial de Apoyo - Acelerador de Carrera con Power BI.pdf
Material de Apoyo - Acelerador de Carrera con Power BI.pdf
 
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridadCroquis de Hospital general (Ficticio) con señalizaciones de seguridad
Croquis de Hospital general (Ficticio) con señalizaciones de seguridad
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptx
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 

estructura-sitio-web-40

  • 2. Un sitio web es un grupo o conjunto de páginas que conforman una unidad ya sea de una empresa, organización o tema especifico qué es un sitio web?
  • 3. Para empezar a producir un sitio web es importante tener claro lo que queremos lograr, por ello debemos armar un diagrama del sitio que nos permita claridad al producir y hacia el cliente estructura de un sitio web
  • 4.
  • 5. El método más común para crear un sitio Web utilizando un modelado que consiste en crear y editar páginas en el disco local, guardándolas en nuestro propio equipo para posteriormente publicarlas en un servidor remoto. qué vamos a hacer?
  • 6.
  • 7. De esta forma comprendemos la importancia que tiene ESA CARPETA que va a ser la base de nuestro sitio: va a ser la que contenga todos los archivos necesarios que después subiremos al servidor. A esa carpeta de la denomina CARPETA RAIZ.
  • 9. Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como enlaces o links. Normalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo.
  • 10.
  • 11. Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen. Cuando creemos un enlace, lo que realmente haremos será crear una etiqueta <a></a> que es la que en HTML se encarga de definir los enlaces.
  • 12.
  • 14. Un hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local). Así, para referirnos a ella tan solo basta con poner la ruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner su nombre.
  • 15.
  • 16. Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http:// www....
  • 17.
  • 18. la etiqueta vínculo (a) define la incorporación de un hipervínculo dentro de un documento, su estructura puede afectar desde una letra hasta una imagen. estado para revisar el <a href=”contenido.html”>contenido de este documento</a>
  • 19. la hipereferencia (href) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento. estado para revisar el <a href=”contenido.html”>contenido de este documento</a> hipereferencia
  • 20. después de el sigo igual y las comillas, debe de aparecer el nombre del documento o dirección url al cual nos lleva el vínculo estado para revisar el <a href=”contenido.html”>contenido de este documento</a> documento o destino