Member Avatar for sharkqt

Hello

i have made many local website to just practice css/html


im not sure if im ready to put a my first website live

my website im trying to make is kind of like a blog but the topics presented are real accidents of my local city

i would imagine the site would have:

  • a buttom to share the topic on facebook and other social media sites for each story
  • comment section below each story
  • search bar for each topic header

My question is in order to make this site what topics do i need to learn

Note: i would rather learn how to build the site my own then use some kind of ready made package

  • 3 Contributors
  • 2 Replies
  • 96 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by inplainsite

Dani AI

Generated

A concise roadmap and practical checklist for turning a local-accident practice site into a safe, maintainable live site—building on points from and .

Start with the front end and content model. Finalize semantic HTML, responsive CSS, accessible markup, and a clear post template (title, date, location, tags, source). Prototype the UI with static files or a small JSON dataset so layout, share previews, and search UI can be tested before backend work.

Add server-side features next. Comments and searchable content require persistent storage and endpoints; begin with a small, easy stack (file-backed DB to start) so fundamentals (CRUD, authentication, templates) are learned without heavy ops. Design for moderation and spam control (approval queues, rate limits, CAPTCHAs) and always sanitize/encode user content to avoid XSS—OWASP has practical guidance on safe output handling (OWASP XSS).

Handle sharing and search pragmatically. Use share links plus Open Graph/Twitter Card meta tags so social previews work correctly; platform docs explain required tags (Facebook Sharing). For search, a simple full-text DB index is fine at first; ’s hosted-search idea is a good short-term way to go live while learning how to build your own index.

Deployment and responsibility: use Git, pick hosting that matches learning goals, enable HTTPS (Let’s Encrypt), and automate backups. Treat accident-related content carefully—avoid identifying victims or posting sensitive details and check local rules. For fundamental learning and worked examples, Mozilla’s learning area is a solid starting point (MDN Learn Web Development).

Recommended Answers

All 2 Replies

Member Avatar for shaya4207

  2. For the button, it's probably an 'iframe', not much for you to learn there, just google it...
  3. For the comments, you're gonna need a server side script so you can have the comments and info go to a DataBase, for that you'd need something like 'PHP' or 'ASP' (I personally prefer PHP), and you'll need to learn a DataBase language like MySql
  4. For the search bar, you'd also need the same server side language as the comments, it's essentially the same thing, you're searching in the DataBase...

Good Luck, and don't be afraid to ask any questions!!!

Member Avatar for inplainsite

Google also provides an internal search that you can put on your site. The search box will only search the contents of your website with a bot. You can also tell the bot where it can go and where it can't. Just in case you want to keep some folders locked down.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.