Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to design a website layout in photoshop

Featured Replies

  • 3 months later...

Gotta admit I am fairly new, not to photoshop but to coding web sites. How does making a layout in photoshop help?

  • Author

you can make the site, then slice it into various image. You then use DIVS (HTML) and Layout (CSS) to position the site as you want it. Basically, you make the site, slice it into different images such as banner, navbar. then code it into a webpage

  • 4 weeks later...

Nice set of links.

 

Just tried the PSDcore one, or my take on it !

 

Had to fill in a few gaps myself on how to use gradients, inverse etc but getting there (practice makes perfect i guess!)

 

post-22941-095502800 1287657463_thumb.jpg

 

Now onto slicing and coding it .. :shok:

Was going to use the PSDcore next tutorial for slicing but have to pay to be member of the site.

 

Can anyone recommend a good resource or tutorial for slicing for web/css/html please ??!!

Interesting links. Do you know any good tutorials that good through the coding after you've made a design in photoshop?

One of the Mods made a post about taking a photoshop psd and coding it.

 

Will have a look and see if I can find it.

One of the Mods made a post about taking a photoshop psd and coding it.Will have a look and see if I can find it.

 

Pleeeeez!

 

Thanks!

Steve

Hey Gopher, here's a post about what you want

20+ Best Tutorials to Convert Psd to Html/CSS

 

There are 20 tutorials that help you to code your PSD.

 

One of the Mods made a post about taking a photoshop psd and coding it.

 

Will have a look and see if I can find it.

that the evenings entertainment sorted!! thanks!

Hey Luana that is the one I was looking for.

 

:)

Cheers for this guys,

 

I just checked out the first two tutorials on this site and have certainly learnt a lot (and a few trick that will save me time!)

 

One thing I would say .. is he uses border-radius for his rounded corners, and as this doesnt work yet in IE, isnt this rather bad practice???

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.