Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Geek Culture / Html with notepad

Author
Message
lazerus
17
Years of Service
User Offline
Joined: 30th Apr 2008
Location:
Posted: 28th Apr 2011 16:42
Link
Yoha' so i do learn from other people asking and i've been using notepad for writing my website. As of now, the website presentations fail in uncomprehensable ways. Mostly because i'm woeful programmer. I know all the basics, so i was wondering if anyone could point me towards some half decent tutorials. Im literally making a few linked pages with information and a feedback section. Nothing fancy in the way of coding but pretty to look at. Graphics arent the problem its just getting it all laid out neat and styled.

So anyhelp or if you can point me in the right direction would be stupidly appreciated. Ive even looked over a few prefab websites to no avail.

Thank's if you can help


http://lazerus-reborn.deviantart.com/
Back to top
Profile PM Email
bitJericho
22
Years of Service
User Offline
Joined: 9th Oct 2002
Location: United States
Posted: 28th Apr 2011 16:50
Link
people who tell you to code html in notepad aren't good programmers.

You should use something like notepad++ which colors your code. (syntax highlighting)

[center]Jerico for President. Obese for VP
My dear tomato \ Please let me classify you \ A fregetable.
Back to top
Profile PM Email Website
xplosys
19
Years of Service
User Offline
Joined: 5th Jan 2006
Playing: FPSC Multiplayer Games
Posted: 28th Apr 2011 16:59
Link
Quote: "people who tell you to code html in notepad aren't good programmers."


That's a pretty generalized statement. I'm sure there are good HTML developers who will tell you that, but I disagree with them. To me, laying out a page with notepad is hard and takes too long. There is no shame in using a WYSIWYG editor to lay out your pages so you can see them real time. I still use FrontPage to do the initial layout and then I code the rest by hand. As long as you check and fix any code quirks that the WYSIWYG editor my put in, you won't have any problems. That's my opinion and I'm sticking to it.

There are many free WYSIWYG editors available online.

Brian.

Back to top
Profile PM
ShaunRW
DBPro Developer
17
Years of Service
User Offline
Joined: 7th Jan 2008
Location: Brisbane, Australia
Posted: 28th Apr 2011 17:01
Link
Well first off, w3schools will cover anything to do with html, whether it be basics such as formatting, links and images or more advanced things such as tables or iframes.
To get it all laid out neat, the CSS tutorials on the same site are also pretty good.

As for using notepad, there is nothing wrong with it. Actually alot of people prefer using notepad then any actual HTML editors. Personally i use HTML Kit because i love syntax highlighting.


ShaunRWs Timer Plugin.
Back to top
Profile PM Email
kamac
14
Years of Service
User Offline
Joined: 30th Nov 2010
Location: Poland
Posted: 28th Apr 2011 17:13
Link
Or write compiler for HTML (Not that stupid idea! ).

I'll search for tutorials such as these and let you know if i find any.

Back to top
Profile PM Email
bitJericho
22
Years of Service
User Offline
Joined: 9th Oct 2002
Location: United States
Posted: 28th Apr 2011 17:33
Link
Just had to point out:

http://w3fools.com/

I wouldn't say it's generalized. I'd say anyone who says they code in notepad is either a sadist or just inexperienced.

[center]Jerico for President. Obese for VP
My dear tomato \ Please let me classify you \ A fregetable.
Back to top
Profile PM Email Website
Benjamin
22
Years of Service
User Offline
Joined: 24th Nov 2002
Location: France
Posted: 28th Apr 2011 17:38
Link
Why, why would you use such a poor text editor for anything other than writing to-do notes?

I would have suggested w3schools but others beat me to it.



Support a charitable indie game project!
Back to top
Profile PM Email
lazerus
17
Years of Service
User Offline
Joined: 30th Apr 2008
Location:
Posted: 28th Apr 2011 17:56
Link
I just assumed it to be harder since it crucifies you when you do something wrong, so you learn the synax faster or something along them lines.

