Our goals will dictate what tools we need. Actually, there are some online alternatives for the tools but it make sense to be aware of what tools are worth using that run on your PC/MAC.

For a serious approach, I think we all want to own our own websites so this will entail uploading files to the web. For this we should ideally use an FTP client. For this I use FileZilla which surprisingly is free but does everything you require for file manipulation between a computer and a web server.

With this software, you can drag and drop files between folders in any of the two windows ( your hard drive or the web server). Also, right-clicking on the server folders and files allows you to adjust the file permissions that determine who can do what with each file such as view it in a web browser or not.

But, for bulk file wipes I find it a lot faster to do this from the file manager in my web hosting panel.

Next, you are likely to want to edit text files such as templates, config.files etc. For this I suggest NotePad++ which is also free but very effective with tabbed edit windows that you can reposition and includes syntax highlighting.  I also use this for HTML/PHP editing.

To test website ideas, scripts and plugins on your computer, a great solution is Xampp which makes it very easy to set up a web server on your computer for development purposes. This avoids you having to keep uploading files to your live site to test things.

To build web pages, you may want to use a What You See is What You Get (WYSIWYG)  editor. This helps you create HTML pages in a visual environment. Several ones to consider are: XSite Pro, DreamWeaver, and  NVU. For html only, think about HTML Kit or NotePad++.

So, hopefully,  this will get you on the way to choosing your software tools to build websites.

Technorati Tags: Config Files, Development Purposes, File Manipulation, File Permissions, Filezilla, Ftp Client, Great Solution, Html Pages, Internet Marketing Software, Notepad, NVU, Pc Mac, Recommended Software, Server Folders, Software Tools, Two Windows, Uploading Files, Visual Environment, Website Ideas, Xampp

Duration : 0:1:49

Technorati Tags: code, computer, edit, editor, Firefox, hack, hint, html, Notepad, page, secret, source, text, tip, trick, Tweak, webpage, website, xml

Duration : 0:3:3

Technorati Tags: de, drawing, ferre, html, leo, les, malheur, Notepad, oiseaux, painting

In this video I’ll show you how to use hyperlinks, make frames, add color and align text.

HD version:
http://www.stage6.com/user/Grudniz/video/2097428/HTML:-Lesson-2

Sorry about all the mistakes i made.

Don’t forget to subscribe

Duration : 0:10:54

Technorati Tags: 800, by, Doc, easy, editor, Guide, how, htm, html, live, make, Notepad, own, second, step, to, tutorial, tutorials, website, your

Most websites designed with such applications, is poorly designed, in the forms of locked font-sizes; incorrect code; over-useage of frames; bad cross-platform/browser support.

There are many websites, which holds Tutorials/References for HTML and CSS, some of them include:
http://www.w3cschool.com/ – (tutorials/references)
http://www.w3.org/MarkUp/Guide/ – (Dave Raggett’s Introduction to HTML)
http://www.w3.org/Style/Examples/011/firstcss/ – (Starting with HTML + CSS)

All you really need to create website’s, is a copy of notepad, or notepad++ (But generally any Text-Editor would do). See also: http://notepad-plus.sourceforge.net/uk/site.htm

Learning XHTML isen’t that important, the differance between html and xhtml is minimal, you can allways update your pages later, with less to no effort.

A serious Web-design class, wouldent even tuch the "WYSIWYG" editors. Its more then enough to know they exists, having that seid, alot of text-editors, have programming tools, which will speed up, (or even replace) many of the tasks, which you would otherwhise do manually.

Support for xhtml is poor, causing some browsers to render pages as text/html, instead of appcication/xml.

Technorati Tags: Cross Platform, Differance, Ditch, Font Sizes, Hand Code Html, Html And Xhtml, Html Css, Html Knowledge, Introduction To Html, Learn Html, Learning Html, Markup, Notepad, Platform Browser, Programming Tools, Style Examples, Text Editors, Text Html, Web Design Class, xml

In other words, how can I make a picture into an html website where the text is copyable?

Thanks!

My main advice is close Dreamweaver and use a basic text editor like notepad to hand code it’ll be a whole load easier to achieve things like this.

Are we talking for navigation menus here? If so I’d use ordered lists and pixy images. http://css-tricks.com has a video tutorial on how to do this.

If we’re talking just regular text on images there’s a couple of ways. If it’s a simple graphic with regular straight sides (for example a gradient in a box) I’d slice out just a thin strip of the background image in photoshop then use a background repeat-x or repeat-y css declaration and set it as the background of your div

html like this

<div class="whatever">

<p>Your text here</p> (I’ve used paragraph tags but you get the picture)

</div>

css like this

.whatever{
background: url (pathtoyourimagehere.jpg) repeat-x; (or repeat-y, works like axis)
}

If you have a more complicated shape or image then just slice out the whole image from photoshop and change the repeat-x/y declaration to no-repeat. You can then put whatever text you want into the div in your html file and it will appear on top. Just don’t forget you will need to specify width and height values to your css class or the text will burst out of the container.

Technorati Tags: Axis, Background Image, Big Picture, Css Tricks, Div Class, Div Html, Gradient, Height Values, Hot Spots, Html Website, Lt, Navigation Menus, Notepad, Paragraph Tags, Quot, Shape, Straight Sides, Thin Strip, Typical Website, Video Tutorial

Duration : 0:6:46

Technorati Tags: Browser, compute, computer, computing, connect, default, editor, html, internet, Knowledge, mac, macintosh, Notepad, pc, program, programmer, programming, programs, smart, smarts, software, text, utaguna, windows

Duration : 0:3:20

Technorati Tags: 101, basic, create, design, how, howto, html, learn, Notepad, to, tutorial, web, webpage, website, xhtml

http://www.thenewboston.com/

Duration : 0:6:45

Technorati Tags: 101, basic, create, design, how, howto, html, learn, Notepad, to, tutorial, web, webpage, website, xhtml

Duration : 0:3:5

Technorati Tags: Da, drawing, html, Joconde, La, lisa, mona, Notepad, painting, Vinci