miércoles, 15 de enero de 2020

Css

Css.


*¿Para que usamos Css?


Lo utilizamos para la creación de documentos en HTML, pero, en lo que tiene que ver con su presentación, por ende, lo usamos para dar organización y diseño de la presentación de la página que creemos en el documento html.

Definición de Css.

Es aquel lenguaje de diseño gráfico para definir, crear la presentación de un documento estructurado escrito en un lenguaje de marcado. Es decir que es un lenguaje que ha sido creado para describir cómo se mostrará un documento en pantalla.


Significado de las siglas (Css).


Sus siglas en ingles significan:
Cascading Style Sheets.

Que en español se interpreta como:
Hojas de Estilo en Cascada.



<Style>


Con esta etiqueta podemos especificarle formato a otras etiquetas para que se muestre como le especificamos esto se logra utilizando ciertos atributos atributos dependiendo que queremos especificar.

Esta se suele utilizar dentro de <head> (Preferiblemente).

Ej.

Da como resultado.




Atributo en Css.

Style además de ser etiqueta es también un atributo, que se utiliza para especificar en el momento un estilo a cierta etiqueta que vallamos a utilizar.







Atributo Id en Css.

Con este atributo solo afectaras una sola etiqueta, estos Id para declararlos usamos # y la palabra que requieras, (cual quieras). Utilizamos también las llaves ({ }) para poner estilo a trabajar.



Esto da como resultado.





Atributo Class Css.

Hace casi la misma función que Id, solo que un nombre de Class puede  ser utilizado por varias etiquetas, es decir que no solo afectara a una sola etiqueta, solo afectara a las etiquetas con las cuales uses este atributo.