Thanks for the great links and info guys, i've grabbed Notepad ++ for now and ill give it a whirl.


http://lazerus-reborn.deviantart.com/
Back to top
Profile PM Email
Gencheff
14
Years of Service
User Offline
Joined: 12th Jun 2010
Location: UK by way of USSR
Posted: 28th Apr 2011 18:57
Link
Yes,pure notepad without syntax highlighting is masochistic.

Notepad++ on the other hand,is perfect as long as you are experienced enough.What I particularly like about notepad++ is the option to convert documents to different charsets.


PC Specs:Windows 7 Ultimate 64-bit,Intel Core i7 960 @ 3.20GHz,NVIDIA GeForce GTX 480,12GB RAM,2x Western Digital 997GB HDD
Back to top
Profile PM Email
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 28th Apr 2011 19:51
Link
Quote: "people who tell you to code html in notepad aren't good programmers."

I consider myself quite a decent web programmer, thank you very much!

I think when most people say notepad they're most likely referring to notepad++.

Back to top
Profile PM Email Website
Indicium
16
Years of Service
User Offline
Joined: 26th May 2008
Location:
Posted: 28th Apr 2011 22:48
Link
Lol at the link Jerico2day posted.

Quote: ""The example above is not very useful."
lol whut?!"


Back to top
Profile PM
Neuro Fuzzy
17
Years of Service
User Offline
Joined: 11th Jun 2007
Location:
Posted: 28th Apr 2011 23:20
Link
I have no problem coding html in notepad. I mean... it's a description language. There aren't all that many commands that I regularly use.

I guess highlighting on CSS attributes would be nice... I ssem to have to google those regularly.


Tell me if there's a broken link to images in a thread I post, and I'll fix 'em.
Back to top
Profile PM Email
That Guy John
15
Years of Service
User Offline
Joined: 30th Apr 2010
Location: United States
Posted: 29th Apr 2011 08:47
Link
Although using a text editor is possible, I don't recomend it.
I see people that brag and say "I did my whole website in notepad" and ask myself, why would you even want to do that? Other than some un seen and nonexistant bragging right.

If you are trying to use a text editor because you want to use something that is free check out, OSSWIN.sourceforge.net .

I suggest using a good WYSIWYG editor at least for the syntax help. Use the tools to make life easier.

FPSC OneSource [DeskTop App] - Bringing everything together into one.
Back to top
Profile PM
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 29th Apr 2011 17:38
Link
WYSIWYG is for designers (not developers) who don't understand syntax, notepad++ is for those of us who know what we're doing. Plus, WYSIWYG editors tend to make ugly code.

Back to top
Profile PM Email Website
That Guy John
15
Years of Service
User Offline
Joined: 30th Apr 2010
Location: United States
Posted: 29th Apr 2011 23:00
Link
Phaelax,
I beg to differ. I hardly think you will find any web development company that doesn't use DW, Expression Web, Eclipse or something of the likes.

You are right about some of the older versions of WYSIWYG editors having sloppy code, but they have greatly improved over the last couple years. Also, for myself, I use the visual viewer just to watch watch what my code is doing, but always work with the code. Which is what most will recommend you do.

FPSC OneSource [DeskTop App] - Bringing everything together into one.
Back to top
Profile PM
Fatal Berserker
14
Years of Service
User Offline
Joined: 2nd Jul 2010
Location:
Posted: 30th Apr 2011 02:22
Link
Quote: "some of the older versions of WYSIWYG editors having sloppy code"

and all of the new ones.

Back to top
Profile PM
Diggsey
19
Years of Service
User Offline
Joined: 24th Apr 2006
Location: On this web page.
Posted: 30th Apr 2011 03:21
Link
WYSIWYG editors for HTML all fail, no exceptions. I suggest you use either notepad++ if you want a light-weight editor, or something like eclipse if you want the useful autocomplete, which is especially useful when dealing with CSS!

