Steemit es una comunidad altamente visual, por ello debemos realizar un material estéticamente armónico, les proporcionaré las herramientas básicas para poder hacerlo a través de las diferentes formas de edición que nos deja usar la plataforma las cuales son el editor, markdown y HTML. ¿Qué podemos hacer cuando le damos a publicar?

HTML

Lenguaje de mardado de hipertexto

HTML es un lenguaje que se utiliza para el desarrollo de páginas en internet. Para comenzar a escribir en este lenguaje necesitamos conocer algo sumamente importante que son las ETIQUETAS, de éstas dependerán las cosas que queremos mostrar, si no abrimos y cerramos bien las etiquetas no lograremos nuestros objetivos, por esto es importante estar atentos a lo que estamos escribiendo y saber leer bien el código para no perdernos, en caso de tener que revisar alguna falla, el orden es fundamental.

¿Cómo son las etiquetas?

La imagen es bastante explicita, aprende sus partes antes de seguir.

¿Dónde están la negrita, la cursiva y el tachado?

 - :
Solamente abarcan lo estético.
 - :
Éstas se deben usar para hacer énfasis aunque visualmente son iguales a
 -

Títulos y subtitulos

Así se ve:	Así lo escribo:
Soy único	`<h1> Soy único </h1>`
Soy hijo del único	`<h2>Soy hijo del único</h2>`
Soy nieto del único	`<h3> Soy nieto del único</h3>`

Citas - Blockquote

"Puedes lograr todo si te lo propones"

Listas

Así se ve unas lista ordenada:

Aguacate
Banana
Coco

Así se ve unas lista NO ordenada:

Hojas
Lapices
Colores

Lista ordenada

Necesitamos abrir y cerrar varias etiquetas para mostrar una lista, primero la que determina que tipo de lista es, en este caso una lista ordenada, la etiqueta será <ol> </ol> y dentro de ella abriremos y cerraremos <li> </li> esto cuantas veces necesitemos para poder completar la lista que deseamos.

Lista NO ordenadas

No varía mucho, en este caso para una lista no ordenada la etiqueta será <ul> </ul> y dentro de ella abriremos y cerraremos <li> </li> esto cuantas veces necesitemos para poder completar la lista que deseamos.

¿Cómo insertar un video?

Un atajo para facilitarte la vida y seas feliz. Con el atajo vas a obtener el primer código que ves, también lo puedes hacer tu mismo si así lo eliges. La otra forma que te ofrezco es mas fácil, puesto que tiene un código mucho mas corto porque está menos especificado lo cual trae cambios en lo que verá nuestro público.

Posicionamiento

Recuerda

Abre y cierra las etiquetas de una vez si eres una persona muy distraída
Practica usando los códigos mas sencillos si no te sientes cómodo con los que son las elaborados
Lo mas importante es que sea feliz y disfrutes lo que hagas.

¿Por qué he decidido hacer esta guía? Esto se debe a que estoy siendo parte de un movimiento en la ciudad en la que vivo, donde damos clases totalmente GRATIS relacionadas con steemit, también subimos el material a la plataforma. @Jokossita se ha encargado de la organización y la dirección del proyecto pero ¿por qué me seleccionó para el área de "mejorar la imagen de tus publicaciones"? Tengo estudios de diseño web, diseño gráfico, HTML5 y CSS3 los cuales estoy encantada de compartir, si tienes dudas sobre estas áreas puedes dejarmelas en los comentarios.

¡Más material del proyecto!

EL PROYECTO | CLASE UNO | CLASE DOS Guía de edición básica: Editor Guía de edición básica: Mardown

Éste material fue ilustrado y redactado por @lauraesfeliz

Sort Order:

Trending

[-]

frida.kahlo (65) · 7 years ago

Gracias por compartir, recuerda citar las fuentes de información y poner tus referencias.

¡Saludos @lauraesfeliz!

$0.00

3 votes

lauraesfeliz (45) · 7 years ago

Todo lo redacté e ilustré yo, pero dejaré saber que es mio. Gracias a ti <3

joslud (71) · 7 years ago

@lauraesfeliz gracias. Es uno de los post que he visto sobre el tema con el mejor diseño gráfico.

¡Muchísimas gracias! Me llena de felicidad ese cumplido <3

amadocarrillo92 (34) · 7 years ago

Yo voto Laura, voto feliz. Ya tienes el lema para la campaña. Gracias maestra @lauraesfeliz. Tus conocimientos sobre HTML me permitieron entrar en el mundo de steemit. Un abrazo.

¡Jajajajajasdjaslda que bello! Gracias, Amado.

keiterbafana (40) · 7 years ago

buenos consejos desde ya a ponerlos en practica.

Gracias, sería un gusto ser de ayuda para ti :*

a ti, :D @lauraesfeliz
.

aballarde53 (55) · 7 years ago

Excelente información , tienes un contenido muy completo es un placer leerte , saludos...

Gracias <3

Guía de edición básica: HTML