ClubEnsayos.com - Ensayos de Calidad, Tareas y Monografias
Buscar

El manual de word (ignoren)


Enviado por   •  28 de Octubre de 2022  •  Apuntes  •  14.774 Palabras (60 Páginas)  •  38 Visitas

Página 1 de 60

Paginas útiles para consultar información:

https://rogerdudler.github.io/git-guide/index.es.html

https://getbootstrap.com/docs/5.0/getting-started/introduction/

https://git-scm.com/docs

https://uivers                e.io

https://9elements.github.io/fancy-border-radius/#54.50.52.51--358.358

https://www.w3schools.com/html/default.asp

https://htmlcolorcodes.com/es/

https://webgradients.com

Librerías:

jquery.min.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

SECCION Repositorios en git:

  1. Clic derecho en el archivo raíz y buscar la opción que diga git bash
  2. En la terminal de git de nuestro repositorio ejecutar comando: git init
  3. Para registrar  correo y nombre ingresar: git config - - global user.name/email “nombre o correo”
  4. Para consultar lista de información: git config - - global -l
  5. Para consultar estado de tu repositorio: git status
  6. Para agregar todos los archivos no agregados de golpe y guardar cambios hechos: git add .       pd: primero 6 y luego 7
  7. Para confirmar archivos ya agregados: git commit -m “Commit Inicial”
  8. Otra forma de consultar cambios ya hechos: git diff
  9. Rastrear cambios hechos: git log
  10. Crear copia local del repositorio: git clone /path/to/repository
  11. Ir a la rama principal del proyecto: git branch -M main
  12. Comando de a cual link de repositorio en línea queremos mandar info: git remote add origin <link>
  13. Agregar información de nuestro repositorio local a  nuestro repositorio en línea: git push -u origin main

SECCION Html:

  1. Es un lenguaje de marcado de hipertextos
  2. Head es utilizado para establecer todos los metadatos de la aplicación.
  3. Body se aplica en todas etiquetas visibles en la interfaz y por ende, al usuario.

Para empezar a programar en html se utiliza: <!DOCTYPE html>

  1. Para iniciar html se escribe lo siguiente, lang es un atributo que nos indica en que lenguaje se escribió nuestra pagina web:                   <html lang= “en”>  </html>
  2. Después escribimos head: <head> </head>
  3. En head se especifica que estamos utilizando html5:                        <meta charset=”UTF-8”>
  4. En head ponemos el titulo de nuestra ventana de pagina web: <title>Titulo Ejemplo</title> SIEMPRE PONERLO
  5. Después escribimos body: <body> </body>
  6. Para poner una etiqueta, los atributos proveen información adicional sobre la etiqueta. En este caso id es un atributo que contiene el identificador de la etiqueta y su valor sería main: <div id=”main”>soy una etiqueta</div>
  7. En html los enlaces se marcan con lo siguiente, el atributo principal es href=”” en donde se especifica el destino de nuestro enlace puede haber 4 tipos de enlaces, link, archivo, ancla y correo:

1. <a href=”https://ejemplo.com”> boton de link</a>

2. <a href=”archivo.zip”>boton para descargar archivo </a>

3.<a href=”#nombre-id”>boton para ir a un determinado punto de un html </a>

4. <a href=”mailto:info@dominio.com”>contacto</a>    

Los enlaces pueden tener 2 diferentes tipos de target que se escriben de la siguiente manera:

target=”_blank”  para indicar que se abra en ventana nueva

