Whaleshares Logo

Diseño de paginas web #1/introducción

erick777Posted for Everyone to comment on, 5 years ago3 min read

Un Gusto en saludar a todos los lectores

A continuación les traigo lo que será un curso de HTML para todos aquellos que quieren comenzar con lo que es el diseño de páginas web, el cual también nos servirá para mejorar nuestra presentación debido a las etiquetas que se pueden utilizar nos sirven para trabajar en la creación de nuestro post.
Primeramente es importante saber que las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores y es muy fácil su edición.


¿Que se necesita para hacer una página web?


aprender.jpg

  • Primeramente necesitaremos un editor de texto, descargamos el de preferencia en mi caso yo utilizo el sublime text https://www.sublimetext.com/3 lo recomiendo , lo descargamos y lo instalamos siguiendo los pasos de instalación. si no sabes cómo instalarlo coméntalo y les estaré explicando como instalarlo
  • Abrimos el editor de texto presionamos file y seleccionamos New File para abrir una nueva ventana de trabajo
  • Seguidamente procedemos a guardar el documento presionando en file y precionamos la opción sabe As…

  • buscamos la carpeta de destino donde queremos guardar el documento y le colocamos el nombre de nuestra preferencia sin espacios colocándole al final .html (ejemplonombre.html)

  • Luego copiamos la estructura básica HTML para darle forma a las partes de nuestra pagina
  • Hay que tener en cuenta que al colocar alguna etiqueta o algún texto siempre hay que guardar el documento presionando control+s
  • Luego podemos presionar clip secundario y seleccionamos la opción open is browser

    • Nos llevara a el navegador web predeterminado en mi caso mi navegador predeterminado es crome

    • podemos observar que en el documento no observamos nada y la pagina está en blanco. Puedes estar tranquilo todo va bien ahora podemos empezar a insertar la información que le queremos agregar a nuestra página web. con la etiqueta

    • presionamos otra vez control+s para guardar y presionamos clip secundario y seleccionamos la opción open is browser

      Ya nos aparece el texto en nuestra página .

      • <!—entre estos símbolos van comentarios que no aparecen en la página pero nos sirve como indicadores para comentar lo que vamos haciendo -->
      Esto es todo por la introducción de como diseñar una página web y su estructura, estaré posteando para todos ustedes más adelante la continuación de este tutorial con mucho mas material y mejorando el diseño de la página creada..

      Parte1

      Gracias por leerme, espero que les allá gustado y estén pendiente de las próximas partes de este interesante tutorial de HTML

      vida tricolor.jpg

      síganme en mis redes sociales

      twitter.jpg Tw facebook.jpg Fb instagram-logo-gif-9.jpg Ig


      db9acf8eaa59af28c92c81798de20fd13817b05c.jpg

      He conocido de whaleshares gracias a la Educación Crypto que he recibido en @beyondbitcoincas.

      -Puedes unirte a nuestro Discord en el BBCas haciendo click aquí
      -Puedes apoyar y votar como witnesses a @beyondbitcoincas en el siguiente link https://whaleshares.io/~witnesses


      df726981d2500f7b5534ea88beacab510acc0318.gif

Sign Up to join this conversation, or to start a topic of your own.
Your opinion is celebrated and welcomed, not banned or censored!