How to Make a Website With CSS - Free Template

[SiLvErSnYpEr]

actually, yes, any decent web designer SHOULD know the "funky hex code" for red.

[iequalcool]

Oh my! So much funky code!

[CSSWebsiteBuilder]

Some very helpful ideas for absolute beginners. I prefer to cheat and use a site builder.

[p90xtransformation33]

Its a decent tutorial, but CSS takes a while to master. I learnt how to effectively build with Wordpress and that is simple enough and allows you to churn out sites very quickly and effectively.

Also guys, don't use free hosting to host. I've just added a quick video of how to take advantage of Hostgators 1 cent unlimited hosting. Hostgator by far the best in the business, so take a look and use it for your needs. 

[oceanprinzess]

Lisa, you are my heroine! Thank you so much! I came here right after the W3C tutorial =). Learning webdesign is so hard in the beginning, but the learning process speeds up on itself =D.

oceanprincess

[Jigsyboy1]

Cool Vid Thanks.

Helped me spicing up my page on Jigsy.com. Looks way better now! Cooolio!

[maleekah114]

This was excellent info Thank you ..

[ktrinmv]

Lisa you are marvelous!!!!

[guitarpro72]

Have you heard of NOTEPAD(++) THATS WHAT I USE TO EDIT AND ITS PERFECT

[seeul18]

if i am using the tamplate from u web site and i get one started i remember about a think could coppy right how can i ge around theat whit u template ??

[johnnieboy1996]

thanx

[youtindia]

Well.. i use screenr.com for screencasts because the first time i tried it i made a video of 4 minuted it was 720 hd but just with a filezise of 10mb..

[MTCoblivsicas12345]

you can create a website from scratch by using code i am currently learning html code its obviously easier to use the templates but code allows you to create your website how you want.

(p.s you can view youtubes code by right clicking and clicking view source) its amazing how much code is needed for these websites.

[happyandwisecom]

You can use Kompozer also.

[xcdelove]

Just found you. I am a newbie ( old lady) and I love what you are doing. Thank you.

[AmazinglyAgnostic]

here we go!! plain and simple.

[MrUnknownMan5]

thanx

ive been watching your videos for about a half hour

ur really good

[UTD111]

Great Lisa! Thank you!

[RaidZZero]

nice voice!

[trumarksurfnut]

Lisa,thanks so much. That`s really helpful. Thanks too for your clear directions :) Bri

[AntiVot]

w3schools is a scam ! it`s full of ads !

[ZombieDeath101]

Can't you choose from #xxxxxx rgb(x,x,x) and colorname?

[zladk]

Dreamweaver has got many versions.. i want to know if they are all the same, the functions.. thanks!

[lisa3876]

@zladk I have CS, CS4 and CS5. I really don't see much difference at least with the features I use. I'm sure some advanced users could tell you the difference but I'm not advanced. :)

[sisterslivingwell]

Thanks for posting, Very useful.

[GaMeOvErRules]

what is wrong with internet explorer???

[falconiqx]

@GaMeOvErRules, firefox follows the web standards more closely, and because it is open source the community can improve and contribute to the program as well as patch any security flaws. MIcrosoft is reluctant to follow the web standards because it still thinks that the browser of choice is theirs and they wanted to include non-standard features that other browsers don't have. It causes more headaches for web developers and ultimately end users.

[softdrumandbass]

great job. don't worry about the negative comments. There's always going to be an ass out there or two to bring you down

[Earn500DollarsMonth]

Thats helpful too.Making money around $500 isn't that hard if u can spend around 1- 2 hrs a day. check it out..

[Supernaught16]

Thanks. I learned a lot from this. A lot of my un-answered questions were finally answered :) Thanks again.

[webhostingsreview]

Very nice video lisa but you need a good hosting company no matter how good your site is.

[Rockthatbody]

very good, I am learning something finally.

[8108angela]

what do you use to edit and record this vid?

[death18012]

Wow, great tutorial! You explained CSS very well in this video.

[JustcallmeBe]

i need help lol i dont understanddddd

[Hyp3rThrust]

Thanks! You really tought me quite a lot about css! I normally just use iWeb for my site and right now i don't intend to change it but now I am going to try and mess with that template and see what I can come up with.

[SAMPking11]

Good video, sexy voice, 8.5/10 :p

[Marcinku]

Thank you lisa3876, excellent vid ;)

[ninjaman123451]

can photoshop work?

[WorldOfTyler]

next time to talk to us like we are retarded monkeys :l

