Photoshop Website Coding-Part1

Posted by admin on March 12th, 2010 and filed under web site design | 25 Comments »

www.pixelforlife.com

This is the first part of coding our template that we created in the “Photoshop Website Design” series.

You can view the designing of this template here:
http://www.pixelforlife.com/website-design-tutorial/

Duration : 0:10:19


[youtube DpNHnPPaQXg]

25 Responses

  1. Extremflyer Says:

    How do you “go to …
    How do you “go to the website” ?? you just pull the browser into screen.if I hit F12 (Preview in chrome) chrome starts and just downloads “index.php” and the page in blank without title.help pls

  2. IDmann700 Says:

    how did you learn …
    how did you learn all this stuff?

  3. JustaFreak15 Says:

    Turns out its the …
    Turns out its the auto in

    margin: 0 auto;

    its not autoing!….. IE is making me mad… guess it really is devanced….

  4. JustaFreak15 Says:

    Any reason on why …
    Any reason on why my ids arent working…. I’m using IE8, but last time i tried, it worked…

    Ive double checked spelling, order, and whatnot, ive even tested w/ simple things, still aint working…

  5. DepetrifyFilms Says:

    NotePad ++, or …
    NotePad ++, or Compozer. Compozer has a design view.

  6. jdkurrash Says:

    Google NVU.
    It’s …

    Google NVU.
    It’s free and similar to DW, and is cross-platorm!

  7. pfltuts Says:

    @3asem3emad There …
    @3asem3emad There are tons of alternatives for DW. You can use anything that has a text editor.. Even notepad. I would check out Notepad++ if I were you.

  8. 3asem3emad Says:

    is there an …
    is there an alternative software for dreamweaver, coz there’s a error with my software.

  9. pfltuts Says:

    I used Dreamweaver
    I used Dreamweaver

  10. gheline114 Says:

    what software did u …
    what software did u edit the codes?

  11. FATALXclanx Says:

    Hey can you code …
    Hey can you code this in css

  12. guidemaster320 Says:

    guys you know when …
    guys you know when you make a website with photoshop well i want to make the tags at the top take it to another page i made with photoshop but i dont know how so if you cud give me some help id be really greatful

  13. huskyhond Says:

    V. you can make it. …
    V. you can make it.. see more tuts

  14. Seiferzed Says:

    why would you need …
    why would you need the same templates ?
    find some on internet and apply the same
    code he is writing
    he even got a tutorials making these templates
    now how stupid can you be asking for them ? …..

  15. khuram855 Says:

    hi and i have rate …
    hi and i have rate and subcribe to your video please can you send me that template because i want to use that template as my website so please send me that template full created and the pages i will create my self please…………send me that template thanks

  16. pfltuts Says:

    Nice catch. Thanks! …
    Nice catch. Thanks!
    ..It did sound more “gangster” without the R though. :P

  17. Teh13east Says:

    Hey in the …
    Hey in the description you didn’t add the r in your website url.
    Might want to change that :D

  18. antzzz111 Says:

    Im going to follow …
    Im going to follow your tuts from the beginning once i have some time, I must have missed this part, but how did you get the header.png and img.png etc… and the buttons / images you have located on the right side of dreamweaver into there?

  19. pfltuts Says:

    Try doing this …
    Try doing this instead:
    Open Firefox, locate the “index.php” file on your computer, then drag and drop “index.php” right into Firefox. Dreamweaver may just not be playing nicely.
    If that still doesn’t work, send me a private message please.

  20. NinePinNoTap Says:

    yeah i pressed f12 …
    yeah i pressed f12 whilst viewing the code, and i also tried it whilst viewing in design mode

  21. pfltuts Says:

    Are you trying to …
    Are you trying to preview it in Firefox or continue working on it?
    If you want to preview it in firefox, just try dragging and dropping the file right into the browser.
    You can also open it in Dreamweaver and preview it in a browser from there (F12, I believe)

  22. NinePinNoTap Says:

    just tried …
    just tried re-opening the file and when i launch it in firefox and IE it asks if i want to open the file with dreamweaver rather than preview it ..

    any suggestions?

  23. NinePinNoTap Says:

    hows part 2 going?
    hows part 2 going?

  24. goodpaste Says:

    please send me some …
    please send me some message when you put tutorial….

    Thank You

  25. shandaman Says:

    Soon!
    Soon!

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.