Diseño y Desarrollo Web
-
Upload
henry-emmanuel-perez-vivas -
Category
Technology
-
view
126 -
download
0
Transcript of Diseño y Desarrollo Web
![Page 1: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/1.jpg)
Informática EducativaDiseño y Desarrollo WebLicenciatura en Informática
![Page 2: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/2.jpg)
CONCEPTOUna página web, página electrónica o ciberpágina,1 2 es un documento o información electrónica capaz de contener texto,sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML.Las páginas web frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.
![Page 3: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/3.jpg)
Diseño WebEl diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. No es simplemente la implementación del diseño convencional ya que se abarcan diferentes aspectos como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidad, interactividad,usabilidad, arquitectura de la información; interacción de medios, entre los que podemos mencionar audio, texto, imagen, enlaces, video y la optimización de motores de búsqueda.
![Page 4: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/4.jpg)
Desarrollo WebDesarrollo web es un término amplio que define la creación de sitios web para Internet o una intranet. Para conseguirlo se hace uso de tecnologías de software del lado del servidor y del cliente que involucran una combinación de procesos de base de datos con el uso de un navegador web a fin de realizar determinadas tareas o mostrar información.
![Page 5: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/5.jpg)
ServidorUn servidor es una aplicación en ejecución (software) capaz de atender las peticiones de un cliente y devolverle una respuesta en concordancia. Los servidores se pueden ejecutar en cualquier tipo de computadora, incluso en computadoras dedicadas a las cuales se les conoce individualmente como «el servidor». En la mayoría de los casos una misma computadora puede proveer múltiples servicios y tener varios servidores en funcionamiento. La ventaja de montar un servidor en computadoras dedicadas es la seguridad.
![Page 6: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/6.jpg)
Herramientas necesariasPara construir y desarrollar una página web se deben tener en cuenta los siguientes conocimientos previos y herramientas /software para su desarrollo.
Teoría del color.
Navegador web(mozilla,safari,chrome)
Editor de texto(word,bloc de notas,Sublime Text)
Servidor Local (xampp,wamp,)
![Page 7: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/7.jpg)
Los lenguajes de la WebAl momento de crear un página web ,se usan lenguajes propios que el navegador interpreta y convierte en todo un entorno visual para el ususario estos lenguajes principalmente son: HTML5 CSS Y JAVASCRIPT,estos son lenguajes de lado del cliente.Existen otros lenguajes que se ejecutan directamente en el servidor uno de los más reconocidos es PHP.
![Page 8: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/8.jpg)
Editores de códigoTodo lo que vemos en una página web esta compuesto por números y letras que escritos de forma adecuada generan un código limpio que se transforma en una página web.
![Page 9: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/9.jpg)
HTML5
HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan Hyper Text Markup Language) usado para estructurar y presentar el contenido para la web.
![Page 10: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/10.jpg)
Estructura BaseLa sintaxis de HTML5 consta de etiquetas “<>” que construyen lo que se conoce comunmente como esqueleto o maqueta de una página web.
![Page 11: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/11.jpg)
CMS
Un sistema de gestión de contenidos (en inglés: Content Management System, más conocido por sus siglas CMS) es un programa informático que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los administradores, editores, participantes y demás usuarios.
![Page 12: Diseño y Desarrollo Web](https://reader035.fdocuments.es/reader035/viewer/2022062821/58a5a9031a28ab1a628b53f9/html5/thumbnails/12.jpg)
Henry PérezCódigo: 0701220