Diseño web
Diseño web.
1. Lenguaje de marcado de hipertexto (HTML)
Definición:
HTML (HyperText Markup Language) es el lenguaje principal utilizado para crear y
estructurar páginas web. Permite definir elementos como encabezados, párrafos,
enlaces, imágenes, listas y formularios.
Ejemplo de código HTML:
<!DOCTYPE html>
<html>
<head><title>Mi primera página</title></head>
<body>
<h1>Hola, mundo</h1>
<p>Esta es una página web en HTML.</p>
</body>
</html>
Uso: HTML forma la base de casi todos los sitios web.
2. Hojas de estilo en cascada (CSS) y JavaScript
CSS (Cascading Style Sheets):
Sirve para dar estilo visual a las páginas web. Permite modificar colores, fuentes,
tamaños, márgenes, posiciones y más.
Ejemplo de código CSS:
css
CopiarEditar
h1 {
color: blue;
font-size: 24px;
}
JavaScript:
Es un lenguaje de programación que permite agregar interactividad y dinamismo a las
páginas web (como botones, formularios, animaciones, etc.).
Ejemplo de código JavaScript:
javascript
CopiarEditardocument.getElementById("demo").innerHTML = "Texto modificado con
JavaScript";
3. Relación entre HTML, CSS y JavaScript
Estos tres lenguajes trabajan en conjunto para construir sitios web:
• HTML estructura el contenido.
• CSS se encarga del diseño visual.
• JavaScript agrega interactividad.
Ejemplo de integración:
• HTML crea un botón.
• CSS lo hace rojo.
• JavaScript hace que al dar clic cambie de color.
Son los tres pilares del desarrollo web front-end.
4. 5 Software de aplicación para diseño de páginas web
1. Adobe Dreamweaver:
Editor visual y de código HTML, CSS y JS, útil para principiantes y profesionales.
2. Visual Studio Code:
Editor de código gratuito, muy usado por desarrolladores. Admite muchas extensiones.
3. WordPress:
Plataforma para crear sitios web sin necesidad de saber programar.
4. Wix:
Herramienta en línea con plantillas para diseñar sitios web fácilmente.
5. Sublime Text:
Ligero, rápido y con interfaz simple. Popular entre programadores web.5. ¿Qué es un sitio web local y cómo se configura?
Sitio web local:
Es un sitio que solo puede verse en tu propia computadora (no está en Internet), útil para
pruebas antes de publicar.
Cómo se configura:
1. Instalar un servidor local como XAMPP, WampServer o MAMP.
2. Guardar los archivos del sitio en la carpeta /htdocs/.
3. Acceder desde el navegador usando http://localhost.
6. ¿Qué es el Protocolo de Transferencia de Archivos (FTP)?
Definición:
FTP (File Transfer Protocol) es un protocolo para transferir archivos entre tu computadora
y un servidor web. Es esencial para subir páginas a Internet.
Ejemplo de uso:
• Usar un programa como FileZilla para conectarte al servidor.
• Introducir los datos: dirección FTP, usuario, contraseña.
• Subir archivos del sitio web al hosting.
7. Conclusión
El diseño web requiere comprender los lenguajes y herramientas que dan forma a las
páginas. HTML, CSS y JavaScript trabajan juntos para crear contenido, estilo e
interactividad. Además, conocer cómo funciona un entorno local, el uso de software de
diseño y el protocolo FTP es esencial para desarrollar y publicar sitios completos.
Comentarios
Publicar un comentario