Member Avatar for TechnologyBoss1

How is it going everybody, I just joined the forum and have a question. What is a good program to use to get me started in web design like a tutorial program or what not?

Thanks in advance

  • 2 Contributors
  • 4 Replies
  • 115 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by TechnologyBoss1

Dani AI

Generated

Good, practical follow-up to the thread from and : the general idea of learning by doing is still the best route, but the landscape has changed since 2008. Instead of a single “tutorial program,” modern beginners benefit from authoritative, up-to-date references and short projects. Two reliable learning resources that stay current are MDN Web Docs and freeCodeCamp.

A compact modern toolkit that covers editing, debugging, versioning and deployment typically includes a cross-platform code editor such as Visual Studio Code, browser Developer Tools (Chrome/Firefox) for live inspection, Git for version control (https://git-scm.com/), and a simple static host like GitHub Pages for portfolios. The focus should be on incremental projects (one-page profile, small form, simple interaction) rather than a long, passive tutorial.

A short, actionable workflow:

  • Pick a single small project and create a folder with index.html, styles.css, script.js.
  • Edit with VS Code and preview in the browser; use DevTools to inspect elements and watch the console.
  • Commit progress with Git and push to a public repo for simple hosting and to build a portfolio.

A minimal starting page:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Starter Page</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>Hello</h1>
    <script src="script.js"></script>
  </body>
</html>

Common quick fixes: if CSS seems ignored, check the href path and selector specificity; if JavaScript does nothing, open the console for syntax errors and ensure the script is loaded after the DOM. Modern priorities: responsive layout (Flexbox/Grid), semantic markup for accessibility, and small, frequent deployments to track progress.

Recommended Answers

All 4 Replies

Member Avatar for peter_budo

www.w3schools.com, from simple HTML, to CSS, followed by some JavaScript and pick direction either in PHP, ASP or JSP(knowledge of Java required). Plus much more if you will be interested

Member Avatar for TechnologyBoss1

www.w3schools.com, from simple HTML, to CSS, followed by some JavaScript and pick direction either in PHP, ASP or JSP(knowledge of Java required). Plus much more if you will be interested

Thank you!

If you are running Windows, start Notepad.

If you are on a Mac, start SimpleText.

In OSX start TextEdit and change the following preferences: Open the "Format" menu and select "Plain text" instead of "Rich text". Then open the "Preferences" window under the "Text Edit" menu and select "Ignore rich text commands in HTML files". Your HTML code will probably not work if you do not change the preferences above!

What is an osx??

Member Avatar for TechnologyBoss1

thanks alot you guys have been very helpful

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.