Notepad | HTML

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

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