Domingo, 27 de marzo, 22.
17:00hrs.
PREDISEÑO DEL PROYECTO DE TIENDA
Jueves, 17 de marzo, 22.
8:50hrs
Prediseño de Front Store en el cuaderno.
COMPETENCIAS DEL SUBMÓDULO 2
15 de marzo del 2022
8:00hrs a 9:40hrs
SUBMÓDULO 2.
DESARROLLA APLICACIONES QUE SE EJECUTAN EN EL CLIENTE.
Desarrollo de páginas web Apps:
CSS, SUBLIME TEXT.
COMPETENCIAS GENÉRICAS
8.3 Asume una actitud constructiva, concruente con los conocimientos y sus habilidades con los que cuenta dentro de distintos equipos de trabajo
9. Transmite mensajes en una segunda lengua o lengua extranjera, atendiendo las características socio-emocionales diferentes.
10. Analiza los beneficios e inconvenientes del uso de las TICS para la optimización de las actividades cotidianas.
11. Aplica las TICS en el diseño de estrategias para la difusión de productos y servicios en bene de su desarrollo personal y profesional
12. Utiliza las TICS para investigar, resolver problemas, producir materiales y transmitir información.
COMPETENCIAS DE EMPLEABILIDAD Y PRODUCTIVIDAD
M1. Construye y emplea modelos matemáticos deterministas o aleatorios, mediante la aplicación de procedimientos aritméticos, algebraicos, geométricos, y variaciones, para la comprensión y análisis de situaciones formales e informarles.
M8. Interpreta tablas, gráficas, mapas, diagramas y tuetos con símbolos matemáticos o científicos.
ANOTACIONES DE LAS EXPOSICIONES
14 de marzo del 2022
12:00HRS
— El sobre mi y contacto van hasta abajo. —No hacer anuncios o mensajes como “Maestra, no me rebruebe”
—Un Prediseño es importante pues sin el no se puede tener un SITE, no se puede hacer un sitio web si no tiene ni la menor idea de como crearla.
—El sobre mi y la página de contacto deben estar dentro del mapa jerárquico ya que si bien van en el footer si no se meten en el mapa se estaría cometiendo un error muy grave.
—Hay que informar e investigar más sobre el tema a tratar.
—No hablar de las etiquetas.
—Dar una introducción y profundizar del tema.
—Páginas interactivas.
—En el mapa jerárquico no pueden ir las fechas hacía arriba
—Si no tienes algo decidido aún, es mejor decir comentarios como: "Todavía lo estoy pensando" "No estoy seguro"
—Relacionar con otros temas.
—Fondo oscuro, letra clara y viceversa
MODELO DE CAJAS
09-03-22
8:00HRS A 11:00HRS
¿QUÉ ES EL MODELO DE CAJAS?
El modelo de caja es la manera en que se representan todos los elementos html en una página. Cada elemento genera una caja, el comportamiento de esa caja depende de su clasificación: si es de línea o de bloque.
A todas las cajas se les puede aplicar las siguientes propiedades: width, height, padding, margin, border, background. Lo particular de este concepto es que por defecto el width se refiere al ancho del contenido de un elemento (no al ancho total, de borde a borde).
El margin, el padding...
Van en sentido de las manecillas del reloj.
—caniuse.com sirve para ver que comandos se pueden usar en los navegadores en CSS.
https://uniwebsidad.com/libros/css/capitulo-4
https://www.laurachuburu.com.ar/tutoriales/modelo-de-caja.php
ANALÍTICA WEB
8:00 hrs
Lunes 28 de febrero del 2022.
BRIANDA IRAN CARRASCO SOTO
KPI
La palabra KPI proviene de las siglas de la frase “Key Performance Indicators”. Esto se traduce como “indicadores claves de desempeño”. Estos indicadores son todas las variables, factores y unidades de medida para generar una estrategia de marketing.
SEO
El posicionamiento en buscadores, optimización en motores de búsqueda o SEO es un conjunto de acciones orientadas a mejorar el posicionamiento de un sitio web en la lista de resultados de Google, Bing, u otros buscadores de internet.
CRT
El tubo de rayos catódicos (CRT, del inglés Cathode Ray Tube) es una tecnología que permite visualizar imágenes mediante un haz de rayos catódicos constantemente dirigido contra una pantalla de vidrio recubierta de fósforo y plomo.
KISS
El principio KISS es un acrónimo usado como principio de diseño. El principio KISS establece que la mayoría de sistemas funcionan mejor si se mantienen simples que si se hacen complejos; por ello, la simplicidad debe ser mantenida como un objetivo clave del diseño, y cualquier complejidad accidental debe ser evitada.
LOS AREA NETWORK Y LA SISNTAXIS DE CSS
25 - FEB. 2022
BRIANDA IRAN CARRASCO SOTO
PAN (PERSONAL AREA NETWORK)
} INTRANET
LAN (LOCAL AREA NETWORK)
MAN ( METROPOLITAN AREA NETWORK) } EXTRANET
WAN ( WORD AREA NETWORK ) } INTERNET
El tipo de área que ocupamos nosotros será
la WAN ya que queremos que nuestro sitio
web se vea global-mente
SINTAXIS
<style> ---------------------------------------> Etiqueta
p { ---------------------------------------> Llave de apertura
Color: blue; <--------------- Valor, termina con ;
Color= propiedad
} -------------------------------------> Llave de cierre
Unidades de medida para texto
10 px = 1 rem
PREDISEÑO DE COSTCO
Brianda Iran Carrasco Soto
01 de marzo del 2022
El día de hoy, la maestra nos puso a crear el
prediseño de las páginas de COSTCO, las
cuales son las siguientes:
El prediseño lo hice
en el cuaderno, este
es el resultado:
INFOGRAFIA DEL SITE
jueves, 10 de marzo del 2022.
8:50A.M a 9:40 A.M
Mi experiencia en la elaboración de la infografia no fue la más gratificante, sin embargo, fue una experiencia nueva que sé que me ayudará en un futuro en mi página web. Siento que me faltan muchos puntos para mejorar al momento de hacer una infografia pero de la práctica se hace al maestro.
Mi infografia fue creada en la aplicación de IbisPaint X, es una excelente aplicación.
CLASE 8: SELECTORES
Miércoles, 02 de marzo del 2022.
8:00am - 11:00am
TIPOS DE SELECTORES
• SELECTOR DE ELEMENTO
• SELECTOR DE CLASE
• SELECTOR DE ID
• SELECTOR DE ATRIBUTO
• SELECTOR DE DESCENDIENTES
• SELECTOR DE TODOS LOS HIJOS
• COLORES
SELECTOR DE ELEMENTO
p{
}
H1{
}
SELECTOR DE CLASE
Una clase se puede crear múltiples veces, es
reutilizable e inicia con un punto .
.cliente{
color:blue;
}
SELECTOR DE ID
Puede tener multiples ID´s por pagina, pero sus nombres no
pueden repetirse solo 1 por pagina, se definen por un signo de
gato #
#cliente{
SELECTOR DE ATRIBUTO
Selecciona elementos basados en algún atributo que
tenga:
[src =“logo jpg”] {
color: blue;
}
SELECTOR DE DESCENDIENTES
Selecciona los elementos hijos cuyo padre sea una
clase (o ID) específico:
.cliente.nombre {
color: blue;
}
SELECTOR DE TODOS LOS HIJOS
Aplica la siguiente regla a todos los párrafos
hijos
.cliente >p{
color : blue;
}
Colores
• Si se utilizan por nombre solo serán los colores PRIMARIOS.
• HEX #0000000
• MODELOS DE COLOR
• RGB RGBA
• HSL HSLA
styles.css
:root{
--blanco:#FFFFFF;
--oscuro: #212121;
--primario: #ffc107;
--secundario: #009747;
--gris:#757575; /*cualquier valor se puede definir ahi */
Google Fonts
•Buscar una tipografía y pegar el link, dentro de styles
•Color Combos
•Tabler icons
PREDISEÑO DE UN SITE
Jueves, 17 de febrero del 2022.
8:50 am - 9:40am
MAPA JERÁRQUICO DE UN SITIO WEB
svg = Scalable vector graphic
Formato para imágenes
• .jfif
• .gif
• .jpg
• .jpeg
...
HERRAMIENTAS Y ORGANIZACIÓN PT.2
10 de febrero del 2022.
8:50 AM - 9:40 AM
¿Qué editores de texto están disponibles?
¿Qué son las herramientas de desarrollo del navegador?
Cada navegador web moderno incluye un potente conjunto de herramientas de desarrollo. Estas herramientas hacen una variedad de cosas, desde inspeccionar HTML, CSS y JavaScript cargados actualmente hasta mostrar qué activos ha solicitado la página y cuánto tiempo tardaron en cargarse. Cómo abrir las herramientas de desarrollo en su navegador
¿Cómo se configura un servidor de pruebas local?
¿Qué significan las siglas FTP?
Las siglas FTP significan "Protocol Transfer Files"
¿Qué es FTP?
El Protocolo de transferencia de archivos (en inglés File Transfer Protocol o FTP) es un protocolo de red para la transferencia de archivos entre sistemas conectados a una red TCP (Transmission Control Protocol), basado en la arquitectura cliente-servidor. Desde un equipo cliente se puede conectar a un servidor para descargar archivos desde él o para enviarle archivos, independientemente del sistema operativo utilizado en cada equipo.
¿Cómo alojas tu sitio web en Google App Engine?
Google App Engine es una poderosa plataforma que le permite crear y ejecutar aplicaciones en la infraestructura de Google, ya sea que necesite crear una aplicación web de varios niveles desde cero o alojar un sitio web estático... Para más info.
¿Cómo empiezo a diseñar mi sitio web?
"Al comenzar con un proyecto web, muchas personas se enfocan en el aspecto técnico. Por supuesto, debes estar más familiarizado con la técnica de su oficio, pero lo que realmente importa es lo que quieres lograr.
Entonces cuando tienes una idea y quieres convertirla en un sitio web, hay un par de cuestiones que debes responder antes que alguna otra cosa:
- ¿Qué es exactamente quiero lograr?
- ¿Cómo un sitio web me ayudará a alcanzar mis metas?
- ¿Qué es necesario hacer, y en qué orden, para alcanzar mis metas?
Todo esto es llamado idealización del proyecto y es un primer paso necesario para alcanzar tus metas, si eres un desarrollador principiante o experimentado".
¿Qué son los nodos?
Los nodos son todos los dispositivos conectados a una red.
Diferencia entre sniffers y hackers
Los Sniffers es gente que se dedica a el rastreo de redes, para poder conseguir datos de interés y que lo hackers son personas con grandes conocimientos de informática que se dedica a detectar fallos de seguridad en sistemas informáticos.
TIPOS DE DESARROLLADORES WEB
Fond End - La parte visual de una página web.
• HTML
• CSS
• JAVA SCRIPT
Back End - Parte interna de una página web.
• BASES DE DATOS
• SERVIDORES
• LENGUAJES DE PROGRAMACION
• PHYTON
• PHP
• RUBY
Full Stack
Un Full Stack es la persona responsable de la creación y el mantenimiento de una aplicación web. Por este motivo, es importante que el Full Stack tenga conocimientos de desarrollo Front-End y Back-End.
HTML: ETIQUETAS BÁSICAS
Lunes, 14 de febrero del 2022.
8:54 am
HTML: ETIQUETAS BÁSICAS
PARA COMENZAR,
el html es de forma sencilla, "un lenguaje que se utiliza para crear las páginas web a las que se accede mediante internet". Más concretamente, HTML es el lenguaje con el que se "escriben" la mayoría de páginas web.
Las siglas del html significan:
Hiper Text Mark Lenguaje
Esta posee una sintaxis que
consiste en etiquetas de
apertura y de cierre.
Etiqueta de apertura. ———————— ⠀⠀⠀⠀⠀<⠀⠀⠀⠀>
Etiqueta de cierre. ⠀⠀————————⠀⠀⠀⠀⠀</⠀⠀ ⠀>
LA ESTRUCTURA PARA
COMENZAR⠀UN ⠀HTML
ES LA SIGUIENTE:
<html> ———————— ⠀⠀⠀⠀⠀comienzo del html.
<head> ———————— ⠀⠀⠀⠀⠀encabezado
<body> ———————— ⠀⠀⠀⠀⠀cuerpo del html
<p> ⠀ ⠀ ———————— ⠀⠀⠀⠀⠀párrafo
</p> ———————— ⠀⠀⠀⠀⠀fin del párrafo
</body> ———————— ⠀⠀⠀⠀⠀fin del cuerpo.
</html> ———————— ⠀⠀⠀⠀⠀fin del html
Tamaños de letra
h1, h2, h3, h4, h5, h6
Los más utilizados
h1, h2, h3
EL PORGRAMA QUE SE
UTILIZARÁ SERÁ:
“SUBLIME TEXT”
PARA DESCARGAR
SUBLIME TEXT:
- Buscar: “ descargar sublime text 3”.
- Entrar al segundo link que encuentres.
- Dejar que se descargue el archivo
- Click derecho y extraer.
- Listo.
MI PRIMER PÁGINA
WEB EN HTML.
<html>
<head>
<title>document </title>
</head>
<body>
<h1> Brianda Soto </h1>
<h2>Diseño y Desarrollo Web</h2>
<p> Casas Grandes, Chihuahua </p>
<h2>Mis Servicios</h2>
[CAPTURA DEL PROGRAMA Y COMO SE VERIA]
¿QUÉ ES LA ERGONOMÍA?
El término ergonomía fue propuesto por el naturalista polaco Woitej Yastembowsky en 1857 en su estudio Ensayos de Ergonomía o Ciencias del Trabajo, basado en las leyes objetivas de la ciencia sobre la naturaleza, en la cual se proponían construir un modelo de la actividad laboral humana.
La ergonomía es la disciplina que se encarga del diseño de lugares de trabajo, herramientas y tareas, de modo que coincidan con las características fisiológicas, anatómicas, psicológicas y las capacidades de los trabajadores que se verán involucrados.
La importancia de la ergonomía es promover la salud y el bienestar, reducir los accidentes y mejorar la productividad de las empresas. Esta disciplina tiene mucho que aportar, ya que se pueden reducir riesgos de problemas músculo-esqueléticos, fatiga y accidentes cuando se mejora la organización del trabajo.
© 2022, IRAN CARRASCO, C. B. T. a 112
Suscribirse a:
Entradas (Atom)
