Curso de introducción al desarrollo web:
HTML y CSS
Curso de introducción al desarrollo web.pptx
Las páginas web son documentos que hacen
uso del hipertexto y la hipermedia. Algo
esencial de las páginas web son los enlaces o
hipervínculos. Un enlace se define mediante
una URL. ¿Cómo se escribe una URL y qué
partes tiene? No te preocupes, también te lo
vamos a explicar en este módulo.
Cuando se publica un sitio web en Internet lo
mejor es disponer de un nombre de dominio
propio. ¿Cuánto cuesta un nombre de dominio
y cómo se compra? ¿Qué es el alojamiento web
hosting? ¿Cómo se publica un sitio web en
Internet? Todo esto también te lo vamos a
explicar en este módulo.
Las páginas web son documentos electrónicos escritos, con un lenguaje de marcado o etiquetado llamado
HTML. HTML es un lenguaje y como cualquier lenguaje para aprenderlo hace falta tiempo y esfuerzo.
El secreto para aprenderlo es muy simple, practica, practica y practica. HTML tiene su vocabulario y su
gramática. El vocabulario son las etiquetas que se pueden emplear. La gramática son las reglas que establecen
cómo se deben emplear las etiquetas para escribir un documento.
Los enlaces se emplean para crear el hipertexto, la característica principal que define a la web. Las
páginas web se pueden escribir con cualquier editor de textos, no hace falta un programa
sofisticado para escribir páginas web, por ejemplo, en Microsoft Windows, podrías usar el bloc de
notas. Sin embargo, esta semana vas a aprender a utilizar un editor de textos, que posee una serie
de características que te ayudarán a escribir las páginas web de una forma más rápida y con
menos errores.
El diseño web se refiere al diseño visual de un sitio web o de
una página web y con frecuencia implica el diseño de los
elementos gráficos de la página. En el diseño se tienen en
cuenta elementos gráficos como la tipografía, los colores, los
tamaños y las proporciones.
El diseño se suele realizar con una herramienta gráfica como
Adobe Photoshop o GIMP y proporciona el marco para la
presentación y el comportamiento de la página. El producto
final del diseño web no suele contener código. El diseño de la
página puede ser una simple imagen en formato png, por
ejemplo, es utilizado por el mismo diseñador o por otra
persona como base para el código de la página web. El diseño
de la página se divide, se trocea, en partes que se pueden
representar mediante código HTML, CSS o se convierten en
elementos puramente gráficos. La persona que realiza el diseño
de un sitio web se le suele llamar el diseñador.
Por otro lado, el desarrollo web se refiere a la programación
necesaria para construir una aplicación o sitio web. Se suele
dividir en dos partes que pueden estar conectadas, la parte
cliente y la parte servidor, que funcionan de forma
independiente y emplean tecnologías distintas, aunque muchas
veces, también interactúan por lo que también se habla de
programación de la parte cliente-servidor.
Para el desarrollo de la parte cliente, los conocimientos que se
necesitan tener son, por un lado, HTML y CSS para la creación
de las páginas web, y por otro lado JavaScript y el DOM, para la
programación de la parte cliente.
El desarrollo de la parte servidor se refiere a la programación
necesaria para construir el back-end de un sitio. El back-end en
la parte del sitio web que no ven los visitantes de un sitio web
pero que es necesario para poder presentar la información
correcta en el formato correcto a los visitantes. En el desarrollo
de la parte servidor se emplean lenguajes de script como PHP,
ASP, ASP.NET, JSP, Perl y Coldfusion para acceder a una base de
datos y recuperar la información necesaria para visualizar una
página web.
Por tanto, el desarrollo web también cubre el diseño y
desarrollo de las bases de datos y como una aplicación web
está al alcance de cualquiera, también es necesario tener en
cuenta la correcta seguridad del producto final. La persona que
realiza el desarrollo web se le suele llamar el desarrollador.

Más contenido relacionado

PPTX
Diseño Páginas Web FPT MOD VIII - Presetnacion
PPTX
Diseño Web: Qué necesitamos para empezar?
DOCX
PAGINA WEB paucar inga lidia
PPTX
Web informática
PPTX
Diseño y Desarrollo Web
PPTX
Yeison fabian
PDF
Leccion VI
PDF
Informatica diseno y programacion de paginas web
Diseño Páginas Web FPT MOD VIII - Presetnacion
Diseño Web: Qué necesitamos para empezar?
PAGINA WEB paucar inga lidia
Web informática
Diseño y Desarrollo Web
Yeison fabian
Leccion VI
Informatica diseno y programacion de paginas web

