SlideShare una empresa de Scribd logo
1 de 13
DESARROLLO DE SITIOS
WEB
SEGUNDA PARTE
Mapas de
Imágenes
•Crear un mapa de
imagen es colocar
enlaces sobre una
imagen. Podemos
dividir una imagen en
varias áreas, y que al
pulsar sobre cada
una de ellas nos lleve
a un enlace distinto.
LISTA DE OPCIONES
Las listas de
opciones son de
gran ayuda para
los formularios en
los que queremos
saber la opinión de
un aspecto
concreto en
nuestra Web,
dentro de
diferentes
opciones
planteadas
previamente por
nosotros.
<select name="transporte" size="2">
<option>Coche</option>
<option>Avión</option>
<option>Tren</option>
</select>
LISTAS DE BOTONES
RADIO
Las listas con
botones de tipo
radio. Estos
botones se
escriben mediente
la etiqueta ”radio”.
Se transforma la
lista anterior en
este tipo de lista. a
cada opción le
vamos a atribuir
una etiqueta nueva,
pero todas ellas
van a tener el
mismo nombre.
<input type="radio" name="transporte"
value="1">Coche
<br>
<input type="radio" name="transporte"
value="2">Avión
<br>
<input type="radio" name="transporte"
value="3">Tren
LISTA DE CAJAS
Estas listas de opciones son
muy parecidas a las vistas
anteriormente salvo por dos
detalles que vamos a
mostrarte a continuación.
El primero de ellos y
fundamental es que las cajas
son de un tipo diferente.
Otra diferencia es que así
como las listas de botones
tipo “radio” sólo permitían
elegir una opción, las listas
de cajas permiten
seleccionar una o varias
opciones.
<input type="checkbox"
name="transporte" value="1">Coche
<br>
<input type="checkbox"
name="transporte" value="2"
checked>Avión
<br>
<input type="checkbox"
name="transporte" value="3">Tren
TABLAS
Las tablas son
utilizadas muy a
menudo en webs
ya sea para crear
enlaces a otros
sitios, para dividir
gráficos y que
estos hagan
también de
enlaces y para en
definitiva que
todo quede más
ordenado y
compacto.
MARCOS
Los marcos Web
suelen utilizarse con
frecuencia para
facilitar el acceso a
la información o para
mostrar el contenido
de un sitio Web que
tiene varias páginas.
Utilice marcos en el
diseño de la página
Web para organizar
la información y
facilitar el acceso a
ella.
FORMULARIOS
Un formulario web
permite al usuario
introducir datos los
cuales son enviados a
un servidor para ser
procesados.
Por ejemplo, los
formularios web
pueden ser usados
para introducir datos de
envío o datos de una
tarjeta de crédito con el
objetivo de solicitar un
producto o bien ser
utilizada para solicitar
datos
ELEMENTOS DE UN
FORMULARIO DE USUARIO
Tipo: (para indicar uno de los tipos
de control del formulario)
Texto: una caja de texto que
permite ingresar una sola línea de
texto.
Casilla: una casilla de selección.
Radio: un botón de opción.
Archivo: un examinador para subir
archivos.
Reinicio: un botón de reinicio que
al activarse le dice al navegador
que restaure los valores del
formulario a su estado inicial
Enviar: un botón que le dice al
navegador que realice la acción del
formulario (referido típicamente a
mandarlo al servidor).
PUBLICACION DE SITIOS
WEB
Los principales
sistemas de
publicación en
Internet Páginas y
sitios web estáticos:
(Mediante FTP) o
sistemas de gestión
de contenido
FTP Es un protocolo
de red para la
transferencia de
archivos entre
sistemas conectados
a una red basado en
la arquitectura cliente-
ALOJAMIENTO
El alojamiento web es el
servicio que provee a
los usuarios de Internet un
sistema para poder
almacenar información,
imágenes, vídeo, o cualquier
contenido accesible vía web
EL alojamiento de páginas
web, se refiere al lugar que
ocupa una página web, sitio
web, sistema, correo
electrónico, archivos etc.
en internet o más
específicamente en
un servidor que por lo
general hospeda varias
aplicaciones o páginas web.
REDIRECCIONAMIENTO
Hay ocasiones en que
necesitamos redirigir
nuestra web a un nuevo
destino. Los casos más
comunes son:
Hemos trasladado
nuestro sitio web de
dirección y queremos que
nuestros visitantes
enlacen directamente con
el nuevo sitio.
Facilitar de forma
automatiza una entrada a
protocolo seguro.
PROMOCION
Promocionar un sitio
web consiste en
hacerlo conocido
públicamente por
medio de varios
canales con el fin de,
dependiendo del
caso, mejorar el
tráfico, ganar
reconocimiento,
atraer futuros
clientes o promover
las ventas.
Desarrollo de sitios web

