Top Banner
DOCUMENTACIÓN DE SITIO WEB EN HTML
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,

Jul 16, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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,

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,

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,

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,

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,

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,

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,

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,

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,

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