Similar a Curso de introducción al desarrollo web.pptx (20)

PPTX
Tecnología web Desarrollo web 2025
PPTX
Pagina web
PPTX
Diseño de paginas y buscadores
PPTX
la forma de ver y coocer mas hacerca de la web
PDF
Diseno.y.programacion.de.paginas.web. .miguel.pedroza.pareja
PPTX
Diapositivas
PDF
Clase 1 Introducción al Desarrollo Web
DOCX
introducción tecnologías web
PDF
Desarrollo de Páginas Web
PDF
Pistas Construccion Web
 
PPTX
Desarrollo web
PPTX
Contenidos o nodos de informacion tipo html
PDF
Tema 2 - Introducción a los proyectos web
PPTX
Michael steven
PDF
Tema1 introduccion
PDF
Prototipado Web
PPT
Diseño de Páginas Web
PPTX
Jhohan nicolai
Tecnología web Desarrollo web 2025
Pagina web
Diseño de paginas y buscadores
la forma de ver y coocer mas hacerca de la web
Diseno.y.programacion.de.paginas.web. .miguel.pedroza.pareja
Diapositivas
Clase 1 Introducción al Desarrollo Web
introducción tecnologías web
Desarrollo de Páginas Web
Pistas Construccion Web
 
Desarrollo web
Contenidos o nodos de informacion tipo html
Tema 2 - Introducción a los proyectos web
Michael steven
Tema1 introduccion
Prototipado Web
Diseño de Páginas Web
Jhohan nicolai
Publicidad

Último (20)

PDF
200514 Colombia hacia una sociedad del conocimiento vol I_CC.pdf
PDF
1er Grado - Dosificación Anual con Contenidos y PDA (2025-2026) (1).pdf
PDF
GUÍA INTEGRADA PROMOCIÓN HORIZONTAL 2024-2025 (1).pdf
PDF
Libro-Libroferia-Encarnación-una-experiencia-de-alfabetizacion-cultural-Nadia...
PPTX
Taller Intensivo por dia de cada una.pptx
PDF
Estadística Aplicada a la Psicología y Ciencias de la Salud Ccesa.pdf
PDF
50000 mil words en inglés más usados.pdf
PPTX
contenidosypda-faase-3-230824191024-49ac7ac3.pptx
DOCX
PROGRAMA ANALITICO ESCUela en san luis potosi 25-26.docx
PDF
Aprendizaje Emocionante - Begoña Ibarrola SM2 Ccesa007.pdf
PDF
Guía de Genética de aces descargado de manera libre
DOCX
PCI LARAOS 2025. 2024 documento de gestión
PDF
Retirate Joven y Rico - Robert Kiyosaki Ccesa007.pdf
PDF
Teología de la misión Ramiro Pellitero.pdf
PDF
Didáctica de las literaturas infantiles.
PDF
Lo que hacen los Mejores Profesores de la Universidad - Ken Bain Ccesa007.pdf
PDF
Carta magna de la excelentísima República de México
PDF
Organizador curricular multigrado escuela
PDF
Andaluz. Manual de Derecho Ambiental - Instituto de Investigación y Gestión T...
PDF
tu hijo tu espejo: libro que te ayudará a comprender la relación padres e hij...
200514 Colombia hacia una sociedad del conocimiento vol I_CC.pdf
1er Grado - Dosificación Anual con Contenidos y PDA (2025-2026) (1).pdf
GUÍA INTEGRADA PROMOCIÓN HORIZONTAL 2024-2025 (1).pdf
Libro-Libroferia-Encarnación-una-experiencia-de-alfabetizacion-cultural-Nadia...
Taller Intensivo por dia de cada una.pptx
Estadística Aplicada a la Psicología y Ciencias de la Salud Ccesa.pdf
50000 mil words en inglés más usados.pdf
contenidosypda-faase-3-230824191024-49ac7ac3.pptx
PROGRAMA ANALITICO ESCUela en san luis potosi 25-26.docx
Aprendizaje Emocionante - Begoña Ibarrola SM2 Ccesa007.pdf
Guía de Genética de aces descargado de manera libre
PCI LARAOS 2025. 2024 documento de gestión
Retirate Joven y Rico - Robert Kiyosaki Ccesa007.pdf
Teología de la misión Ramiro Pellitero.pdf
Didáctica de las literaturas infantiles.
Lo que hacen los Mejores Profesores de la Universidad - Ken Bain Ccesa007.pdf
Carta magna de la excelentísima República de México
Organizador curricular multigrado escuela
Andaluz. Manual de Derecho Ambiental - Instituto de Investigación y Gestión T...
tu hijo tu espejo: libro que te ayudará a comprender la relación padres e hij...
Publicidad

