How to import HTML/CSS templates into Dreamweaver


#1

Hi all,

I am new to this website. I browsed the website and love it. Looking forward to buying a few things. A quick question…I downloaded the free file of the month and tried to import that into Dreamweaver. My problem is that I don’t know how to open the file into Dreamweaver wheter it be HTML or CSS.

To be more specific, I would like to know how to properly open either of the two HTML or CSS in Dreamweaver and then put in my own information (I would keep all other content the same). Then save that work and upload it onto the web through a hosting service.

Any help is appreciated thanks!


#2

I’m not expert in coding, but i’m still learning

If you want to open your file in Dreamweaver, make sure you have it. Search index.html file, and just right click on the index.html, and it will open for you also css file.

!http://i.imgur.com/soK04.png!

Good Luck :slight_smile:


#3

it will open for you also css file.

!http://i1256.photobucket.com/albums/ii490/fan1992/sc12.gif!


#4

Thanks for the reply. I will try that shortly. What if a template has options lets say to choose different colors, page widths, columns etc., How would one go about choosing which one they wanted and then opening in Dreamweaver?

I guess I’m just trying to ask how to open everything in Dreamweaver and then add in my own content such as own information, pictures etc. This is the first step for me. Thanks buddy!

p.s. a few months ago I tried to open one of these free files in Dreamweaver I went into “split” mode and tried to click on the information and pictures portion and when I ran the website it all was messed up…


#5
ed2012 said

Thanks for the reply. I will try that shortly. What if a template has options lets say to choose different colors, page widths, columns etc., How would one go about choosing which one they wanted and then opening in Dreamweaver?

I guess I’m just trying to ask how to open everything in Dreamweaver and then add in my own content such as own information, pictures etc. This is the first step for me. Thanks buddy!

p.s. a few months ago I tried to open one of these free files in Dreamweaver I went into “split” mode and tried to click on the information and pictures portion and when I ran the website it all was messed up…

To edit such as color, page width, table and etc, you can open style.css and layout.css and edit right there.

Because some code move without you know about that, try not to click on the preview side, before you click Live View or just run via Browser :slight_smile: And make backup your file.

Good Luck


#6

If you’re going to use Dreamweaver, you should assume you won’t be using the visual/design mode. It doesn’t render many templates properly. Some will work properly, but in general they won’t.

So in other words, you’ll make those changes by editing code, not through the WYSIWYG interface.


#7
sevenspark said

If you’re going to use Dreamweaver, you should assume you won’t be using the visual/design mode. It doesn’t render many templates properly. Some will work properly, but in general they won’t.

So in other words, you’ll make those changes by editing code, not through the WYSIWYG interface.

+1


#8

In main bar you need to go to: Site > New site

and fill the basic option not not necessarily the advanced like in this video


#9
sevenspark said

If you’re going to use Dreamweaver, you should assume you won’t be using the visual/design mode. It doesn’t render many templates properly. Some will work properly, but in general they won’t.

So in other words, you’ll make those changes by editing code, not through the WYSIWYG interface.

What do you recommend for editing the code?

#10

Make sure you dont buy a wordpress file! You mentioned that there are options to edit color and stuff. Those are usually wordpress themes. Regular website themes can be edited by editting the css files only.



Dreamweaver is really good and is helpful for beginners. You can open dreamweaver and edit code only by clicking the code tab that is located at the top - left area of your screen. Usually under the title of the page you are opening.


#11
epinoa said

What do you recommend for editing the code?

Sublime Text


#12
epinoa said
sevenspark said

If you’re going to use Dreamweaver, you should assume you won’t be using the visual/design mode. It doesn’t render many templates properly. Some will work properly, but in general they won’t.

So in other words, you’ll make those changes by editing code, not through the WYSIWYG interface.

What do you recommend for editing the code?

Hi epinoa , you can still use dreamWeaver but you should use its CODE view (from top menu > view > code)
And as gravityDept already mentioned , sublimeText is great by far.