Nota: En vez de utilizar (#), utilizamos (.) y la palabra a utilizar.


Código de HTML correcto para referirse a una hoja de estilo externa.

Con una hoja de estilo externa, puede cambiar el aspecto de un sitio web completo, cambiando un archivo.

<Link rel="stylesheet" type= "text/css" href= "styles.css">



Etiqueta HTML para definir una hoja de estilo interna.

Un Css en forma interna se define en la <head> dentro de un elemento <style>.

Ej.


Código de HTML correcto para usar Css en linea de código.





¿Cómo se inserta un comentario en Css?

Los comentarios son usados para añadir notas de explicación.



¿Cuál es la propiedad de CSS, que permite cambiar el color de fondo?




Esta acción provoca que cambie el color de fondo de la pantalla completa.



Utilizado solo para cambiar el color de fondo afectando a un solo elemento al que se le especifique.


¿Cuál es la propiedad de Css que es usada para cambiar el color de un elemento?




¿Cuál es la propiedad de Css que controla el tamaño de texto?


¿Cuál es la sintaxis correcta de CSS para asignar negritas a todas la etiquetas P de un archivo HTML?

Ejs.

p{ font-weight:bold; }

¿Cuál sería la sintaxis en CSS, para mostrar los links o hipervínculos sin el subrayado?



.


¿Cuál sería la forma de hacer que cada palabra en un texto inicie con una mayúscula mediante un código de CSS?


.


¿Cuál propiedad es usada para cambiar tipo de letra en un texto, de cualquier tipo de HTML, con CSS?



¿Cómo se puede hacer en Css, para poner un texto en negritas?




¿Cuál es la propiedad de CSS para cambiar el margen izquierdo de cualquier elemento HTML?






¿Cuál seria la forma de colocar cuadrados en vez de círculos en una lista no ordenada mediante CSS?

Para las listas no ordenadas utilizamos la etiqueta <ul></ul> para utilizarlo se hace de la siguiente manera:





¿Cuál sería el código para seleccionar(solo afectar) solo a las etiquetas “p” dentro de una etiqueta “div” dentro de un archivo de html?



¿Cuál es una de las propiedades que se utilizan para generar espacio alrededor de contenido de un elemento, en el interior de cualquier fronteras definidas en CSS?



La propiedad es padding y se utiliza de la siguiente manera:




padding-top_____Arriba.
padding-right_____Derecha.
padding-bottom_____Abajo.
padding-left_____Derecha.



¿Cuál es una de las propiedades que se utilizan para generar una línea que se dibuja alrededor de los elementos, fuera de las fronteras, para hacer que el elemento "destaque". Mediante CSS

border






¿Cuál es una de las propiedades que se utilizan para manipular el estilo de cuando el cursor del mouse pasa por encima. Mediante CSS?

Para esto utilizamos Hover.







Uso de la propiedad Inline

Muestra un elemento como un elemento en línea. Ademas las propiedades de alto y ancho no tendrán efecto.










domingo, 27 de octubre de 2019

Javascript


Javascript

¿Que es JavaScript?


JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.


¿Que etiqueta dentro de HTML, me permite introducir un script de JavaScript?

Para poder usar un script  de javascript dentro de html, debemos utilizar una etiqueta que le diga al editor de html que estamos utilizando un script, esta etiqueta es la siguiente.

Ejemplos.



Etiqueta que te permite introducir un script de JavaScript dentro de html es:
<script></script>

¿Cómo podemos agregar un archivo externo de JavaScript, cuál es la línea de código en HTML?


El código JavaScript en línea o interno forma parte del documento HTML, por tanto si visualizas el código fuente de la página sí podrás verlo.

En cambio el código en archivos externos no podrás verlo directamente dentro del código HTML de la web, aunque sí podrás ver el archivo al que se referencia. Podrás acceder al código JavaScript escribiendo la ruta correspondiente.




Para agregar el archivo externo de javascript dentro de la etiqueta html, se hace de la siguiente forma.

Ejemplos.



Escribir códigos en Html.
Linea de codigo.

<script type="text/javascript" src="/js/codigo.js"></script>

Otros ejemplos.


¿Qué significa la palabra script?

El script es un documento que contiene instrucciones, escritas en códigos de programación.

El script es un lenguaje de programación que ejecuta diversas funciones en el interior de un programa de computador.


¿Cuál es la extensión de un archivo de JavaScript?


La extensión de archivo JS corresponde a un archivo de texto utilizado en conjunción con el lenguaje de programación JavaScript. Cuando un programador necesita ejecutar un tipo específico de función en una página web, incluye el código JavaScript de dicha función en un archivo JS.

Su extensión es la siguiente: 
.js

¿Para qué sirve y cómo se utiliza “innerHTML” en JavaScript y dentro de un documento de HTML?




Es aquel que devuelve el valor de innerHTML hace que el agente de usuario serialice el fragmento HTML compuesto por los descendientes del elemento.

Sirve para:
La cadena resultante es devuelta. ... Esto le permite ver la sintaxis HTML de los nodos contenidos en el elemento

La propiedad Element.innerHTML devuelve o establece la sintaxis HTML describiendo los descendientes del elemento. Al establecerse se reemplaza la sintaxis HTML del elemento por la nueva.

Notas de uso.

La propiedad v de muchos tipos de elementos—incluyendo <body> o <html>—puede ser devuelta o establecida. Esta propiedad se puede usar para ver el código HTML de la página actual, incluida la que haya sido modificada dinámicamente.

¿Para qué sirve y cómo se utiliza “document.write()” en JavaScript y dentro de un documento de HTML?


Uno de los comandos básicos de JavaScript es document.write. Esto imprime el texto especificado en la página. Para imprimir texto literalmente, escribe el texto en comillas simples y entre paréntesis como sigue:

document.write("Hola Mundo!");

El código anterior imprimirá el mensaje "Hola Mundo!" que aparecen en la página.




Ten en cuenta que si se colocas comillas alrededor del nombre de la variable, se imprimirá el nombre de la variable (en lugar del valor de la variable). También puedes combinar valores de variables y cadenas de texto mediante el signo +:







¿Para qué sirve y cómo se utiliza “window.alert()” en JavaScript y dentro de un documento de HTML?


Esta función es un método del objeto Window y es una de las más utilizadas al momento de iniciarnos en JavaScript, pues es la encargada de mostrar una pequeña ventana de aviso en la pantalla, así, si se requiere que aparezca un mensaje cuando ocurra determinada acción en el programa, podemos hacer uso de esta función.

Es un mensaje, es un valor opcional del texto que se desea mostrar en el diálogo de alerta, o, alternativamente, un objeto que será convertido a texto y mostrado.


Se utiliza de la siguiente manera:
1.
2.

=



Como pudimos observar en el ejemplo para introducir la alerta;

 Primero creamos el documento html, luego de eso ya que estén los elementos principales, utilizamos <script></script> para que el documento html sepa que estamos introduciendo javascript;

 Ahora queda poner lo que es alert("") que es lo que te permitirá poner el mensaje de alerta.

He aquí unos ejemplos de como es el resultado.


En este primer ejemplo; se puso este script en blogger, utilizando la opción html.






¿Para qué sirve y cómo se utiliza “console.log()” en JavaScript y dentro de un documento de HTML?

Se utiliza para imprimir mensajes de Javascript por la consola. Puede ser que es el comando de JavaScript que más se utiliza.

Console.log es la punta del iceberg a a la hora de usar la consola.

La consola de JavaScript soporta varios niveles de Log que nos permiten imprimir mensajes organizándolos por las típicas tipologías de Log (INFO, WARN, ERROR, etc). Por lo tanto dependiendo de nuestras necesidades podemos imprimir unos u otros.

Se utiliza de la siguiente forma, en javascript y dentro de un documento html:



¿Para qué sirve y cómo se utiliza-- “;”-(punto y coma) en JavaScript y dentro de un documento de HTML?

El punto y coma es un símbolo que me permite saber en qué momento…una instrucción está terminando, es decir, en qué momento…estará terminando de ejecutarse o de declararse.

El poner comillas te permite poder poner, las especificaciones, hay dos una con la que abres y otra con la que sierras, dentro de esas comillas estarán las especificaciones que quieras introducir, las cuales se separaran con punto y coma.(;).

Aquí un ejemplo.


Para más información, aquí les dejo un vídeo el cual, es un curso completo de JavaScript.



Muchas gracias
por la atención prestada.