this is a quick video covering the tools I recommend you have available when
building a website
the first is an editor if you have access to Adobe Dreamweaver
this is my preferred editor and what I'll be using in these videos
however you can also use free alternatives
for PC you can use notepad
that comes installed on the PC or download
notepad++ I recommend
notepad++ because it has a lot more features than what you would get
with regular notepad
on a Mac you can choose between
text edit that comes installed on a Mac or you can download
text Wrangler from bare-bones software dot com
actually its bare bones dot com for the same reason I recommend notepad ++
for PC users
I recommend text Wrangler for Mac users because it has a lot more features
now just be aware if you choose to use one of these free alternatives
or different alternative your absolutely welcome to
but it's going to be a little bit different from what you see me doing in
Dreamweaver
so make sure you watch the tutorial videos I created
on the free alternatives for Mac or free alternatives for PC
so that you can understand that process of how to write code
and preview in the browser so that you can simulate the same
environment you'll see me using Dreamweaver now the other tools I recommend
is one you need to use the Web Developer Toolbar
right now I believe it's only available for Firefox browser
and Chrome browser so make sure you open up
either one of those browsers or both of them and add the Web Developer Toolbar
which you can see here you'll see me using it
throughout the tutorial videos and they're great way to kinda
dissect website pages or your own website
and to see how their built and what's going on
and to see them without CSS or with CSS etc
so I highly recommend that you have the Web Developer Toolbar
the other thing I recommend is that you have a image
editor, I prefer to use Photoshop if you don't want to pay for photo
shop then if you type into Google or another search engine free Photoshop
alternatives
they will have a couple of alternatives that might get you exactly where you
need to be without having to pay for
a professional level software same thing
with Adobe Illustrator I prefer to use Adobe Illustrator if
let's say I want to create a logo for website or a pattern background for
website
or I want to create graphics are illustrate graphics for web site
so if you'd rather not use Illustrator then you can definitely do free
illustrator alternatives in your preferred search engine and download one
of those
and see if they can get you what you need for
your web design the last thing I recommended that you download
all the five major browsers if you can
and make sure that they have updated versions
so this is Mozilla Firefox Google Chrome Safari which is max specific
opera and Internet Explorer which is PC specific
the reason why we do this is because we want to make sure that your website
works in
all the browsers that people could be on when they visit your website
now if you can't download Internet Explorer if your on a Mac or Safari if your on a
PC
then you're gonna have to switch to one of those computers and test out your
website
or you're gonna have to figure out there are other alternatives out there
that will simulate what it would look like you in that browser environment
you just needed Google search and see if you can find
find a good alternative for that so just to reiterate you need to make sure you have
an editor
the Web Developer Toolbar a image
editor a graphics editor so that's Photoshop or Illustrator
if you have the Adobe Suite and make sure you have updated versions of all
the major browsers Firefox, Chrome, Safari,
Opera and Internet Explorer