Okay, so today, I messed around with making a website for a fictional cafe called “The Dipper Cafe”. I’ve been wanting to practice my basic HTML and CSS skills, and this seemed like a fun little project.
First, I brainstormed a bit about what I wanted the cafe to feel like. I pictured a cozy, warm place, maybe with a bit of a celestial theme, given the name. I jotted down some keywords like “warm,” “inviting,” “stars,” “night sky,” and “coffee,” of course.
Then, I started with the basic HTML structure. I created an `*` file and set up the usual suspects: “, “, “, and “. Inside the “, I added a `
For the body, I decided to keep it simple. I used a `
- An `
` for the cafe’s name.
- A `
` for a short welcome message, something like “Welcome to The Dipper Cafe! Your cozy corner under the stars.”
- Another `
` for a brief description of the cafe. I went with something like “Serving delicious coffee, tea, and pastries in a warm and inviting atmosphere.”
I thought about adding an image, but I decided to keep it text-based for this practice run. I just used a nice font, to make a logo.
Next up, the CSS! I opened up `*` and started styling. I picked a dark blue color (`#191970`,midnightblue, that gave me night sky vibes) for the background of the main `
I centered the text using `text-align: center;` and added some padding to the `
I kept refreshing the `*` in my browser to see how things were looking. It was a lot of back-and-forth, tweaking little things until I was happy with the overall feel.
It’s definitely a super basic website, but it was a good way to practice the fundamentals. I learned that even small details like padding and font choices can make a big difference in how a website looks and feels. And most importantly, I have made a simple website that I can show to others. It’s fun!