SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
MATERIA: DESARROLLO DE PÁGINAS WEB
SEMANA 1
TEMAS:
a) Diseño de páginas web
● ¿Qué es el diseño web?
El diseño web es una de las disciplinas del diseño, entre las que se encuentra
también el diseño gráfico, que constituye una de las funciones creativas más
elementales del marketing por Internet y que tiene por objetivo la producción
de sitios web. El propósito del diseño web no sólo es lograr un efecto visual
agradable y armonía entre los distintos elementos que integran un sitio web,
sino también alcanzar un óptimo desempeño en su operación y el máximo nivel
de exposición posible para cumplir satisfactoriamente con la función de
promoción para la que son creados los sitios.
Por tal motivo es que muy importante primero conocer dicho concepto ya que
permite tener de una forma amplia a que se refiere el diseño web, que no solo
es el uso de herramientas para el desarrollo, sino también cumplir con las
expectativas del cliente, apariencia, interacción, funcionalidad etc.
● ¿Cómo es el funcionamiento de internet?
El ​funcionamiento de ​internet conlleva ​varias operaciones para acceder a
una página web determinada; es un proceso complejo y que muchas de las
veces nadie se ha dado a la tarea de analizar.
Desde el momento en que un usuario ingresa a su computador y abre su
navegador ​e ingresa a un ​buscador sea google e intenta conocer la definición
de computadora, el navegador va acceder a los diferentes resultados que se
encuentran en diferentes ​servidores que existan y cuenten con dicha
búsqueda, te preguntaras y ¿Cómo se realiza para acceder directamente al
recurso necesario?, es de la siguiente manera:
Según los resultados obtenidos de la búsqueda nos genera una lista posible de
páginas que contiene ese concepto o palabra, las cuales aparecen como un
hipertexto o ​enlace en color azul​, este enlace es la forma más fácil de
poder acceder al recurso que necesitamos, el cual se encuentra en un servidor
determinado en alguna parte del mundo, que por medio de una ​dirección ip
es diferente a los demás, lo cual solo podremos acceder a este por medio de su
dirección para obtener o poder recibir la página que necesitamos directamente
a nuestro navegador.
● ¿Qué es una página web?
Muchas de las veces que se escucha el término página web la mente se
imagina Facebook, google, etc., pero sin darnos cuenta que el concepto de
página web es diferente.
El cual se mencionara de la siguiente manera:
Una página web es un documento electrónico que existe dentro de la web, esta
creado por un lenguaje HTML.
El lenguaje HTML está compuesto por diferentes etiquetas que permiten la
creación de la estructura de una página web, es el esqueleto de la misma la
cual es transformada en su apariencia por medio de scripts de css3 o también
llamadas hojas de estilo que permitirá una mejor interacción con el usuario.
● ¿Cuáles son los elementos de una página web?
Para la creación de páginas web es necesario conocer los diferentes elementos
más utilizados o más necesarios para una página web profesional ya que
dependiendo de estos elementos será la calidad de la misma al cumplir con los
requerimientos necesarios.
Entre los diferentes elemento de una página web podemos encontrar los
siguientes:
● Menú
● Imágenes
● Párrafos
● Titulares
● Tablas
● Salto de línea
● Audio/ video
● Encabezado y pie de pagina
● Listas ordenadas y desordenadas
● Enlaces
● Banner
● Secciones y artículos
● Botones
● Formulario
● Entre otros
Existen otros pero los más utilizados son estos, de uno como desarrollador web
dependerá la semántica de su utilización para realizar una web entendible para
su mantenimiento.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

La sociedad
La sociedadLa sociedad
La sociedad
 
Paginas web
Paginas webPaginas web
Paginas web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Aplicaciones web.cinthia
Aplicaciones web.cinthiaAplicaciones web.cinthia
Aplicaciones web.cinthia
 
Frontpage
FrontpageFrontpage
Frontpage
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1
 
Paginas web
Paginas webPaginas web
Paginas web
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Entendiendo a nuestro navegador web
Entendiendo a nuestro navegador webEntendiendo a nuestro navegador web
Entendiendo a nuestro navegador web
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitar
 
Valeria
ValeriaValeria
Valeria
 
Bitacora william
Bitacora williamBitacora william
Bitacora william
 
Paginas Web Blogs Foros
Paginas Web Blogs ForosPaginas Web Blogs Foros
Paginas Web Blogs Foros
 
Informe Digitalizado
Informe DigitalizadoInforme Digitalizado
Informe Digitalizado
 
Lenguaje html esther 1 ro basico
Lenguaje html esther 1 ro basicoLenguaje html esther 1 ro basico
Lenguaje html esther 1 ro basico
 
Dody guevara ballona el blog
Dody guevara ballona el blogDody guevara ballona el blog
Dody guevara ballona el blog
 
