Ah, ok. Yeah, I can definitely see why you'd find it confusing, then (hell, sometimes it's a pain even when you're already familiar with HTML and CSS). I'll give you some tips and resources!!
1. I suggest learning the very basics of HTML and CSS first, so that you have a better understanding of how all the syntax works and what it does. There's a website called W3Schools that's great for this.
2. Don't be afraid to check out what other people have done, and try to reverse engineer it. You can do this either with layouts other people have posted publicly, or if you really want to get fancy, you can use the inspect element feature on most browsers to see the code of the page itself. You can also check out other types of HTML+CSS based web themes, such as MySpace or Tumblr themes.
3. Rather than working directly in your own page, try using this tool: https://tommypanzram.neocities.org/ It's essentially a test page that allows you to preview a layout, and also has some handy features like a color palette and links to useful resources for gifs and such.
There's also a good tutorial on YouTube that's designed for folks who are new to HTML and CSS. It's pretty short, but fairly in-depth, so I would definitely give it a watch! https://www.youtube.com/watch?v=X9l1zbGyzIE&t=633s
I hope this all helps! Good luck, have fun, I'm sure you'll make something beautiful :)
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
ArmoredAlchemist
What tools are you using? Do you have prior HTML and CSS knowledge, or is this your first time?
Report Comment
this is my first time lmao
by Noriaki!; ; Report
Ah, ok. Yeah, I can definitely see why you'd find it confusing, then (hell, sometimes it's a pain even when you're already familiar with HTML and CSS). I'll give you some tips and resources!!
1. I suggest learning the very basics of HTML and CSS first, so that you have a better understanding of how all the syntax works and what it does. There's a website called W3Schools that's great for this.
2. Don't be afraid to check out what other people have done, and try to reverse engineer it. You can do this either with layouts other people have posted publicly, or if you really want to get fancy, you can use the inspect element feature on most browsers to see the code of the page itself. You can also check out other types of HTML+CSS based web themes, such as MySpace or Tumblr themes.
3. Rather than working directly in your own page, try using this tool: https://tommypanzram.neocities.org/ It's essentially a test page that allows you to preview a layout, and also has some handy features like a color palette and links to useful resources for gifs and such.
There's also a good tutorial on YouTube that's designed for folks who are new to HTML and CSS. It's pretty short, but fairly in-depth, so I would definitely give it a watch! https://www.youtube.com/watch?v=X9l1zbGyzIE&t=633s
I hope this all helps! Good luck, have fun, I'm sure you'll make something beautiful :)
by ArmoredAlchemist; ; Report
thank you so much!!
by Noriaki!; ; Report