ML -...
Transcript of ML -...
![Page 1: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/1.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
![Page 2: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/2.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
2
UNIVERSIDAD TECNOLÓGICA DE
PUEBLA
TECNOLOGÍAS DE LA INFORMACIÓN Y
COMUNICACIÓN
ÁREA DE SISTEMAS INFORMÁTICOS
DESARROLLO DE APLICACIONES III
EXAMEN DEL PRIMER MOMENTO
FLORES MARTÍNEZ MARIANA
5 F
ENERO – ABRIL 2017
![Page 3: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/3.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
3
Í ndice
Contenido ÍNDICE ............................................................................................................................................ 3
INTRODUCCIÓN ................................................................................................................................ 4
MAQUETACIÓN DE HTML .................................................................................................................. 4
ELEMENTOS DE NAVEGACIÓN ..................................................................................................... 5
INICIO ........................................................................................¡ERROR! MARCADOR NO DEFINIDO.
NOSOTRAS ................................................................................¡ERROR! MARCADOR NO DEFINIDO.
GALERIA ................................................................................................................................... 6
CONTACTO ................................................................................¡ERROR! MARCADOR NO DEFINIDO.
CONTROLES HTML PARA LA INTERACCIÓN .................................................................................. 6
INICIAR SESION .................................................................................................................... 6
DISEÑO DE CODIGO ................................................................................................................... 7
EDICIÓN DE ELEMENTOS MULTIMEDIA........................................................................................ 7
MANEJO DE INFORMACIÓN DINÁMICA ........................................¡ERROR! MARCADOR NO DEFINIDO.
CSS EN ARCHIVO SEPARADO ........................................................................................................ 8
CÓDIGO JAVASCRIPT EN ARCHIVO SEPARADO ............................................................................. 9
PUBLICACIÓN DEL SITIO ............................................................................................................... 9
REPORTE DE EXAMEN ...................................................................¡ERROR! MARCADOR NO DEFINIDO.
![Page 4: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/4.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
4
Íntroduccio n
Se desea realizar una página web para la empresa Artemli Ocoxal que se dedica a realizar
productos artesanales con la hoja de pino, en la cual permita conocer al público los productos
que realiza, de manera que se realice pedido directamente por correo electrónico.
Maquetacio n de HTML
Diseño gráfico de la página
![Page 5: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/5.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
5
Diseño de código
ELEMENTOS DE NAVEGACÍO N
![Page 6: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/6.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
6
GALERIA
CONTROLES HTML PARA LA ÍNTERACCÍO N INICIAR SESION
Diseño del codigo
![Page 7: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/7.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
7
Diseño de codigo
EDÍCÍO N DE ELEMENTOS MULTÍMEDÍA
![Page 8: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/8.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
8
CSS EN ARCHÍVO SEPARADO
![Page 9: ML - tutorias.utpuebla.edu.mxtutorias.utpuebla.edu.mx/tics/planeacion_2017/examenes/Desarrollo… · 9 ML C DÍG JAACÍ E ACHÍ E AAD B ÍCACÍ DE ÍÍ Use el serivodr datos hostinger,](https://reader033.fdocuments.co/reader033/viewer/2022042914/5f4db10b387e656991601360/html5/thumbnails/9.jpg)
DO
CU
MEN
TAC
IÓN
DE
SITI
O W
EB E
N H
TML
9
CO DÍGO JAVASCRÍPT EN ARCHÍVO SEPARADO
PUBLÍCACÍO N DEL SÍTÍO
Use el serivodr datos hostinger, donde por medio de FileZilla subi los archivos:
Se concluyó el trabajo, la dirección de la página de Artemali en HTML es:
http://www.artemaliocoxal.esy.es/ArtemaliHTMLVerde/index.html