neocities

VOLVER AL MENÚ

MANUAL de como HACER TU WEB EN NEOCITIES!!!

libro

LEE ESTO ANTES DE CONTINUAR!

CUIDADO!
Si tu intencion no es hacer una web como las retro, tipo los 90's o los 2000's tempranos, i quieres hacer mas una web como las de hoy en dia, sin inportar lo retro que parezca ( no digo que este mal ) entonzes para de leer esto, i simplemente utiliza un diseñador de webs como CANVA, en el que literalente, si saves conar, sabras usarlo. haora, si eres una alma apassionada de lo retro, i HAS LEIDO TODO ESTO, Puedes pasaaaaaar :)

CAPITULO 1: ""TRUQUILLOS"" QUE TE PUEDEN SERVIR PARA EL HTML!!

COMO INICIAR??

Si no estas NADA adentrado en el mundo de las retro-webs, seguramente has tenido que pensar " I ESO QUE ES " Quando has leido la palabra HTML en el titulo. Pues bueno, significa: " Hyper Text Markup Language ", Resumidamente, es un lenguaje de PROGRAMACION!! I no programacion como la de scratch, con bloquitos de colores, sino con PURO TEXTO! JA! Te creias que hacer webs tan maravillosas no tendria precio? PUES SI! Pero bueno, iniciaremos paso a paso.

Antes de iniciar, quiero aclarar que nuestro territorio de programacion sera NEOCITIES, por la simple razon de que se pareze MUCHISIMO a geocities, que es el programa con el que se programaban las webs retro.



LA primera cosa qe recomiendo para iniciar, es El tutorial de neocities. Para mi, es una guia bastante basica i. facil de entender en este mundillo del html.

Quando acaves de dominar las cosas aprendidas en el tutorial, lo siguiente seria mirar Este video de la usuaria Magoonka. Quando vi la cosa esta de neocities, fue lo primero que mire para saver que passaba, pero lo deje de miara porque ella habla RAPIDISSIMO! Despues, me lo volvi a mirar, i aprendi cosas que me hubiera gustado saver antes, como la utilidat del DIV! He cojido bastantes cosas de ese video para este MegaManual, i lo recomiendo bastante

NOTA
No veo que ninguno de los tutoriales te explique esto , i yo tuve que descubrir esto por prueba i error:
Para hacer que algo* este encima de otro algo (*Texto, imagenes, etc...) Deves usar la etiqueta de BR, etiqueta que no puedo escribir, porque si no me lo cojeria como una orden, asi que os lo voy a poner asi: < br > (es eso, pero sin los espacios de medio.

WEBS QUE TE PUEDEN AYUDAR

LOS ""TRUQUILLOS"" SECRETOS!!

OK. En esta parte, les llamo truquillos secretos, porque no se si estan vien vistos en la comunidat de neocities, asin que si usais estos truquos, usadlos con quidado, i si os preguntan, solo decid que os lo ha dicho un pajarito. firma aqui in podras ver los truquitos secretos.

yo, ___________ he leido todos lo que pone arriba

..es broma, no hace falta que signes, solo lee i ya :)

El primer truquillo es simplement lo primero que hice quando inicie a hacer webs, que fue preguntarle a ... CHAT GPT!! No estava seguro de contar eston al principio por el echo de que va muy en contra de los espiritus retro-web's, Pero al final, es solo como preguntarle cosas a una persona, pero solo que esa persona es mas lista, artificial, i amable. La verdat es que solo lo use por un tiempo, asta que me di quenta de que, o seguia las ordenes mla, o me las dava mal. Asi que inicie a usar otros metodos

I el otro metodo para mi no es tan parezido a un PECADO! Que es simplemente cojer el html de otra jente como base, y reformar-lo para que se convierta en mi web. una clase de layout builder de sadgirlonline Pero con mas libertad.
Por si no saves como se hace, simplemente haz clic derecho estando en la web de la que quieras cojer el codigo, ve a INSPECCIONAR, y te aparezera todo el html de esa web. solo copialo todo, i YA ESTA! LA misma paguina principal de esta web esta echa con este metodo, pero, siempre se deve de dar merito a la web, porque si no, te conviertes en un LADRON! >:(

CAPITULO 2: ELEMENTOS VISUALES (ccs)

COMO HACER LA EXTROCTURA VISUAL DE TU WEB??

Cinseramente, la razon por la que coji el html de otra web, fue porque esa web tenia una extroctura que me gustava, i no savia como hacerla, haora, ya se como hcer esa extroctura, i me gustaria haver-lo savido antes. Asi que, me gustaria enseñaros-lo ha vosotros, para que no hagais el mismo error. (para ir al codigo, CLIKA AQUI! ( no es un virus)

Pero primero deveras entender un poquito como funciona, para poder-lo editar como quieras.
Primero deveriamos fijar-nos desde el principio de la etiquieta de {style} asta su fin {/style}.Al principio de esta parte podras ver una parte que pone esto:

grid-template-areas:
"header header"
"menu content"
"footer footer";


Todo eso que pone *header header menu etc..., es directamente lo que crea tu web, porque, podras ver que esta escrito en el mismo orden en el que estan las cosas de tu web.
Bueno, saviendo esto, puedes canviar el orden de lo escrito, i tambien canviaria el orden de la extroctura!! :D

Recuerda que, si eliminas alguna de estas valuables*, tambien recuerda eliminar todo lo que ste en su DIV!!

EN ESTE MANUAL ENCONRARAS:

under construction