[jalyn2013]

how are you doing lisa3876

[CindyOsborne]

Gurl you need to be a teacher. Lots of people know their stuff but very few can communicate it as effectively as you. Dedicated mothers and teachers pay it forward by aiming the next generation in a way NOBODY else can.

God bless!

Cindy

[tenzinpalden]

Great Job!

[giofaz1]

You sound like Tyra Banks... with a hint of an accent.

[linserey]

@fridaytoast thats cause its called dreamweaver not dreamviewer lmfao

[12386363]

@A1m0st3v1l

Yes if you download the wrong things XD

[TheMysteeri]

suck tuto go back to kitchen!

[habbtrillion]

WOOT WOOT! Amazing but how do i change your site title?

[StraightEdgeVideos]

Can anyone help me? I want to make a movies subtitles database! I need some help, thanks!

[habbtrillion]

Most people think im nuts because i can change all that in notepad! its just a natural skill!

[iwan2bme]

Sounds so hard.....

[jonnydarko]

its called dreamweaver

[joyfulnewcreation]

Thanks Lisa. You make web life sooo much easier! :)

[nataku4luck]

Thanks a lot.. dear.. nice video.. plz post more new videos.. sam,

[SongLoverxD]

its Dreamweaver not Dreamviewer

[Famas54321]

where to get that editor?

[joseph3112]

Dreamweaver is a program you have to pay for. If you're asking for a download link, there is a 30 day trial...

[AmeerMavia]

Thank you sooooooooo much.I love you and your post.Thank you dear.

[jetplane2006]

#ff0000 is the full value of red.

Good lesson for nubes. Don't know how I ended up here. Your template is NOT your own work.

[jetplane2006]

She said Dreamweaver and it's commercial software.

Can't believe she is pawning this rubbish as her own!

Pisses me off!

[fridaytoast]

Could you post a link for Dreamviewer? Can't find it anywhere! :(

[MASCOTT100]

Dreamweaver is the editor referred to here. :)

[brentlion]