The most important thing when designing a page layout is how it will resize. That dictates how you write the html. For a fixed size page html is easy, you can simply use position: absolute on all your elements and put them where you want them to be. For pages to resize it gets a lot more complicated.

I usually divide the page up into rectangular sections and then decide which ones should resize when the browser resizes. Remember that viewers hate horizontal scrollbars. Once you've done that you can start building these rectangular areas in html.

A lot of advice on the internet says stay away from using tables. I disagree. You shouldn't use tables much but there are certain cases when it's either tables or using javascript to get it to resize correctly across all the browsers. In that case it's better to use tables. Just make sure you use the style "table-layout:fixed" as that will help the browser render it more quickly.

Once you've got the layout right you can fill in the areas with the images and content you want. It helps to remember that foreground images (ie. the img tag) will stretch but not tile, whereas background images will tile but not stretch.

[b]
Back to top
Profile PM Email Website
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 30th Apr 2011 07:34
Link
Quote: " I hardly think you will find any web development company that doesn't use DW, Expression Web, Eclipse or something of the likes"


Think again. We developed an ecommerce website using Eclipse, however, Eclipse was not ever used as a WYSIWYG (didn't even know it had that feature). This was my job for a large company, so I do have some professional insight on this. The CSS and HTML was all done in notepad++, the JSP was in Eclipse.

My boss actually said absolutely no tables.

Back to top
Profile PM Email Website
Jeku
Moderator
21
Years of Service
User Offline
Joined: 4th Jul 2003
Location: Vancouver, British Columbia, Canada
Posted: 30th Apr 2011 08:00
Link
Quote: "There aren't all that many commands that I regularly use."


There aren't any commands in the HTML language


Senior Web Developer - Nokia
Back to top
Profile PM Website
Indicium
16
Years of Service
User Offline
Joined: 26th May 2008
Location:
Posted: 30th Apr 2011 21:22
Link
Quote: "There aren't any commands in the HTML language"


There aren't any commands in the HyperText Markup Language Language?

Back to top
Profile PM
That Guy John
15
Years of Service
User Offline
Joined: 30th Apr 2010
Location: United States
Posted: 30th Apr 2011 21:26 Edited at: 30th Apr 2011 21:56
Link
Quote: "My boss actually said absolutely no tables"

Majority of sites are done now without tables, so what does that have to do with using a WYSIWYG editor or not?

Quote: "if you want the useful autocomplete, which is especially useful when dealing with CSS
"

DW and Expression Web both have his as well.

If people would try things out for themselves instead of basing their opinion off of something they read on the internet...

We could all go back and forth on this for weeks but it would be pointless. Everyone is a pRofessional and has their own input.
It is a matter of preference.

FPSC OneSource [DeskTop App] - Bringing everything together into one.
Back to top
Profile PM
xplosys
19
Years of Service
User Offline
Joined: 5th Jan 2006
Playing: FPSC Multiplayer Games
Posted: 30th Apr 2011 21:31
Link
Quote: " Everyone is a pofessional"


... but not everyone can spell it!!

Back to top
Profile PM
That Guy John
15
Years of Service
User Offline
Joined: 30th Apr 2010
Location: United States
Posted: 30th Apr 2011 21:54
Link
Ha! Silence Xplosys. lol

FPSC OneSource [DeskTop App] - Bringing everything together into one.
Back to top
Profile PM
crispex
17
Years of Service
User Offline
Joined: 22nd Jun 2007
Location:
Posted: 1st May 2011 04:37
Link
Quote: "DW and Expression Web both have his as well."


Yeah, and so does Emacs...

Anyway. Stick with Notepad++. It's the best you can get, yet the simplest. If you're looking for the most feature filled (bloated), go for Dreamweaver, but stick away from the WYSIWYG editor.

As for tutorials, W3Schools is the way to go. It's the best resource for PROPER coding. And for God sakes, don't even THINK about coding for Internet Explorer. Make sure your HTML markup is valid so that it appears the same on all browsers. Use no other image types other than PNG. Don't use flash animations, clip art, scrolling text, or images with square backgrounds that are clearly different than the background color. Do NOT, and I emphasize this once more, NOT use tables or iframes. Tables are meant for data, and iframes are an absolute no-no in any case.

If you ever need help, let me know.

I just now realized I've had a typo in my signature for the past 3 years.
Back to top
Profile PM
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 1st May 2011 08:15
Link
Quote: "Quote: "My boss actually said absolutely no tables"
Majority of sites are done now without tables, so what does that have to do with using a WYSIWYG editor or not?"

That part was in response to Diggsey's post.

Quote: "Everyone is a pRofessional and has their own input."

In my opinion, professional means you do it every day as your main source of income and you live off that as your primary job. Free or randomly paid contracts is more like a hobbyist.

Quote: "As for tutorials, W3Schools is the way to go. It's the best resource for PROPER coding"

Jerico's link seems to disagree. I reference it all the time to remember the different CSS style names.

Quote: " And for God sakes, don't even THINK about coding for Internet Explorer"

I have to disagree. After doing it for awhile, I have a pretty good understanding of the differences and quirks about IE and can usually fix the issue with a single line of css. But regardless of how much you hate IE, don't ignore it. You might get away with that depending on what type of site you're doing, but many companies still rely on IE.

Back to top
Profile PM Email Website
lazerus
17
Years of Service
User Offline
Joined: 30th Apr 2008
Location:
Posted: 1st May 2011 12:43
Link
Thanks for the help guy's guess i know where to start then


http://lazerus-reborn.deviantart.com/
Back to top
Profile PM Email
Diggsey
19
Years of Service
User Offline
Joined: 24th Apr 2006
Location: On this web page.
Posted: 1st May 2011 14:48
Link
Quote: "DW and Expression Web both have his as well.

If people would try things out for themselves instead of basing their opinion off of something they read on the internet..."


I never said they didn't have autocomplete I said that WYSIWYG editors are all useless. Sure you can buy these expensive products and only use the text editing part but then you may as well use eclipse which is free.

As for debugging. If you want to see why HTML is rendering as it is, firebug and firebug lite (works in IE) are unbeatable. If you want to debug javascript, Visual Studio (for IE), firebug (for firefox) and chrome has it built in.

[b]
Back to top
Profile PM Email Website
That Guy John
15
Years of Service
User Offline
Joined: 30th Apr 2010
Location: United States
Posted: 1st May 2011 20:31
Link
Quote: "Quote: "Everyone is a pRofessional and has their own input."
In my opinion, professional means you do it every day as your main source of income and you live off that as your primary job. Free or randomly paid contracts is more like a hobbyist."


Apparently my sarcasm wasn't caught.

FPSC OneSource [DeskTop App] - Bringing everything together into one.
Back to top
Profile PM
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 2nd May 2011 01:11
Link
Guess I missed it, I blame the interweb.

Back to top
Profile PM Email Website
That Guy John
15
Years of Service
User Offline
Joined: 30th Apr 2010
Location: United States
Posted: 2nd May 2011 02:15
Link
Phaelax,
It's okay, we will let it slide for now.

Here is a Penguin

Here is another Penguin


FPSC OneSource [DeskTop App] - Bringing everything together into one.
Back to top
Profile PM
Fatal Berserker
14
Years of Service
User Offline
Joined: 2nd Jul 2010
Location:
Posted: 2nd May 2011 05:14 Edited at: 2nd May 2011 05:14
Link
heres another penguin:





Back to top
Profile PM
Phaelax
DBPro Master
22
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 2nd May 2011 05:34
Link
I so want a pet penguin now

Back to top
Profile PM Email Website
Back to top

Login to post a reply

Server time is: 2025-05-21 17:36:46
Your offset time is: 2025-05-21 17:36:46