Más contenido relacionado

Similar a Desarrollo de sitios web

Frames-Formularios
Frames-FormulariosFrames-Formularios
Frames-FormulariosAndres Trejo
 
Resultado de aprendizaje 2.2
Resultado de aprendizaje 2.2Resultado de aprendizaje 2.2
Resultado de aprendizaje 2.2Rafael Garcia
 
Tecnologia que Emplea El Comercio ElectóNico
Tecnologia que Emplea El Comercio ElectóNicoTecnologia que Emplea El Comercio ElectóNico
Tecnologia que Emplea El Comercio ElectóNicoEfren_Montero
 
Deber de computacion
Deber de computacionDeber de computacion
Deber de computacionxaviuuuu
 
Tecnologia Que Emplea El Comercio Electrónico
Tecnologia Que Emplea El Comercio ElectrónicoTecnologia Que Emplea El Comercio Electrónico
Tecnologia Que Emplea El Comercio Electróniconellychica
 
Servícío de internet y herramientas de navegación
Servícío de internet y herramientas de navegaciónServícío de internet y herramientas de navegación
Servícío de internet y herramientas de navegacióngIL00
 
E:\ServíCíO De Internet Y Herramientas De NavegacióN
E:\ServíCíO De Internet Y Herramientas De NavegacióNE:\ServíCíO De Internet Y Herramientas De NavegacióN
E:\ServíCíO De Internet Y Herramientas De NavegacióNthepicudo
 
Servícío De Internet Y Herramientas De Navegación
Servícío De Internet Y Herramientas De NavegaciónServícío De Internet Y Herramientas De Navegación
Servícío De Internet Y Herramientas De Navegaciónskarockdisident
 
El Internet 2 Terminar
El Internet 2 TerminarEl Internet 2 Terminar
El Internet 2 Terminaralmagroovy145
 
Trabajo computacion
Trabajo computacionTrabajo computacion
Trabajo computacionbrncfull
 

Similar a Desarrollo de sitios web (20)

Formulario web movil
Formulario web movilFormulario web movil
Formulario web movil
 
Frames-Formularios
Frames-FormulariosFrames-Formularios
Frames-Formularios
 
Servicios web ITT
Servicios web ITTServicios web ITT
Servicios web ITT
 
Servicios web itt
Servicios web ittServicios web itt
Servicios web itt
 
Servicios web itt
Servicios web ittServicios web itt
Servicios web itt
 
Resultado de aprendizaje 2.2
Resultado de aprendizaje 2.2Resultado de aprendizaje 2.2
Resultado de aprendizaje 2.2
 
Servicios Web
Servicios WebServicios Web
Servicios Web
 
Tecnologia que Emplea El Comercio ElectóNico
Tecnologia que Emplea El Comercio ElectóNicoTecnologia que Emplea El Comercio ElectóNico
Tecnologia que Emplea El Comercio ElectóNico
 
Deber de computacion
Deber de computacionDeber de computacion
Deber de computacion
 
Tecnologia Que Emplea El Comercio Electrónico
Tecnologia Que Emplea El Comercio ElectrónicoTecnologia Que Emplea El Comercio Electrónico
Tecnologia Que Emplea El Comercio Electrónico
 
Servícío de internet y herramientas de navegación
Servícío de internet y herramientas de navegaciónServícío de internet y herramientas de navegación
Servícío de internet y herramientas de navegación
 
E:\ServíCíO De Internet Y Herramientas De NavegacióN
E:\ServíCíO De Internet Y Herramientas De NavegacióNE:\ServíCíO De Internet Y Herramientas De NavegacióN
E:\ServíCíO De Internet Y Herramientas De NavegacióN
 
Servícío De Internet Y Herramientas De Navegación
Servícío De Internet Y Herramientas De NavegaciónServícío De Internet Y Herramientas De Navegación
Servícío De Internet Y Herramientas De Navegación
 
Formularios HTML
Formularios HTMLFormularios HTML
Formularios HTML
 
Nelson (Diapositivas)
Nelson (Diapositivas)Nelson (Diapositivas)
Nelson (Diapositivas)
 
Trabajo de desarrollo
Trabajo de desarrolloTrabajo de desarrollo
Trabajo de desarrollo
 