Curso de introducción al desarrollo web.pptx

  • 1. Curso de introducción al desarrollo web: HTML y CSS
  • 3. Las páginas web son documentos que hacen uso del hipertexto y la hipermedia. Algo esencial de las páginas web son los enlaces o hipervínculos. Un enlace se define mediante una URL. ¿Cómo se escribe una URL y qué partes tiene? No te preocupes, también te lo vamos a explicar en este módulo.
  • 4. Cuando se publica un sitio web en Internet lo mejor es disponer de un nombre de dominio propio. ¿Cuánto cuesta un nombre de dominio y cómo se compra? ¿Qué es el alojamiento web hosting? ¿Cómo se publica un sitio web en Internet? Todo esto también te lo vamos a explicar en este módulo.
  • 5. Las páginas web son documentos electrónicos escritos, con un lenguaje de marcado o etiquetado llamado HTML. HTML es un lenguaje y como cualquier lenguaje para aprenderlo hace falta tiempo y esfuerzo. El secreto para aprenderlo es muy simple, practica, practica y practica. HTML tiene su vocabulario y su gramática. El vocabulario son las etiquetas que se pueden emplear. La gramática son las reglas que establecen cómo se deben emplear las etiquetas para escribir un documento.
  • 6. Los enlaces se emplean para crear el hipertexto, la característica principal que define a la web. Las páginas web se pueden escribir con cualquier editor de textos, no hace falta un programa sofisticado para escribir páginas web, por ejemplo, en Microsoft Windows, podrías usar el bloc de notas. Sin embargo, esta semana vas a aprender a utilizar un editor de textos, que posee una serie de características que te ayudarán a escribir las páginas web de una forma más rápida y con menos errores.
  • 7. El diseño web se refiere al diseño visual de un sitio web o de una página web y con frecuencia implica el diseño de los elementos gráficos de la página. En el diseño se tienen en cuenta elementos gráficos como la tipografía, los colores, los tamaños y las proporciones. El diseño se suele realizar con una herramienta gráfica como Adobe Photoshop o GIMP y proporciona el marco para la presentación y el comportamiento de la página. El producto final del diseño web no suele contener código. El diseño de la página puede ser una simple imagen en formato png, por ejemplo, es utilizado por el mismo diseñador o por otra persona como base para el código de la página web. El diseño de la página se divide, se trocea, en partes que se pueden representar mediante código HTML, CSS o se convierten en elementos puramente gráficos. La persona que realiza el diseño de un sitio web se le suele llamar el diseñador.
  • 8. Por otro lado, el desarrollo web se refiere a la programación necesaria para construir una aplicación o sitio web. Se suele dividir en dos partes que pueden estar conectadas, la parte cliente y la parte servidor, que funcionan de forma independiente y emplean tecnologías distintas, aunque muchas veces, también interactúan por lo que también se habla de programación de la parte cliente-servidor. Para el desarrollo de la parte cliente, los conocimientos que se necesitan tener son, por un lado, HTML y CSS para la creación de las páginas web, y por otro lado JavaScript y el DOM, para la programación de la parte cliente.
  • 9. El desarrollo de la parte servidor se refiere a la programación necesaria para construir el back-end de un sitio. El back-end en la parte del sitio web que no ven los visitantes de un sitio web pero que es necesario para poder presentar la información correcta en el formato correcto a los visitantes. En el desarrollo de la parte servidor se emplean lenguajes de script como PHP, ASP, ASP.NET, JSP, Perl y Coldfusion para acceder a una base de datos y recuperar la información necesaria para visualizar una página web. Por tanto, el desarrollo web también cubre el diseño y desarrollo de las bases de datos y como una aplicación web está al alcance de cualquiera, también es necesario tener en cuenta la correcta seguridad del producto final. La persona que realiza el desarrollo web se le suele llamar el desarrollador.