Member Avatar for GeekPlease

Good day folks,

I want to know what is the best way to build your website from scratch. Say, psd-to-html. What's your preference about this matter? Thanks.

  • 10 Contributors
  • 9 Replies
  • 279 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by Member #120589

Dani AI

Generated

Short answer: there is no single “best” way — pick the workflow that matches the site’s goal (simple brochure, marketing site, or full web app). The replies here point that out: rightly stresses learning fundamentals, points out quick-hosting options, and highlights modern HTML/CSS. Below is a compact, modern workflow that complements those suggestions and is still practical years later.

Start content-first and build a semantic, accessible baseline. Create a plain-HTML structure that mirrors your content (use proper headings, lists, forms, main, nav, etc.), add alt text and keyboard focus states, and use ARIA only when native semantics don’t exist. Design and then implement responsive layouts with CSS Grid/Flexbox so the layout adapts without image hacks. These practices improve accessibility, SEO, and maintainability. (developer.mozilla.org)

Use version control and a lightweight local dev server/bundler. Keep every site in Git, make feature branches, and work with a fast dev server for live reload. For modern front-end projects, a zero-config dev tool speeds iteration and builds optimized output for production. Typical quick setup commands look like:

git init mysite
cd mysite
npm create vite@latest mysite
cd mysite
npm install
npm run dev      # local dev server
npm run build    # production build

If styles or assets aren’t updating, check file paths, dev server console, and Node/npm version first. (git-scm.com)

Deploy from Git with automatic builds and preview deploys, and add automated audits (performance and accessibility) in CI. For many small-to-medium sites, Git-backed static hosting with deploy previews and serverless functions for dynamic pieces gives fast, reliable results and easy rollbacks. Keep a simple production checklist (minified assets, caching headers, sitemap, robots, SSL). (docs.netlify.com)

This approach complements the practical advice already posted: learn the basics, keep markup semantic and accessible, iterate locally with version control, and automate builds/deploys. It scales from tiny brochure pages to componentized front-ends for larger apps.

Recommended Answers

All 9 Replies

Member Avatar for JorgeM

What do you mean exactly? Are you working with an existing site that you want to upgrade/polish or migrate the server side scripting from one platform to another? All of the above?

Member Avatar for fakedeads

I think you should follow this STEP :
1. Learn HTML
2. Learn PHP language
3. Learn CSS
4. Learn jQuery / Javascript little.
5. Learn use free CMS app (Content Management System App) like Joomla.

It takes many days. Maybe, you can make website after 4 months study. I think best reference in internet is tutorialspoint.com.

Member Avatar for Derek_3

Hello,If you want to make a simple static website you can simply design psd and convert it to html.For dynamic websites transform your html to popular content management systems like wordpress , joomla , drupal etc.For more details on content management systems refer

Member Avatar for cmps

Hello, there are lot of tutorial on youtube on how to create a website from scratch PSD => HTML CSS. Moreover, a lot of tutorial about this topic are provided by http://net.tutsplus.com
Please note that you have to practice a lot to be familiar with HTML CSS
Good Luck

Member Avatar for johmny

you can create wordpress theme from scratch.

Member Avatar for SteveInMO

To get a professional looking website up and running quickly and easily I think Wordpress is definitely the way to go. You can buy very cheap hosting and have Wordpress installed within just a few minutes.

There are tons of themes available to customize your site and to get the look and feel that you want.

There are dozens of forums and tutorials available to learn how to everything from the very basics to the most advanced topics related to the platform. Start with Wordpress.org or do a search on "Wordpress forums" or "Wordpress tutorials"

You will eventually want to learn some basic html coding skills. A good place to start is w3schools.com or else do a search on "html tutorials".

Member Avatar for NetJunkie

It is best just to use HTML5 and CSS3. Yes, PSD to HTML would be must easier design wise but you will not have as much customization after you create the PSD without editing the images.

Member Avatar for muhammadnadir.bhutta

which is the best site for downloading visual stodio 2010,2012 or 2013

Member Avatar for Member #120589

I'm assuming you mean Microsoft VS? Then I would assume that would be, erm, microsoft. e.g.

But I'm wasting my time aren't I? Somebody who can't use Google won't be able to use VS, will they?

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.