it`s dreamweaver.

[AionFun]

the correct name is: Adobe Dreamweaver

[laurissl]

It's dreamweaver

[mayankftw]

i think u searched it wrong... its DreamWeaver.... thats why you

couldnt find it..

[uleih]

Adobe Dreamweaver ..... googel this shitt n**b!!

[d33jay43]

isnt it "DREAMWEAVER"?

[oofdanish]

thats because its dreamweaver not viewer. lol

[Tayl012]

dreamweaver not viewer o.O

[SickTechShow]

@fridaytoast It's called Google, SEARCH IT!

[fridaytoast]

It would be nice if you gave a download link for Dreamviewer, since I can't find it anywhere!

Anyways, great video. You are good at tutorials.

[LockdownMeta]

cool! i have Dell too!

[MorrisBrown94]

Lisa. My girlfriend just got mad at me becuz I said Im going to marry this lady lol!! It took a sista like you to out shine these people who are not explaining themselves. Another well done video.

[notabott]

ok tnks lisa, i have a question that neade to be with Privat mensages, so if u can add me so i can say to u...

[notabott]

whats the editor name? couldnt understand

[lisa3876]

Dreamweaver

[zladk]

dreamweaver has got many versions.. i'm tryin out the CS5.. are all of the versions the same?? thanks.. :-)

[notabott]

after we put the website on the web, we can edit it?

[smokinrodney]

wow i owe you so much. i forgot practically all html/css codes and everything and this really refreshed me so i can remember how to do things. thanks!

[ivt200918]

Lisa you are the best! I've learned so much from watching you videos, keep up the good work!

[cwieand]

I always have trouble getting pictures to line up where I want them in Nvu. Any suggestions?

[Robyno94]

what did you use to register on your screen? I'm interested in thAT program because the one that i use for the videos don't let me zoom the screen

[lisa3876]

Camtasia Studio

[Robyno94]

I use it too! But i can't find that function

[lisa3876]

It's the Zoom and Pan feature on the left menu.

[Robyno94]

So in the producer.exe

[b29349]

@lisa3876 CS5 is $500

[dianamisaki123]

im not interested lol xD

[DjBoyInc]

I have camstudio but how are you zooming i looked everywhere on camstudio to do that.

[lisa3876]

It's the Zoom and Pan option on the left.

[chrisseits]

I need more to see my videos to be a lot more views and more comments to my videos to be a good fun you tube to you and your friends to you see and say it is a good videos to see more peaples to see my videos can to comments to my videos. You can see  more views I need 7,123,188,199,100,123,234,345

You can see more comments I need

14,995,666,888,712,318,819

[mboyreview]

this vid rocks! thanks mboy!

[thefunkeDS]

I have a quick question. I followed your instructions. and it worked great! The only porblem is that the images are not showing up on my page. Only the style layout is. Am I supposed to move the images to another folder or something?

[lisa3876]

check the path to your images. Are they saved in the images folder I provided? If so, use the same code I used for the header image except change the file name to the new image, of course.

[thefunkeDS]

alright got it! Thanks :)!

[basketballkid2016]

Do u have to pay for a website?

(Please answer owner of video)

[fatal182ibz]

thank you very much lisa you helped me out alot thanks

[lisa3876]

Thank you. :)

[ClubpenguinHasan11]

How do you zoom in with the green box?

Please tell, Hassan Rashid.

[lisa3876]

It's part of the software I use called Camtasia Studio.

[terrencej18]

I wish you was my high school "Advanced Computer App" teacher, since the one I did have had NO CLUE about what HTML or CSS even was. It's funny how a high school student like I was had to show an "Advanced Computer App. 2" teacher how to do HTML so she could teach it to the class at the beginning of the semester. lol

[Noon50]

Hey, Lisa this is really great. Liked it so much. 5*

[skybitscom]

Great job. You go girl :) I'm so happy to see more female techies out there. You should charge for some more indepth tutorials. Great voice and presentation skills.

Laura

[iRandom94]

Very Helpful!

Thanks for the tutorial :]

[Kingdom91894]

do you need to pay for this

[lisa3876]

No you just download it from the link the info box on the right.

[kalhas22]

Very informative tutorial I really liked it. Just studying Web Development now so this was a big help thank you!

[xfakestreet]

Really helpful tutorial, thanks. You explain everything perfectly.

[epics7]

soul sistah website builder.

[mydogeats2egg]

In Dreamweaver CS4, How do you make a page using one of those templates. I'm really confused.

[lisa3876]

Download my template, open the index.html in Dreamweaver and to add more pages just go to File, Save As and add additional pages.

[CrazyCrackerz2kay8]

You Are An Angel!!

[mustafqaan]

Feelin your voice

[rax358]

thank you!!!!!!!!!!!!!!!!!!!!!!!!!!

[cheddarbean]

Hey! Awesome video. By the way, what program are you using to do your demonstration??? You know, with all the zooming in on the screen and everything?

[lisa3876]

Camtasia Studio. Google it. There's a free 30 day trial.

[arsenedevos]

lol, why dont you just go on youtube and find how to crack it =))))

[rangedat]

how do i actually get this on my site?

[lisa3876]

Do you have a web host? You need to FTP or upload the files to your server.

[makedonec19]

thanks Lisa

[1lastkid]

rofl u needed winwar to extract files... lucky i had it

[ahiska6]

how do you put a video on youtube can you put that in youtube the tittle how to put a video on youtube

[xSmileyxSophiex]

Did you upload it and it said failed????

I had the same problem it depends on the softwear you use. First when you finish "publish" the movie to your computer and save it and then when you come to upload it find your video and it should upload it successfully :) hope that helped

[terorvlad]

thx

[KZPwned]

anyone knows...

how do i add a video to the site?

thanx, ps: who ever knows....

plz pm me fast as possible

[Dbaysnowboards]

when i open the file, i am using dreamweaver cs3 and it doesnt show up witht the website display just the style page that u went over. also how do u make the actual website?

[DevenMin]

You must be in the code view. Switch it to the design mode.

[websta95991]

Could you use Microsoft Publisher as an editor? Or is there a place I can pick up a free editor?

[lisa3876]

I'm not sure. I personally HATE Microsoft Publisher. LOL I've only used it once or twice because a friend was using it for her site. You can definitely try it though.

[kaiserqureshi]

yh try MS front page

[keith84113]

Would Microsoft Publisher work as an editor for this?

[mark26700]

What recorder have you ? on

[lisa3876]

Camtasia Studio

[mdogg1267]

thank you i didnt no that about the file thing that helpe me with everything i download!! thanx :D

[jslim63]

nice nice~~

[dlouis95]

google chromo is the siasdbfhvsdfn bohvjasdfvbdfjk asvgbasdueof jr

[Dbaysnowboards]

????????????

[lisa3876]

LOL, same thing I said. ;)

[xboxkid45ploy78]

I am really confused

[tman214]

Lisa!! you are the BOMB!!!! thanks!!

[Willselwyn1]

Hey Lisa, do you know if you can edit your website after you publish in to the internet?

[andreyeu2008]

Thx Lisa!

[Armitrix]

what program/website is this your using to edit? Not the CSS i mean editor like what is that editor? send me the link.

[wasimsworld]

Armitrix, she's using Dreamweaver. It's what I use too. It's brilliant.

[midnightclubboy01]

omg thank you, im making a clan and i need to be able to make forms such as in moodle.sandi,any suggestions?

[nzdirtbike]

Great work!

[Ampolletex]

I downloaded the template and its very clear and useful. Thanks for share.

[KwaguLLC]

Thanks for the pointer. I currently opened an account with Kwagu . com where it made me some good money part time by owning a website.

[frezis1]

tats ur name

[xdjbutterfly17]

Love it ... i want to learn more!

[tamsindahouse]

I need a template for a simple site with a large photo at the top of the page (and some links to others) I've seen some nice free downloadable sites with the large box containing the downloads photo image - can I substitute my own? thanks

[lisa3876]

Sure, just read the license/readme file that comes with the template but most allow you free reign and you can do what you want.

[stigma49]

hi lisa, how do you link your spry menu bar to the other pages. example: if one of choices in menu bar is sunglasses, you click on sunglasses then it should go to the sunglasses page directly. i am having trouble creating multiple pages and linking them. help me out here

[tamsindahouse]

thanks lisa - i'll go look for something simple and classy (it's for a pool villa in Thailand)

[stigma49]

hi lisa, i have spry menu bars and right now on my site and if u click on one of the choices it will display error "page not found". i have my page contents ready to get the other pages link but i am having trouble. how do i get each spry menu bar there own page when you click on one.

[thenonamekid08]

be careful with limewire some files have viruses that can really destroy your pc..sometimes you may not even know when u have a virus

[lisa3876]

Haven't used it in years. Just never uninstalled it. Thanks. :)

[animecrack]

you are a life saver. favorited, starred. =D

[ChromaticZAP]

my friend has that computer

[002Tchiputu]

You could be a good teacher ,you 've got a good ability to explain thank you very much.

[SpIcEyBoY12345]

what program did u use to make this video

[lisa3876]

Camtasia Studio

[TechHelpPC]

Is this your current template you're using on your website?

[lisa3876]

No, I bought that template from Dreamwever-Templates(dot)net

[danielmillionaire]

hello i was wonding when your video was playing the ads was popping up. i was wonding if you could tell me how to do that because i want to set up a google adsence acount thank you.

[shadow2569I]

lol

[raidence585]

Thank you so much lise 5 stars :)

[killerwinner208]

lisa do u know how to make ur user name come up on screen after they logged in like hello user, i made a login, members,log out and register page they all work perfectly and they connect to mysql database so if u know how send me a little tuts and the codes thank you.

[ThexRealxTruth]

thanks lisa!

[bowanosullivan1990]

Hay grate work on your video I must say 5/5 Stars and I have subscribed, check your email account inbox it should say! do you know how to upload videos on the net like youtube?

[arkbird21]

this is toooooo complicated

[hondarox715]

if your slow in the head

[ClaesTerje]

Hey Lisa!

I really liked your video about websites! I'm building a website myself, but It's really hard because I've never done it before. Like you, I use Dreamwaver and have created a frontpage, but now I want a photo gallery and a chat room on my site so my friends and I can upload photos and chat. Do you know any good way to get that?

I'm building it so me and all my class mates can have contact with each other after the graduation and look back on memories. I want to surprise them =D

[r3alrsthund3r]

ok,thank you! and is a verry nice guuide. thank you so mutch :)

[r3alrsthund3r]

whats the coler code to black ?

[lisa3876]

#000000

[rebelxpower]

FuNkY looking code... HTML.XML all of this... it may be code but the real code is Delphi, and C++

[bowantube]

How do upload videos on your new mad up website? sort of like youtube? or by the way 5/5 stars and subscribe check your email inbox on you account it will say grate work on your video as well.

[mickieD4]

thx im proud of this vid!!! 2 thumbs up

[NEWBIE2478]

Hi Lisa, could you tell me what should be the first three steps i should take to become a affiliate or start a affiliate program. Thanks.

[AAASilverAAA]

how is the name of this progam

[lisa3876]

Dreamweaver

[halekblock1981]

love your accent. good video too.

[LoveIsAllz]

umm...i seem cant edit the words....anyone??