Html5 rapido y seguro con Initializr
Html5 rapido y seguro con InitializrHtml5 rapido y seguro con Initializr
Html5 rapido y seguro con Initializr
 
Herramientas web
Herramientas  webHerramientas  web
Herramientas web
 

Similar a Pf l1 is103_s1 (20)

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 web
Diseño webDiseño web
Diseño web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Diseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdfDiseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdf
 
Diseño de páginas web (web design)
Diseño de páginas web (web design)Diseño de páginas web (web design)
Diseño de páginas web (web design)
 
HTML 5
HTML 5HTML 5
HTML 5
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Miprimerapagina
MiprimerapaginaMiprimerapagina
Miprimerapagina
 
Tecnologia
TecnologiaTecnologia
Tecnologia
 
LA WEB
LA WEBLA WEB
LA WEB
 
computación
computación computación
computación
 

Último

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFlor Idalia Espinoza Ortega
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzprofefilete
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 

Último (20)

Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Power Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptxPower Point: "Defendamos la verdad".pptx
Power Point: "Defendamos la verdad".pptx
 
Factores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamicaFactores ecosistemas: interacciones, energia y dinamica
Factores ecosistemas: interacciones, energia y dinamica
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyzel CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
el CTE 6 DOCENTES 2 2023-2024abcdefghijoklmnñopqrstuvwxyz
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 

Pf l1 is103_s1

  • 1. MATERIA: DESARROLLO DE PÁGINAS WEB SEMANA 1 TEMAS: a) Diseño de páginas web ● ¿Qué es el diseño web? El diseño web es una de las disciplinas del diseño, entre las que se encuentra también el diseño gráfico, que constituye una de las funciones creativas más elementales del marketing por Internet y que tiene por objetivo la producción de sitios web. El propósito del diseño web no sólo es lograr un efecto visual agradable y armonía entre los distintos elementos que integran un sitio web, sino también alcanzar un óptimo desempeño en su operación y el máximo nivel de exposición posible para cumplir satisfactoriamente con la función de promoción para la que son creados los sitios. Por tal motivo es que muy importante primero conocer dicho concepto ya que permite tener de una forma amplia a que se refiere el diseño web, que no solo es el uso de herramientas para el desarrollo, sino también cumplir con las expectativas del cliente, apariencia, interacción, funcionalidad etc. ● ¿Cómo es el funcionamiento de internet?
  • 2. El ​funcionamiento de ​internet conlleva ​varias operaciones para acceder a una página web determinada; es un proceso complejo y que muchas de las veces nadie se ha dado a la tarea de analizar. Desde el momento en que un usuario ingresa a su computador y abre su navegador ​e ingresa a un ​buscador sea google e intenta conocer la definición de computadora, el navegador va acceder a los diferentes resultados que se encuentran en diferentes ​servidores que existan y cuenten con dicha búsqueda, te preguntaras y ¿Cómo se realiza para acceder directamente al recurso necesario?, es de la siguiente manera: Según los resultados obtenidos de la búsqueda nos genera una lista posible de páginas que contiene ese concepto o palabra, las cuales aparecen como un hipertexto o ​enlace en color azul​, este enlace es la forma más fácil de poder acceder al recurso que necesitamos, el cual se encuentra en un servidor determinado en alguna parte del mundo, que por medio de una ​dirección ip es diferente a los demás, lo cual solo podremos acceder a este por medio de su dirección para obtener o poder recibir la página que necesitamos directamente a nuestro navegador. ● ¿Qué es una página web?
  • 3. Muchas de las veces que se escucha el término página web la mente se imagina Facebook, google, etc., pero sin darnos cuenta que el concepto de página web es diferente. El cual se mencionara de la siguiente manera: Una página web es un documento electrónico que existe dentro de la web, esta creado por un lenguaje HTML. El lenguaje HTML está compuesto por diferentes etiquetas que permiten la creación de la estructura de una página web, es el esqueleto de la misma la cual es transformada en su apariencia por medio de scripts de css3 o también llamadas hojas de estilo que permitirá una mejor interacción con el usuario. ● ¿Cuáles son los elementos de una página web? Para la creación de páginas web es necesario conocer los diferentes elementos más utilizados o más necesarios para una página web profesional ya que dependiendo de estos elementos será la calidad de la misma al cumplir con los requerimientos necesarios. Entre los diferentes elemento de una página web podemos encontrar los siguientes: ● Menú ● Imágenes ● Párrafos ● Titulares ● Tablas ● Salto de línea
  • 4. ● Audio/ video ● Encabezado y pie de pagina ● Listas ordenadas y desordenadas ● Enlaces ● Banner ● Secciones y artículos ● Botones ● Formulario ● Entre otros Existen otros pero los más utilizados son estos, de uno como desarrollador web dependerá la semántica de su utilización para realizar una web entendible para su mantenimiento.