Notepad | HTML

Recommended Software To Get Started Building Websites

Sunday, May 9th, 2010

Here I will run through which internet marketing software tools that we need to build websites. These tools are often free but some inevitably cost money.

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

Posted in Uncategorized | No Comments »

Firefox: Copy HTML From Any Website – Tekzilla Daily Tip

Monday, February 1st, 2010

Tweak websites with the editor of your choice

Duration : 0:1:49

(more…)

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

Posted in html code | 9 Comments »

Html drawing -leo ferre- with source code

Saturday, January 30th, 2010

Another html drawing.
This time i give you the source code You can find it here : http://munchtml.site.voila.fr/leo.html

Duration : 0:3:3

(more…)

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

Posted in html code | 23 Comments »

Learn HTML – Lesson 2

Tuesday, November 17th, 2009

Welcome to my second html tutorial.

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

(more…)

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

Posted in html | 25 Comments »

How important is it to learn HTML before XHTML?

Sunday, November 15th, 2009

Is it okay to learn XHTML without having any HTML knowledge at all? Do you think learning to hand code html is necessary to be taught in a Web Design class rather than directly proceeding to tools such as Dreamweaver?

I suggest that you ditch Dreamweaver, since such "WYSIWYG" only tend to cause problems, usually they also add alot of obsolate code to your documents.

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

Posted in xhtml | 3 Comments »

How to make a picture into an html website without using just hotspots?

Thursday, November 12th, 2009

I’m using Dreamweaver and I have been given an image in Photoshop format to make into a website. The image looks like a typical website and I am pretty familiar with Photoshop. However, I was wondering how I can put text on the image in Dreamweaver instead of making the entire website one big picture with Dreamweaver hot spots in it for links.

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

<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

Posted in html | 3 Comments »

HTML Video 9-Checking Your HTML Code

Thursday, November 12th, 2009

hey everyone, just a quick video on how to check your html code to see if it is correct, and if not, to look at the errors your page has.
Once you understand all this information, move on to html video 10-the css introduction!!!
Derrick