![Page 1: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/1.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Desarrollo web
Sergio Luján Mora
Departamento de Lenguajes y Sistemas Informáticos
Universidad de Alicante (España)
IDW-DesWeb-01
![Page 2: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/2.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Contacto • http://gplsi.dlsi.ua.es/~slujan/
• http://accesibilidadenlaweb.blogspot.com.es/
• http://accesibilidadweb.dlsi.ua.es/
• http://desarrolloweb.dlsi.ua.es/
• http://www.youtube.com/user/sergiolujanmora
• @sergiolujanmora
![Page 3: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/3.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Desarrollo web = Diseño web X
![Page 4: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/4.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Desarrollo web
![Page 5: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/5.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Diseño web
• Diseño visual (look and feel) Elementos gráficos
• Herramientas gráficas (Adobe Photoshop, GIMP)
• Diseño (sin código) Trozos:
– HTML+CSS
– Elementos gráficos
![Page 6: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/6.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Diseñador
![Page 7: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/7.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Desarrollo web
• Parte cliente
• Parte servidor
• Parte cliente-servidor
![Page 8: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/8.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Desarrollo web
• Parte cliente:
– HTML y CSS
– JavaScript y DOM
![Page 9: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/9.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Desarrollo web
• Programación servidor:
– Lenguajes de script (PHP, ASP, ASP.NET, JSP, Perl y Coldfusion)
– Diseño y desarrollo de bases de datos
– Seguridad
![Page 10: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/10.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Desarrollador
![Page 11: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/11.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
![Page 12: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/12.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
http://sixrevisions.com/infographics/web-designers-vs-web-developers-infographic/
![Page 13: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/13.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
![Page 14: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/14.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
![Page 15: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/15.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
![Page 16: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/16.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
http://www.downgraf.com/inspiration/web-designer-vs-web-developer-infographic/
![Page 17: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/17.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
![Page 18: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/18.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
http://www.simplesquare.com/blog/infographics/a-web-site-designed/
![Page 19: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/19.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
![Page 20: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/20.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/ ¿Qué fase no se puede eliminar de este diagrama?
![Page 21: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/21.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Steve Ballmer – Developers (0:20)
http://www.youtube.com/watch?v=8To-6VIJZRE
![Page 22: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/22.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Steve Ballmer – Web Developers (1:04)
http://www.youtube.com/watch?v=spwU2P5U_1U
![Page 23: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/23.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
http://idesweb.es/
[email protected] @idesweb
![Page 24: Desarrollo web - RUA: Principal web.pdf · WEB Introducción al desarrollo web Desarrollo web Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de](https://reader030.vdocumento.com/reader030/viewer/2022021705/5b74608f7f8b9a0c188bb009/html5/thumbnails/24.jpg)
DES
AR
RO
LLO
WEB
Introducción al desarrollo web http://idesweb.es/
Créditos de las imágenes y fotografías • http://en.wikipedia.org/wiki/File:Web_development_timeline.png
• http://sixrevisions.com/infographics/web-designers-vs-web-developers-infographic/
• http://www.downgraf.com/inspiration/web-designer-vs-web-developer-infographic/
• http://www.simplesquare.com/blog/infographics/a-web-site-designed/