2. You need to take an empty file in Dreamweaver. To do that, you need to click File > New and select HTML.<\/p>\n
![\"New](\"http:\/\/mandmwebsolutions.com\/blog\/wp-content\/uploads\/2017\/08\/new-file.jpg\")
![\"HTML](\"http:\/\/mandmwebsolutions.com\/blog\/wp-content\/uploads\/2017\/08\/new-html.jpg\")
<\/p>\n
Next, you need the CSS file, so click File > New and select CSS.<\/p>\n
![\"CSS](\"http:\/\/mandmwebsolutions.com\/blog\/wp-content\/uploads\/2017\/08\/new-css.jpg\")
<\/p>\n
You need to save HTML in the main folder and then CSS file in styles sub-folder.<\/p>\n
After attaching the CSS file you can find the CSS file here:<\/p>\n 5. You need to call the div by going to the code of HTML and then to In the CSS you can write like this:<\/p>\n Save both HTML and CSS file.<\/p>\n 6. Since your div would be divided into 3 parts, i.e. Header, Content, and Footer, you can write inside the content div.<\/p>\n You need to call it on HTML. Go to codes of HTML and between press Enter key to take empty space and write the following:<\/p>\n In the css you can write like this:<\/p>\n These are the steps you can follow for your PSD to HTML conversion in Dreamweaver.<\/p>\n","protected":false},"excerpt":{"rendered":" This tutorial will show you on how to code PSD to HTML using Dreamweaver to get pixel perfect quality during building a website.<\/p>\n","protected":false},"author":1,"featured_media":2197,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[37],"tags":[53,59,58,50,47,46,60,57,52,51,44,45,48,49,56,42,41,43,55,54],"class_list":["post-2115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website-design","tag-cheap-digital-marketing-agency-kolkata","tag-cheap-facebook-promotion-kolkata","tag-cheap-seo-services-kolkata","tag-digital-marketing-agencies-in-kolkata","tag-digital-marketing-agency-india","tag-digital-marketing-kolkata","tag-facebook-marketing-kolkata","tag-facebook-promotion-kolkata","tag-seo-company-in-kolkata","tag-seo-services-kolkata","tag-social-media-agency-kolkata","tag-social-media-kolkata","tag-social-media-marketing-company-in-kolkata","tag-social-media-marketing-kolkata","tag-social-media-marketing-services-in-kolkata","tag-top-digital-marketing-agencies-in-kolkata","tag-top-digital-marketing-companies-in-kolkata","tag-web-design-company-kolkata","tag-web-designer-kolkata","tag-web-development-company-kolkata"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/2115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=2115"}],"version-history":[{"count":11,"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/2115\/revisions"}],"predecessor-version":[{"id":2510,"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/2115\/revisions\/2510"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/media\/2197"}],"wp:attachment":[{"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=2115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=2115"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mandmwebsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=2115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<link rel=\"stylesheet\" type=\"text\/css\" href=\"css\/style.css\" \/><\/code>
\n ![\"Linking](\"http:\/\/mandmwebsolutions.com\/blog\/wp-content\/uploads\/2017\/08\/link.jpg\")
<\/p>\n![\"Preview](\"http:\/\/mandmwebsolutions.com\/blog\/wp-content\/uploads\/2017\/08\/find-css.jpg\")
<\/p>\n<BODY><\/code> and write the following inside it:<\/p>\n<body>
\n <div class=\"header\"> <\/div>
\n <div class=\"content\"> <\/div>
\n <div class=\"footer\"> <\/div>
\n<\/body><\/code><\/p>\n.header{
\noverflow:hidden;
\npadding: 15px 0;
\n}
\n.content{
\noverflow:hidden;
\npadding:60px 0;
\n}
\n.footer{
\noverflow:hidden;
\npadding: 15px 0;
\n}<\/code><\/p>\n<body>
\n <div class=\"header\"> <\/div>
\n <div class=\"content\">
\n <p>demo content<\/p>
\n<\/div>
\n<div class=\"footer\"> <\/div>
\n<\/body><\/code><\/p>\n.content p{
\nfont-size:20px;
\nline-height:28px;
\n}<\/code><\/p>\n