Buscar este blog

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


 ...

LÍNEA DEL TIEMPO SOBRE EL DISEÑO WEB E HISTORIA DEL INTERNET



Lunes, 14 de febrero, 22.

1:29 pm 



...

HERRAMIENTAS Y ORGANIZACIÓN PT.2



10 de febrero del 2022.

8:50 AM - 9:40 AM


¿Qué editores de texto están disponibles?


Editor
LicenciaPrecioSISTEMA OPERATIVOApoyoDoc.Extensible
ÁtomoMIT/BSDGratisWindows, Mac, LinuxForoManual en líneaSí
BluefishGPL 3GratisWindows, Mac, LinuxLista de correo, wikiManual en líneaSí
SoportesMIT/BSDGratisWindows, Mac, LinuxForo, IRCGitHub WikiSí
CodaCódigo cerradous$ 99MacTwitter, Foro, Correo electrónicoLibro electrónicoSí
CodeLobsterCódigo cerradoGratisWindows, Mac, LinuxForo, Correo electrónicoManual en líneaSí
EmacsGPL 3GratisWindows, Mac, LinuxFAQ, Lista de correo, Grupo de noticiasManual en líneaSí
EspressoCódigo cerradous$ 75MacFAQ, E-mailNo hay documento de usuario final
, sino documento de complemento
Sí
GeditGPLGratisWindows, Mac, LinuxLista de correo, IRCManual en líneaSí
KateLGPL, GPLGratisWindows, Mac, LinuxLista de correo, IRCManual en líneaSí
Komodo EditarMPLGratisWindows, Mac, LinuxForoManual en líneaSí
Bloc de notas++GPLGratisWindowsForoWikiSí
PSPadCódigo cerradoGratisWindowsFAQ, ForoAyuda en pantallaSí
Texto sublimeCódigo cerradous$ 70Windows, Mac, LinuxForoOficial, No oficialSí
TextMateCódigo cerradous$ 50MacTwitter, IRC, Lista de correo, Correo electrónicoManual en línea, WikiSí
TextWranglerCódigo cerradoGratisMacFAQ, ForoPDF ManualNo
VimLicencia abierta específicaGratisWindows, Mac, LinuxLista de correoManual en líneaSí
Código de Visual StudioOpen Source bajo licencia MIT/ Licencia específica para productoGratisWindows, Mac, LinuxPREGUNTAS MÁS FRECUENTESDocumentaciónSí





¿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:

  1. Buscar: “ descargar sublime text 3”. 
  2. Entrar al segundo link que encuentres. 
  3. Dejar que se descargue el archivo 
  4. Click derecho y extraer. 
  5. 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

RESUMEN: INTRODUCCIÓN HTML E HISTORIA

Martes, 01.03. 22



Introducción 



¿Qué es HTML?


Definiéndolo de forma sencilla, "HTML es el 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.

Los diseñadores utilizan el lenguaje HTML para crear páginas web, los programas que se emplean generan páginas escritas en HTML y los navegadores que utilizamos (por ejemplo Google Chrome, Opera o Mozilla Firefox) muestran las páginas web después de leer e interpretar su contenido HTML.


Origen

El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, investigador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de “hipertexto” para compartir documentos.

Los sistemas de hipertexto habían sido desarrollados años antes. En el ámbito de la informática, el hipertexto permite que los usuarios accedan a la información relacionada con los documentos electrónicos que visualizan. En cierta manera, los primitivos sistemas de hipertexto podrían asimilarse a los enlaces de las páginas web actuales.

Tras finalizar el desarrollo de su sistema, Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de hipertexto para internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3). El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre “HTML Tags” (Etiquetas HTML) y todavía hoy puede ser consultado en línea a modo de reliquia informática.

La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.

En 1995, el organismo IETF organizó un grupo de trabajo de HTML y el 22 de septiembre publicaron el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.

A partir de 1996, los estándares de HTML los publica otro organismo de estandarización, el W3C. La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.

HTML 4.0 se publicó el 24 de Abril de 1998 (versión corregida de la publicación del 18 de Diciembre de 1997) y supuso un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.

La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.

Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group). La actividad actual del WHATWG se centra en el estándar HTML5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.

HTML5 ya es un estándar (recomendado), el consorcio W3C, con el inventor de la Web Sir Tim Berners-Lee, presentó el 27 de octubre de 2014 la versión final. Su intención es que se construya lo que se ha llamado Plataforma Web abierta, donde el HTML5, junto a Javascript y CSS3, se podrá utilizar para el desarrollo de aplicaciones multiplataforma (Linux, Windows, Android, iOS..).


HTML y CSS

Originalmente, las páginas HTML sólo incluían información sobre sus contenidos de texto e imágenes. Con el desarrollo del estándar HTML, empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes.

La posterior aparición de tecnologías como JavaScript, provocaron que las páginas HTML también incluyeran el código de las aplicaciones (scripts) que se utilizan para crear páginas web dinámicas.

Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento. Normalmente, los contenidos y el diseño de la página web son responsabilidad de diferentes personas, por lo que es adecuado separarlos. CSS es el mecanismo que permite separar los contenidos definidos mediante XHTML y el aspecto que deben presentar esos contenidos:


Esquema página web en html
Otra ventaja de la separación de los contenidos y su presentación es que los documentos XHTML creados son más flexibles, ya que se adaptan mejor a las diferentes plataformas: pantallas de ordenador, pantallas de dispositivos móviles, impresoras y dispositivos utilizados por personas discapacitadas.

De esta forma, utilizando exclusivamente XHTML se crean páginas web "feas" pero correctas. Aplicando CSS, se pueden crear páginas "bonitas" a partir de las páginas XHTML correctas.