Está en la página 1de 7

TRABAJO FINAL DEL CURSO

HOJA DE PLANIFICACIÓN

PROCESO DE EJECUCIÓN
SEGURIDAD
OPERACIONES / PASOS /SUBPASOS / MEDIO
AMBIENTE /
NORMAS -
ESTANDAR
ES
PASO 1: INVESTIGACION DE LA EMPRESA DE TRANSPORTE “TRASAC
S.A”
Cumple
➢ De esta forma nos damos cuenta que es lo que le falta a la empresa para con las
vender sus productos a través de una plataforma virtual y se pueda ver en normas de
cualquier dispositivo, así como en lo que desean expresar. seguridad

PASO 2: PROGRAMA ADOBE ILLUSTRATOR


Cumple
➢ Para realizar el trabajo del Logo utilizare el programa de Adobe Illustrator con las
• Ingresar al programa normas de
seguridad

1
TRABAJO FINAL DEL CURSO

PASO 3: AJUSTES DE DOCUMENTO -AI

➢ Cuando ingresamos a Adobe Illustrator vamos a menú archivo/ nuevo ahí


nos aparece una ventana donde daremos los ajustes para nuestro
moodboard.
• Elegiré el tamaño 210 x 297 ml
Cumple
con las
normas de
seguridad

PASO 4: DISEÑO DEL LOGO

➢ Al encontrar el diseño del logo muy recargado decidí rediseñarlo a uno


más sencillo. Cumple
• Utilice la fuente Monserrat Black y Extrabold para el nombre de la con las
empresa. normas de
• Use la tipografía de acuerdo con mi criterio que exprese en el seguridad
diseño del logo.

2
TRABAJO FINAL DEL CURSO

PASO 5: DISEÑO DE PAGINA WEB


➢ Pasos para crear una página web:

1. Crea un nuevo sitio Cumple


En el panel de Adobe Dreamweaver CC, ve a Site -> New Site y aparecerá una con las
nueva ventana. normas de
seguridad
2. Crea el archivo de la página de inicio
Haz clic en File -> New y elige New Document. Selecciona HTML como tipo de
documento y haz clic en Create. Dar un título al documento es opcional.

3. Crea un encabezado
Vamos a crear el encabezado para el sitio web. Aquí suele ir el logotipo y el
nombre de tu sitio.

Haz clic en la página blanca o elige un lugar específico dentro del elemento
<body> en el editor. Ve al panel superior derecho y haz clic en Insert. Esto te
dará una lista de elementos HTML comunes que puedes agregar a tu página.

4. Agrega un botón de navegación


Para agregar un botón de navegación, agrega una línea después del
encabezado presionando Enter. Ahora vayae al panel Insert y busca el elemento
de Navigation. Al hacer clic en él, aparecerá una nueva ventana. Escribe
Navigation en el apartado ID y haz clic en Aceptar.

5. Agrega la descripción de tu sitio web


Ahora insertaremos un encabezado secundario, un párrafo y algunas viñetas
como descripción.

Agrega una línea después del código de navegación y haz clic en Header: H2 y
Paragraph en el panel Insert. Esto agregará las etiquetas <h2> y <p> en el editor.
Escribe el contenido que deseas que aparezca.

6. Crea un archivo CSS


La hoja de estilo en cascada (CSS) se utiliza para estilizar elementos en HTML y
va mano a mano con el desarrollo de un sitio web. Piensa en el HTML como la

3
TRABAJO FINAL DEL CURSO
estructura del cuerpo, y CSS como la parte estética que hace que el cuerpo sea
visualmente atractivo.

7. Crea un selector CSS para el título de tu sitio web


Cambiaremos la fuente y centraremos el título de nuestro sitio web.

Marca el H1 debajo de tu encabezado desde el panel DOM. Luego, haz clic en


CSS Designer en el panel de arriba.

8. Cambia la fuente del título


Asegúrate de que los selectores apunten a #header h1.

Haz clic en Properties y desactiva Show Set para desbloquear las opciones de
Diseño (Layout), Texto (Text), Borde (Border), Fondo (Background) y más.

9. Alinea el título al centro


En la opción Text, desplaza el cursor sobre text-align y haz clic en center.
Notarás que se produce el cambio y se agrega código adicional al style.css.

PASO 6: PROGRAMA ADOBE DREAM WEAVER


➢ Para realizar el trabajo de crear una página web utilizare el programa de
Adobe Adobe Dream Weaver
• Ingresar al programa
• Ajustar documento

Cumple
con las
normas de
seguridad

4
TRABAJO FINAL DEL CURSO

PASO 7: RELLENAR INFORMACION


Cumple
➢ Llenar la información de la empresa dentro de la página web con las
➢ Utilizar e incrustar las imágenes seleccionadas normas de
seguridad
PASO 8: SELECCIÓN Y ORGANIZACIÓN DE IMÁGENES
Cumple
➢ Comencé la búsqueda de imágenes que expresen a la empresa y me con las
enfoqué en los siguientes puntos: normas de
• Imágenes de trailers o camiones de transporte de carga seguridad
• Utilice Google imágenes y Unsplash

PASO 9: DETALLES Y FINALIZACION

➢ Revisar últimos detalles de la pagina antes de subirlo al servidor


➢ Revisar que este toda la información completa de la empresa en la pagina
web
➢ Revisar los códigos de la página web creada

INSTRUCCIONES: debes ser lo más explícito posible. Los gráficos ayudan a transmitir
mejor las ideas. No olvides los aspectos de calidad, medio ambiente y SHI.

5
TRABAJO FINAL DEL CURSO

DIBUJO / ESQUEMA/ DIAGRAMA

[NOMBRE DEL TRABAJO]

[APELLIDOS Y NOMBRES] [ESCALA]

6
TRABAJO FINAL DEL CURSO

LISTA DE RECURSOS

INSTRUCCIONES: completa la lista de recursos necesarios para la ejecución del trabajo.

1. MÁQUINAS Y EQUIPOS

Laptop

Mouse

3. HERRAMIENTAS E INSTRUMENTOS

Programa Adobe Illustrator

Programa Adobe Dream Weaver

5. MATERIALES E INSUMOS

Tableta grafica Wacom

También podría gustarte