lunes, 20 de abril de 2020
PAGINA WEB- HTML
Cómo hacer una web en HTML
Paso a Paso
Qué es el lenguaje HTML
Aunque es muy poderoso, HTML no es un lenguaje complejo y puede ofrecer satisfacciones inmediatas para la creación de páginas web. Es un lenguaje de marcado de hipertexto, de modo que a través de este lenguaje, un texto puede marcarse insertando etiquetas, describiendo su función, color, enlace u otras características.
Para comprobar en qué consiste este tipo de lenguaje bastará con hacer clic derecho en cualquier web. Podrás ver la opción de «Ver código fuente» que te permitirá comprobar cómo se estructura la web en HTML.
De todas formas, tenemos que decir que HTML no es realmente un lenguaje de programación, ya que no incluye ninguna definición de variables, estructuras de datos, funciones o estructuras de control, sino que es solo un lenguaje de marcado que describe el diseño, el formato gráfico o los modos o diseños de visualización gráfica. El contenido textual y no textual de una página web que utiliza etiquetas de formato.
Sin embargo, HTML admite la inclusión de scripts y objetos externos, como imágenes o películas.
La extensión de los archivos en este formato es .html (es más reciente) o .htm (es más obsoleto).
Para aquellos que deseen poder crear su propia página web pueden aprender a hacerlas a partir del dominio del lenguaje HTML tal y como os explicamos a continuación.
Pasos para hacer una página web en HTML
Encabezado de la página web
Para comenzar a crear una nueva página web HTML, debes abrir un editor de texto, como el Bloc de notas. Puedes usar sin problema el que viene por defecto, en Windows. Una vez que hayas abierto el nuevo archivo, puedes comenzar escribiendo este código.
- <!DOCTYPE HTML><HTML><HEAD><TITLE> DEBES ESCRIBIR EL TITULO DE TU WEB </TITLE>
<META name="description" content=">donde escribirás una breve descripción de la página">- <META name="keywords" content="Aquí escribe las palabras clave separadas por una coma"></HEAD><BODY>
- </BODY></HTML>
Explicación:
<! DOCTYPE HTML> define que el documento debe ser HTML.
<HTML> es el elemento principal de la página HTML.
<HEAD> es la parte donde se inserta información de la web.
<TITLE> es el título de la página que se muestra en la parte superior de la página navegador.
En el campo «contenido» de la metaetiqueta DESCRIPCIÓN debes ingresar una descripción que sea relevante para la página de tu sitio, mientras que en el otro campo de la etiqueta KEYWORDS, ingresa las palabras clave en las que deseas que se encuentre en particular la web que estás creando.
<BODY> es la parte del documento que contiene la parte «visible» del sitio:
Ahora guarda el archivo de bloque (usa GUARDAR CON NOMBRE) y guárdalo como index.html . Una vez guardado, lo abres, se abrirá la página web HTML vacía, pero ya podrás ver el título de la página en la parte superior.
Insertar un texto
Una vez has creado el comienzo de tu página web puedes comenzar a introducir el contenido. Para ello, el código html del texto debe colocarse entre las etiquetas <BODY> </ BODY> .
Ante se usaba la etiqueta FONT, pero como ya no es compatible, para formatear un texto de una manera particular, es necesario recurrir a CSS.
La etiqueta que se usa para ajustar en su lugar siempre es válida y es <br>. Entonces, si escribo en el bloc de notas:
- Hola <br> esta es una prueba de mi web.
Lo que se mostrará en la página será:
>Hola,
esta es una prueba de mi web
La <br> inserta un salto de línea.
Esta es una etiqueta que no debe abrirse y luego cerrarse.
Ahora veamos cómo usar etiquetas útiles para el texto: entre las más usadas puedes utilizar negrita, cursiva, subrayado, borrado: <b>, <i>, <u> <del>
- </u>te permite escribir con subrayado</u>
- </i>te permite escribir en cursiva</i>
- </b>te permite escribir en negrita</b>
- <del>
te permite cancelar un texto<del>
Estas etiquetas deben estar abiertas y cerradas . Podemos usar una a la vez o más etiquetas juntas (no se pueden usar juntas por razones obvias, la etiqueta para subrayar y eliminar).
Color del texto
Veamos cómo colorear el texto para hacer páginas web HTML atractivas. Debes adjuntar al texto que deseas colorear la etiqueta SPAN. Por sí solo, la etiqueta SPAN no produce ningún cambio visible en el texto, pero podemos imponer un estilo con CSS.
Aquí está el código html, el color se puede expresar con el nombre del color en inglés o con el número hexadecimal precedido por el número de la libra.
Ejemplo:
- <span style=»color:blue»> aqui escribe el texto </span>
- <span style=»color:#ffff45″> aqui escribe el texto </span>
Cambiar tipo de letra
Para crear un sitio en html que sea fácil de consultar, es útil cambiar la fuente y el tamaño del texto para resaltar un párrafo o no.
Para ello vamos a usar la etiqueta SPAN que también nos permite modificar partes del texto directamente en el documento HTML.
De este modo, usas esta etiqueta a la que tendrás que sumarle la fuente o nombre del estilo de letra que deseas para tu texto tal que así:
- <span style=»font-family:verdana»> aquí escribe tu texto </span>
- <span style=»font-family:’Comic Sans MS'»> aquí escribe tu texto </span>
Cambiar tamaño de letra
A veces será necesario usar un texto un poco más grande o ligeramente más pequeño que el predeterminado. Aquí también, el tamaño de fuente se indica con el estilo CSS y ya no con el atributo de fuente «tamaño».
- <span style=»font-size:12px»> aquí va el texto </span>
Para cambiar el tamaño de la fuente, simplemente cambia el número expresado en píxeles, en el ejemplo, 12.
Cómo insertar una imagen
Las imágenes en los sitios web HTML y permitidas en la web son básicamente de tres tipos: GIF , JPG y PNG . Por lo tanto, no uses otros tipos de imágenes (como archivos psd de Photoshop).
El código para insertar una imagen es:
- <img src=»immagine.gif» alt=»descripción de la imagen» height=»42″ width=»42″ >
Reemplaza el nombre «immagine.gif» con el nombre de tu imagen: presta atención a la extensión de la imagen: jpg, gif …
Prueba tu página web
Una vez has comenzado a saber cómo utilizar el lenguaje HTML de manera básica para poder insertar lo escrito en tu web y que ésta vaya tomando forma, podrás ir diseñando otros aspectos de la misma como añadir enlaces (con el tag href) o una lista (con el tag ul y li). Pero todo ello lo irás aprendiendo a medida que vayas practicando y haciendo tu página web.
VIDEO
RECUBRIMIENTO DE OBJETOS: -PINTURA
¿QUE SON LOS RECUBRIMIENTOS?
Los recubrimientos son materiales que al momento de ser aplicados sobre una superficie, protegen, embellecen o impiden que elementos extraños entren en contacto con la misma. Los recubrimientos incluyen, pero no se limitan a, pinturas, barnices, lacas y recubrimientos para mantenimiento industrial, y pueden ser aplicados tanto a unidades o equipos móviles como a superficies estacionarias.
Variedades en recubrimientos
Existe una amplia variedad de recubrimientos para satisfacer los
requerimientos específicos de cada necesidad. He aquí una lista de las principales variedades.
BASE SOLVENTE(1):
|
BASE AGUA:
|
Alquidálico
Epóxico Poliuretano |
Acrílico Epóxico Acrílico Látex
|
POLVO:
|
OTROS:
|
Híbrido
Epóxico Poliéster Otros |
Base Zinc
|
DEFINICIÓN Y COMPONENTES
COMPONENTES
PINTURAS Y RECUBRIMIENTOS
FABRICACIÓN
CLASIFICACIÓN
DEFINICIÓN Y COMPONENTES
PINTURAS Y RECUBRIMIENTOS
MANUALIDAD
CONOCIMIENTO Y USO DE HERRAMIENTAS AUXILIARE: SUJECIÓN
¿Que son las herramientas de sujeción?
Son aquellas que facilitan una tarea mecánica en la cual se requiere la aplicación de una energía, en este caso la fuerza física que ejerce el hombre en esta.
Como su nombre lo dice "sujeción" permiten sujetar, coger o sostener con firmeza piezas de manera que estas no se muevan, se caigan o se escapen, como por ejemplo un banco de trabajo, a la mesa de una maquina u otra pieza.
Las herramientas de sujeción se emplean en diferentes disciplinas o modalidades como en la cirugía (ej: pinzas), y la mecánica.
Existen 3 tipos o categorías de herramientas de sujeción en las cuales encontramos herramientas con formas muy variadas donde la mayoría posee unas mordazas dentadas para que las piezas una vez sujetadas no puedan resbalar.
Herramientas de Sujeción I
-Gato o Sargento:
Es una herramienta que permite sujetar cualquier tipo de pieza al banco de trabajo o mantener dos piezas unidas, por ejemplo cuando están encoladas. Sus extremos o mandíbulas permiten ejercer una presión sobre la pieza que se introduce entre sus bocas, gracias al tomillo del que va provisto.
-Tornillo de Banco:
El tornillo de banco es un instrumento que sirve para inmovilizar las piezas sobre el banco de trabajo. Está formado por dos bocas, una fija y otra desplaza ble mediante un eje roscado.Los tornillos de banco se caracterizan por la medida de las mordazas, la forma de las guías, la longitud de las bocas y el tipo de base, fija o móvil. Se sujetan a la mesa de trabajo mediante tornillos y tuercas o con otra mordaza, como está dibujado en la figura.
-Tornillo G :
Es un tipo de máquina económica que puede remachar diferentes remaches por montar diferentes moldes, como tachón hueco,agujero, botón de cuatro partes, botón clipado, tachón colisión, etc.
-Pinza:
Es un tipo de maquina simple cuyos extremos se aproximan para sujetar algo.Mecanismo de palancas simples, que pueden ser accionadas manualmente o con mecanismos hidráulicos, neumáticos o eléctricos. Existen pinzas para diferentes usos: corte, sujeción, prensa.
-Mordaza:
Es una herramienta que mediante un mecanismo de husillo o de otro tipo permite sujetar por fricción una pieza presionándola en forma continua. Se utiliza en procesos de fabricación y reparación. En varios tipos de máquinas herramienta de mecanizado, como fresadoras o taladradoras, vienen incorporadas, aunque también pueden ir fijas a un banco de trabajo (en este caso se denominan tornillo de banco). Otro tipo de mordaza son las galteras de apriete.
Herramientas de Sujeción II
-Alicate Universal:
Es una herramienta para el trabajo manual.Se compone de dos piezas de metal, conectadas de una manera similar a las tijeras, formando una especie de pinzas se utilizan para manipular el objeto para sostenerlo como si fuera una mordaza, doblarlo, cortarlo o pelarlo en el caso de cables eléctricos. El interior de la cabeza es aplanada y tiene una textura superficial rugosa, antideslizante. La cabeza tiene un agujero ovalado y un cortador de cable, a menudo utilizado para pelar cables eléctricos. El mango suele estar cubierto con plástico u otro material aislante con una forma confortable en la mano.
-Planos (Punta recta):
Es una herramienta que tiene la boca cuadrada, ligeramente estriada en su interior y con los brazos algo encorvados que sirven para doblar alambre, sujetar pequeñas piezas, etc.
-Punta Redonda:
Se diferencian únicamente de los anteriores por terminar en dos piezas cilíndricas o cónicas y se emplean especialmente para doblar alambres en forma de anillo y también para hacer cadenas.
-Punta Curva (pico de cigüeña):
Es una herramienta que sirve para dar forma a un alambre con el cual se este trabajando, se les dice pico de cigüeña puesto que es muy parecido al pico de este animal.
Herramientas de Sujeción III
-Mordaza grip:
Es una herramienta que a un lado del mango está provisto de un perno que sirve para fijar la separación entre sus mordazas. Del otro lado de la agarradera se incluye regularmente una palanca para hacer presión sobre ambas empuñaduras y desenganchar los alicates.
-Llave sueca:
Es una herramienta con mordaza móvil o ajustable normalmente en "S" y estriada, de forma que garantiza el agarre en varios puntos de contacto y se adapta en tamaño para facilitarnos el trabajo de ajuste, apretar o aflojar especialmente tubos y tuberías en una amplia gama de tamaños.
-Tenaza Ajustable:
Es una herramienta de bocas anchas con gran capacidad para trabajos duros en garajes, talleres mecánicos etc.
Herramienta ligera y gran potencia de apriete.
-Stilson:
La llave Stillson, llamada también de grifa, es una herramienta manual que es utilizada para ajustar o aflojar piezas de diferentes dimensiones, tales como tornillos, tuercas, tubos, cañerías, etc.
1. Al sujetar piezas o materiales frágiles, no debes apretar demasiado las mordazas, ya que podrían deformarse o romperse.
2. Cuando el material a sujetar es blando, coloca unas chapas que se llaman mordientes, en forma de escuadra, sobre las mordazas para evitar que se marque o deteriore la pieza sujeta.
3. Los tornillos de banco deben fijarse a un banco de trabajo.
4. La apertura y el cierre del tornillo se realizan mediante el giro de una manivela que nos permite sujetar con más fuerza las piezas haciendo palanca.
5. La posición óptima del tornillo está aproximadamente a la altura de tu codo, y esto te permitirá trabajar con más comodidad.
6. Tienes que mantener las herramientas de sujeción limpias y engrasadas para que no se oxiden.
7. Una vez finalizado el trabajo que estés realizando, no dejes las mordazas apretadas, porque podemos desgastar sus estrías.
1. No desenrosque el tornillo de banco hasta el final, ya que se podría caer y producir un accidente.
2. Procure que las mordazas no se aflojen mientras esta trabajando porque se podría caer la pieza y golpearse.
3. Cuando se están utilizando sargentos de gran tamaño, debe procurar fijarlos bien para evitar que caigan al suelo, con el consiguiente peligro para los pies.
4. No coloque nunca los dedos entre las mordazas.
5. No utilizar el martillo o maza si el mango esta rajado aunque se haya reforzado con una ligadura.
6. No se debe usar una llave con fisuras o que esté en mal estado.
No utilizar el destornillador con el mango agrietado o suelto.
VIDEO
Suscribirse a:
Entradas (Atom)