Internet
InternetInternet
Internet
 
DIAPOSITIVAS POWER POINT
DIAPOSITIVAS POWER POINTDIAPOSITIVAS POWER POINT
DIAPOSITIVAS POWER POINT
 
El Internet 2 Terminar
El Internet 2 TerminarEl Internet 2 Terminar
El Internet 2 Terminar
 
Trabajo computacion
Trabajo computacionTrabajo computacion
Trabajo computacion
 

Último

actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
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
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 

Último (20)

Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 

Desarrollo de sitios web

  • 1. DESARROLLO DE SITIOS WEB SEGUNDA PARTE Mapas de Imágenes •Crear un mapa de imagen es colocar enlaces sobre una imagen. Podemos dividir una imagen en varias áreas, y que al pulsar sobre cada una de ellas nos lleve a un enlace distinto.
  • 2. LISTA DE OPCIONES Las listas de opciones son de gran ayuda para los formularios en los que queremos saber la opinión de un aspecto concreto en nuestra Web, dentro de diferentes opciones planteadas previamente por nosotros. <select name="transporte" size="2"> <option>Coche</option> <option>Avión</option> <option>Tren</option> </select>
  • 3. LISTAS DE BOTONES RADIO Las listas con botones de tipo radio. Estos botones se escriben mediente la etiqueta ”radio”. Se transforma la lista anterior en este tipo de lista. a cada opción le vamos a atribuir una etiqueta nueva, pero todas ellas van a tener el mismo nombre. <input type="radio" name="transporte" value="1">Coche <br> <input type="radio" name="transporte" value="2">Avión <br> <input type="radio" name="transporte" value="3">Tren
  • 4. LISTA DE CAJAS Estas listas de opciones son muy parecidas a las vistas anteriormente salvo por dos detalles que vamos a mostrarte a continuación. El primero de ellos y fundamental es que las cajas son de un tipo diferente. Otra diferencia es que así como las listas de botones tipo “radio” sólo permitían elegir una opción, las listas de cajas permiten seleccionar una o varias opciones. <input type="checkbox" name="transporte" value="1">Coche <br> <input type="checkbox" name="transporte" value="2" checked>Avión <br> <input type="checkbox" name="transporte" value="3">Tren
  • 5. TABLAS Las tablas son utilizadas muy a menudo en webs ya sea para crear enlaces a otros sitios, para dividir gráficos y que estos hagan también de enlaces y para en definitiva que todo quede más ordenado y compacto.
  • 6. MARCOS Los marcos Web suelen utilizarse con frecuencia para facilitar el acceso a la información o para mostrar el contenido de un sitio Web que tiene varias páginas. Utilice marcos en el diseño de la página Web para organizar la información y facilitar el acceso a ella.
  • 7. FORMULARIOS Un formulario web permite al usuario introducir datos los cuales son enviados a un servidor para ser procesados. Por ejemplo, los formularios web pueden ser usados para introducir datos de envío o datos de una tarjeta de crédito con el objetivo de solicitar un producto o bien ser utilizada para solicitar datos
  • 8. ELEMENTOS DE UN FORMULARIO DE USUARIO Tipo: (para indicar uno de los tipos de control del formulario) Texto: una caja de texto que permite ingresar una sola línea de texto. Casilla: una casilla de selección. Radio: un botón de opción. Archivo: un examinador para subir archivos. Reinicio: un botón de reinicio que al activarse le dice al navegador que restaure los valores del formulario a su estado inicial Enviar: un botón que le dice al navegador que realice la acción del formulario (referido típicamente a mandarlo al servidor).
  • 9. PUBLICACION DE SITIOS WEB Los principales sistemas de publicación en Internet Páginas y sitios web estáticos: (Mediante FTP) o sistemas de gestión de contenido FTP Es un protocolo de red para la transferencia de archivos entre sistemas conectados a una red basado en la arquitectura cliente-
  • 10. ALOJAMIENTO El alojamiento web es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web EL alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.
  • 11. REDIRECCIONAMIENTO Hay ocasiones en que necesitamos redirigir nuestra web a un nuevo destino. Los casos más comunes son: Hemos trasladado nuestro sitio web de dirección y queremos que nuestros visitantes enlacen directamente con el nuevo sitio. Facilitar de forma automatiza una entrada a protocolo seguro.
  • 12. PROMOCION Promocionar un sitio web consiste en hacerlo conocido públicamente por medio de varios canales con el fin de, dependiendo del caso, mejorar el tráfico, ganar reconocimiento, atraer futuros clientes o promover las ventas.