target=”self” para indicar que se abra en la misma ventana

  1. Para poner un párrafo se escribe: <p id=”parrafo1”> ej-parrafo </p>
  2. Para poner una imagen se escribe: <img border=”0” src=”path de imagen” alt=”texto descriptivo alternativo” width= “tamaño-pixeles” height=”tamaño-pixeles”>
  3. El elemento de tamaño mas grande es h1 y va desde el h1 hasta el negritasmas pequeño ósea el h6, para reducir el tamaño de la fuente se utiliza css en font-size, se debe utilizar siempre h1 después h2 y así sucesivamente y por ultimo en <section> solo utilizar h1 una vez de preferencia: <h1> </h1>
  4. Un párrafo de texto que respeta los espacios y saltos de línea es: <pre id=”ej-identificador”> texto-ejemplo</pre>        
  5. Para escribir una section se utiliza section y consta de un titulo en h1 y artículos posteriormente en h2,h3, etc: <section> </section>
  6. Para escribir un articulo dentro de una section: <article> </article>
  7. Cabe destacar que la sección principal de nuestra pagina web se llama jumbotron y va debajo de nav y se escribe así se pone dentro de un container porque sino se expande hasta los bordes de nuestra pantalla:                                                                                                                              <main> </main>
  8. Se utiliza div para especificar que un documento esta estilizado con css
  9. Estructura de pagina web en html5: [pic 1]
  10. Para hacer una lista en nuestra pagina web se utiliza:                                 <ul> <li>ejemplo1 </li>                                                                                                                                        <li>ejemplo2</li> </ul>
  11. Para poner un punto seguido de un texto se utiliza:                            <li> texto-ej</li>
  12. Para cargar nuestro archivo css a html se utiliza:                                   <link rel=”stylesheet” href=”estilos.css”>  (escribir en head)
  13. Para establecer otro estilo de css directamente en html escribir: <style> body{color:blue;} (body nos sirve para ejemplo)</style> (va en head)
  14. Para asignar a cualquier elemento de html código de css escribir:      <p class=”nombre-de-nuestro-diseño-css”> ejemplo-text</p>
  15. Para programar css directamente en los atributos de cualquier elemento html: style=”color: orange;"
  16. Para hacer salto de línea dentro de elementos se utiliza: <br>        
  17. Para poner información adicional sobre algún elemento de html  cuando el mouse esta sobre el, se escribe dentro del elemento: title=”ejemplo de info-adicional”
  18. Para trazar línea que signifique cambio de tema se escribe: <hr>
  19. Para cambiar el tipo de letra dentro de elemento html escribir: style=”font-family:courier;”
  20. Para cambiar la coordinación del texto dentro de un elemento html escribir: style=”text-align:center;”
  21. Para cambiar el tamaño del texto dentro de un elemento html escribir: style=”font-size:50px;”
  22. Para cambiar el color de nuestro fondo dentro de el elemento body escribir: style=”background-color:blue;”
  23. Para poner negritas a una parte del texto de algún elemento de html escribir: <strong>parte del texto seleccionada</strong>
  24. Para poner cursiva a parte del texto de algún elemento de html escribir: <em>parte del texto</em>
  25. Para resaltar parte del texto de algún elemento de html escribir: <mark> parte del texto</mark>
  26. Para poner comillas al alguna parte del texto de algún elemento de html escribir:    <q> parte del texto</q>
  27. Para comentar algo en nuestro código de html escribir: <!- - comment - - >
  28. También se pueden insertar imágenes en elementos tipo enlace de html escribiendo img
  29. Para poner una imagen con un elemento tipo link html a la derecha y no dejar espacio en a la izquierda escribir: style=”float:right”
  30. Para hacer una lista ordenada en html escribir: <ol>                          <li>coffe</li>    </ol>
  31. Para hacer un buton en html escribir: <form><input type=”button” value=”OK”> </form>
  32. Para agregar transparencia a algún color rgb simplemente agregamos una a y quedaría asi rgba, cabe destacar que tiene 4 parámetros el ultimo controla la transparencia y va desde el 0.1 hasta el 1: rgba(45,86,45,0.6);
  1. Para ponerle fondo de una imagen a un elemento de html o ponerle fondo a todo el body hay 3 formas de hacerlo, incluí 1 forma de evitar que la imagen se repita en caso de que sea menos grande que la pantalla:                                                                                                                    1. <p style=”background-image: url(“img_ej.jpg”)”; >   va en body                             2.<style> p{ background-image: url(“img_ej.jpg”);} </style>en head               3.<style> body{ background-image: url(“img_ej.jpg”); } </style>  va en head                                                                                                               4.<style>body{ background-image: url(“img_ej.jpg”); background-repeat: no-repeat;} </style> va en head
  2. Para ponerle un favicon a nuestra pagina web ósea un icono de alguna imagen que aparezca arriba junto con el nombre de la  ventana de nuestra pagina web escribir lo siguiente, cabe destacar que la programación para nuestro favicon va en head:                      <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon">                
  3. Otra forma de asignar una clase de css a un elemento en especifico de html es:                                                                                                            <div class="city">                                                                        <h2>London</h2>                                                                                              <p>London is the capital of England.</p>                                                  </div>
  4. Para cargar código de javascript en html escribir:                               <script> var ejemplo=50; console.log(ejemplo); </script>
  5. Diferencia entre clase y id en css, la diferencia es que una clase puede ser utilizado para dar diseño a múltiples elementos html, mientras que id solo permite ser utilizado para dar diseño a un elemento html una sola vez.
  6. Para advertir a el usuario que su navegador no soporta javascript escribimos:                                                                                                       <noscript> sorry but your browser didn´t support javascript</noscript>
  7. Como escribir las direcciones de las ubicaciones de los archivos a utilizar en html, javascript o css:                                                                    1.<img src="picture.jpg"> The "picture.jpg" archivo localizado en el mismo folder donde esta nuestro código html, javascript o css.                                                                                                             2.<img src="images/picture.jpg"> The "picture.jpg"  archivo localizado en otro folder pero dentro de el mismo folder donde tenemos nuestro codigo.                                                                            4.<img src="/images/picture.jpg"> The "picture.jpg" archivo localizado en el folder que se ubica en la raíz de nuestra pagina.  5.<img src="../picture.jpg"> The "picture.jpg" archivo localizado arriba de nuestro folder.
  8. IMPORTANTE Solo los siguientes elementos pueden ir en <HEAD>: <title> <style> <meta> <link> <script> <base>                                                                                            
  9. Sección <meta>:                                                                                                        1. <meta name="keywords" content="HTML, CSS, JavaScript">                                Las keywords ayudan los motores de búsqueda a saber de que tema(s) trata nuestra pagina web.                                                                             2. <meta name="description" content="Free Web tutorials">                                          Da una descripción sobre nuestra pagina web.          

3. <meta name="author" content="John Doe">                                     Define al autor de la pagina web.                                                                             4. <meta name="viewport" content="width=device-width, initial-scale=1.0"> Utilizar esto para que la interfaz y vista de nuestra pagina web se vea bien en cualquier dispositivo.

...

Descargar como (para miembros actualizados)  txt (32.6 Kb)   pdf (320.5 Kb)   docx (210.9 Kb)  
Leer 59 páginas más »
Leer documento completo Guardar
Disponible sólo en Clubensayos.com