SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados (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
 

Destaque

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
 

Destaque (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
 

Semelhante a Estructura de sitio

Semelhante a Estructura de sitio (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
 

Mais 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
 

Mais 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

DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGOyordanespinozanina
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanaMarsielMendoza1
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.docilvrosiebp
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxNorberto Chacon
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 

Último (20)

DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 

Estructura de sitio

  • 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