Member Avatar for hellkosmos

good day everyone.

i'm new hir on this forums and im really learning alot.. though this is more on an advanced learning environment.. sir my problem hir is that i want to learn how to make a simple web designing like putting a background. plus a chat box on you're web.. i know this is a newbie question and also i could look it up in google.. i just want sum 2nd opinion coming from you guys..
like web site where i could check..

hopefully sum1 would reply..


cheers!
mark

  • 5 Contributors
  • 6 Replies
  • 125 Views
  • 6 Days Discussion Span
  • Latest Post Latest Post by hellkosmos

Dani AI

Generated

OP asked how to make a simple webpage with a background and a chat box. Several members (, , ) rightly pointed to learning the basics; the fastest way to get hands-on is to build a static page first (layout + background), then add a chat UI, and finally hook that UI to a realtime backend. offered help — that community approach is good while learning.

A minimal, modern approach for a background: use semantic HTML5, keep CSS separate, and prefer background-size: cover with a fallback color. Small, optimized images or CSS gradients improve load time and mobile performance.

html, body {
  height: 100%;
  margin: 0;
}
body {
  background-color: #f2f4f6;
  background-image: url('images/bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-family: Arial, sans-serif;
  color: #222;
}

For a simple chat UI, build the front-end first so messaging can be simulated locally. Later replace the local handler with a realtime service (Socket.IO + Node.js for full control, or a hosted realtime DB like Firebase for quick setup). Important security points: escape or sanitize all messages to prevent XSS, require authentication for persistent chats, and rate-limit writes.

<div class="chat">
  <ul class="messages"></ul>
  <form class="send">
    <input type="text" name="message" placeholder="Type a message" />
    <button type="submit">Send</button>
  </form>
</div>

A tiny client-side handler can append messages locally and mark where to send them to the server. Test in browser devtools, check console errors, verify mobile responsiveness, and serve chat traffic over HTTPS. The recommended learning order: HTML structure → CSS layout/box model → basic JavaScript events → simple server or managed realtime API.

Recommended Answers

All 6 Replies

Member Avatar for MidiMagic

Get a book on xhtml and css.

Member Avatar for hellkosmos

Get a book on xhtml and css.

thanks for the reply sir greatly appreciated it...

though how about website?

Member Avatar for siji44

Though i am also new to css, i found

http://www.w3schools.com
as a very good site for learning. Hope this will help you.

Member Avatar for abhishek garg

hi i am abhishek .and if u wanna some help related to html you can add me <EMAIL SNIPPED> and tell me your peroblems whenever you want.

Member Avatar for joph

Hi...You can learn the Basics of HTML, XML, Java scripts, SQL, CSS, PHP in the following site http://www.w3schools.com/. I found this site while i was searching for some queries in java scripts. I found this site extremely useful for the beginners.

Member Avatar for hellkosmos

great guys thnx,.. this really helpys me ive been learnin so much from the said site.. ehehe thnx guys

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.