Original Usenet thread from alt.ascii-art, started 27 Jun 1999.
Q:ASCII art on web pages...THX
alt.ascii-art
· 14 messages · 27 Jun 1999 - 9 Jul 1999
Dave Salovesh wrote: > "Clortho" opined: > >Thanks, everyone. I' ve recieved a lot mails in the past few days and I' m > >very grateful. > >Alas, putting everything in pre tags didn' t quite work...the problem is > >that my browser still doesn' t recognize all the characters from the > >Terminal font (one used in nfo and diz files). > Have a go at reading the ascii art FAQ: http://studserv.stud.uni-hannover.de/~freise/ascii/faq.html And a little thing I wrote a while ago about how to show ascii art on the web: http://www.ludd.luth.se/users/vk/q/howtohtml/ > Here's a toucan, done by Joan Stark, an ASCII artist whose copyrighted > work appeared in CIWAH recently without credit: > > -=[ toucan ]=- 8/97 > > .:%@&'@&:. .::&@&'&::. > .::&@.&@:' '::&.@&@' > ':: @.&@:' .:@&.@'___ > .::@&::' '_.:-' `', > ':&.@&@:. _.-'' _.-' > .:&@&::. ____.-' _.-:. > .&'@@.&@' .::.-.\ _.-'@&@:' > '::@&@::. /;:/(o)\\_.-' '&@.&@:. > .:@'&&::. |;:;:---' \```'''---.._` > .: :&&@: . /;:;' /`'----------` > ':&.@&:' /;;; | .::@&@&::' > .:@&.@&._._/:;; | .:&'@@:. > ':.=####=#.:;:; | ': @&.@ :'. > /#/##/###\;;:;;. / .:@.&@::. > /#/#/##/##/;:;:;:' .' .:&@&::' > //##/#/##/##|:::;;.-' ': @&@.&:' > /#/##/##/##/;:;;;:;/ .::@'&@& : ' > |#/##/#/##/##/;:;:/`. . ': .@&@'&@::' > '-#/##/##/#/:\\\=\\\.:.'::@&@'&@&.@::. > jgs /##/##;;//))) /)))@&.@&@'&@&.@&::' > /;;;/;/:/'&@.&@&@.&@&@'@& @&::. > /;:/;:--'@&@'&&.&@&@&.@&&'@::'. > /;/;;:| `::' '::@:' @&::' . ' > /;::/:;| ' '' ` ' > |;/:::;/ > \;:;/;/ > `"""` > > Here's the code she used to create just the first few lines. Note that > practically everything is encoded as an entity, not typed in directly: > > <PRE><B>-=[ toucan ]=- 8/97 > > > .:%@&'@&:. > .::&@&'&::. > > Note also, there's no mention of the font. It works because a > convention browsers use for text within <pre>...</pre> tags is to > display it in an equal spaced font, like Courier or Terminal, but the > ultimate choice of the font is left up to the end user. > > If you'd like to see more examples, you can visit her site at > <http://www.geocities.com/SoHo/7373/index.htm> PLEASE! That is way too "encoded"! Here's what you need to show that picture in an html page: <pre> -=[ toucan ]=- 8/97 .:%@&'@&:. .::&@&'&::. .::&@.&@:' '::&.@&@' ':: @.&@:' .:@&.@'___ .::@&::' '_.:-' `', ':&.@&@:. _.-'' _.-' .:&@&::. ____.-' _.-:. .&'@@.&@' .::.-.\ _.-'@&@:' '::@&@::. /;:/(o)\\_.-' '&@.&@:. .:@'&&::. |;:;:---' \```'''---.._` .: :&&@: . /;:;' /`'----------` ':&.@&:' /;;; | .::@&@&::' .:@&.@&._._/:;; | .:&'@@:. ':.=####=#.:;:; | ': @&.@ :'. /#/##/###\;;:;;. / .:@.&@::. /#/#/##/##/;:;:;:' .' .:&@&::' //##/#/##/##|:::;;.-' ': @&@.&:' /#/##/##/##/;:;;;:;/ .::@'&@& : ' |#/##/#/##/##/;:;:/`. . ': .@&@'&@::' '-#/##/##/#/:\\\=\\\.:.'::@&@'&@&.@::. jgs /##/##;;//))) /)))@&.@&@'&@&.@&::' /;;;/;/:/'&@.&@&@.&@&@'@& @&::. /;:/;:--'@&@'&&.&@&@&.@&&'@::'. /;/;;:| `::' '::@:' @&::' . ' /;::/:;| ' '' ` ' |;/:::;/ \;:;/;/ `"""` </pre> You don't need any anywhere! Joan's page is a mess of "WYSIWYG editor" garbage. I think she knows that but doesn't care. That's a pity because a lot of people see her as the Queen of ascii art and a Great Master to look at and learn from. -- (, http://www.ludd.luth.se/~vk/cgi/asciichat/ /|__--__ . __--__ |\ '__ /|\ _{ _ `.' / `.,_ _________ | _________ _,.' (/ `. / ||``._.' ASCII ART CHAT! `---'|:||,/ .' /| /|:| \ .' /\ \ __ __ _ `/|'\' ` `,/ /`,\ \ \ / /__ _ _ ___ _ _ (_)__ __ _ /,'\ \ .'.' /| \ V / -_) '_/ _ \ ' \| / _/ _` | |\ `.`. ,' / / | \_/\___|_| \___/_||_|_\__\__,_| | \ \ `, - `- -- `-'- -ejm-------------------------------------VK-- -`-' -- -' -
>Message-id: <377...@earthling.net> >You don't need any anywhere! Joan's page is a mess of "WYSIWYG >editor" garbage. I think she knows that but doesn't care. That's a pity >because a lot of people see her as the Queen of ascii art and a Great >Master to look at and learn from. Yes, I know about all the   garbage. It's not that I don't care... it's more due to the fact that I'm uneasy not using a wysiwyg editor. I'm not computer expert -- I have little background in computers and programming. I remember a little BASIC from middle school on a Wang... I also played around with our Commodore 64/128 -- but that was mostly for games. I am technically-challenged. I can draw the ASCII pics but don't ask me to do any fancy programming or coding. My inexperience and lack of knowledge shows in my source code... No one should look to that to learn from. -joan -- , /) // joan stark (/ spu...@juno.com _/ ______ ) ( (-----( ASCII ART GALLERY /INK\ \ \ http://www.ascii-art.com/ \___/ \ \ jgs _)_____) `------`
Veronica Karlsson <aci...@earthling.net> schrieb in im Newsbeitrag: 377...@earthling.net... >You don't need any anywhere! Joan's page is a mess of "WYSIWYG I'm not sure if this is a bug: Not all WYSIWYG editors have this problem and the others have had enough time to fix it. Possibly it should force compatibility to older browsers. There are some other ways to preformat text which might be used instead of the pre-tag: -======== cut ========- <HTML> Standard tag: <pre> +----+ | | pre ( = PREFORMATTED: 80 Character/Line Printing) | | +----+ </pre> Older tags: <xmp> +----+ | | xml ( = EXAMPLE: 80 Character/Line Printing) | | +----+ </xmp> <listing> +----+ | | listing ( = Source Code LISTING: 132 Character/Line Printing) | | +----+ </listing> <plaintext> +----+ | | plaintext ( = Without closing tag, following tags aren't interpreted.) | | +----+ All (?) other tags (<tt>...) require characters entities ( ...) or unicode ( ...) for 'HTML-own characters' and space rows. -======== cut ========- The older tags shouldn't be used any longer, but some very old browsers might need them. A space to conversion wouldn't solve this problem alone... it is difficult to say how the functions of the above tags was. If you test the page in some alternative browsers you can see big differences in the interpretation. It would be interesting if someone has a browser (DOS ?) which interprets the fixed font and CR correct, but leaves away the spaces (in the pre-area). This would be the explanation for the space to conversion... Bill Gates >-- > (, http://www.ludd.luth.se/~vk/cgi/asciichat/ > /|__--__ . __--__ > |\ '__ /|\ _{ _ > `.' / `.,_ _________ | _________ _,.' (/ `. > / ||``._.' ASCII ART CHAT! `---'|:||,/ > .' /| /|:| \ >.' /\ \ __ __ _ `/|'\' > ` `,/ /`,\ \ \ / /__ _ _ ___ _ _ (_)__ __ _ /,'\ \ > .'.' /| \ V / -_) '_/ _ \ ' \| / _/ _` | |\ `.`. > ,' / / | \_/\___|_| \___/_||_|_\__\__,_| | \ \ `, >- `- -- `-'- -ejm-------------------------------------VK-- -`-' -- -' -
Meph (UZS...@uni-bonn.de) wrote:
: Veronica Karlsson <aci...@earthling.net> schrieb:
: >You don't need any anywhere! Joan's page is a mess of "WYSIWYG
:
: I'm not sure if this is a bug: Not all WYSIWYG editors have this problem
: and the others have had enough time to fix it. Possibly it should force
: compatibility to older browsers. There are some other ways to preformat
: text which might be used instead of the pre-tag:
:
: -======== cut ========-
:
: <HTML>
Just link to a file that does not have the html tag,
and I _think_ it will be WYSIWYG.
Joe Fischer [Just looking for my System Commander]
Spunk1111 <spu...@aol.comQQ> schrieb in im Newsbeitrag: 199...@ng-cj1.aol.com... > Yes, I know about all the   garbage. > It's not that I don't care... it's more due to > the fact that I'm uneasy not using a wysiwyg > editor. I'm not computer expert -- I have > little background in computers and programming. > I remember a little BASIC from middle > school on a Wang... I also played around I repeat me ... nevertheless: I have written a very simple (BASCI :) prog. which replaces the  's. You can create the HTML files with your editor and after finishing run this prog: drag & drop your HTML file and a the prog. creates a new optimized one... http://studenten.freepage.de/meph/test/pre.zip (27 KB, zip) > with our Commodore 64/128 -- but that was Back to the rules ... ;) > mostly for games. I am technically-challenged. > I can draw the ASCII pics but don't ask me > to do any fancy programming or coding. > My inexperience and lack of knowledge > shows in my source code... No one should > look to that to learn from. Blabla ... The trust is that you are to lazy to run a program. I think you have enough experience to drag&dop .... ;) Marc > > -joan > -- > , > /) > // joan stark > (/ spu...@juno.com > _/ ______ > ) ( (-----( ASCII ART GALLERY > /INK\ \ \ http://www.ascii-art.com/ > \___/ \ \ > jgs _)_____) > `------`
>Message-id: <7l7ifo$mt...@news.rhrz.uni-bonn.de> >Blabla ... The trust is that you are to lazy to >run a program. I think you have enough experience >to drag&dop .... ;) Perhaps it's the German blood from my heritage! ;P >http://studenten.freepage.de/meph/test/pre.zip >(27 KB, zip) I've downloaded the program and tried it but I'm getting an error.. (pre.exe bad command or file error). I'm probably doing something wrong. Do I work from Windows Explorer? I dragged the icon from one folder to the pre.bat file icon. Dropped it, got the MSDOS box and the file error. What am I doing wrong? Perhaps we ought to take this to email... unless there are other people frequenting the newsgroup who are interested... -joan -- ,,._ / a_)--. \._ `;--.) , joan stark .' ) \ ` /) /-' spu...@juno.com / / | _)-'/ | / /_.-' .'` |_.; _.'` _.-') ASCII Art Gallery _.--" _..)))-"` (\ http://www.ascii-art.com jgs/__.-'`| | ` | | \_/
*ALL* you need is to open your ASCII art file and enclose it in: <HTML><HEAD><TITLE>Insert Name of Picture or group of pictures Here</TITLE><HEAD> <BODY BGCOLOR="FFFFFF" TEXT="000000" LINK="0000FF" VLINK="CC0099" ALINK="00FF00"> <PRE> ASCII File Goes Here </PRE> Add links here, or comments...or not </BODY></HTML> This gives you a white page with black text and the standard color links, etc. if you want to add any; you can put your text inside a paragraph tag <P>Text goes here</P> Links are a little more complicated to explain, but a basic URL would be <A HREF="url goes here inside the parentheses">Name of URL here</A> It's NOT like writing a computer program!!! On 27 Jun 1999 16:19:27 GMT, spu...@aol.comQQ (Spunk1111) scribbled: >>Message-id: <377...@earthling.net> > >>You don't need any anywhere! Joan's page is a mess of "WYSIWYG >>editor" garbage. I think she knows that but doesn't care. That's a pity >>because a lot of people see her as the Queen of ascii art and a Great >>Master to look at and learn from. > >Yes, I know about all the   garbage. >It's not that I don't care... it's more due to >the fact that I'm uneasy not using a wysiwyg >editor. I'm not computer expert -- I have >little background in computers and programming. >I remember a little BASIC from middle >school on a Wang... I also played around >with our Commodore 64/128 -- but that was >mostly for games. I am technically-challenged. >I can draw the ASCII pics but don't ask me >to do any fancy programming or coding. >My inexperience and lack of knowledge >shows in my source code... No one should >look to that to learn from. > >-joan >-- > , > /) > // joan stark > (/ spu...@juno.com > _/ ______ > ) ( (-----( ASCII ART GALLERY > /INK\ \ \ http://www.ascii-art.com/ > \___/ \ \ > jgs _)_____) > `------` -- Therese Shellabarger - tls...@concentric.net http://www.concentric.net/~tlshell/ Shalom chaverot!
Spunk1111 wrote: > > Yes, I know about all the   garbage. > It's not that I don't care... it's more due to > the fact that I'm uneasy not using a wysiwyg > editor. I'm not computer expert -- I have > little background in computers and programming. > I remember a little BASIC from middle > school on a Wang... I also played around > with our Commodore 64/128 -- but that was > mostly for games. I am technically-challenged. > I can draw the ASCII pics but don't ask me > to do any fancy programming or coding. > My inexperience and lack of knowledge > shows in my source code... No one should > look to that to learn from. > Joan, I realize that you are probably pressed for time but you may want to go to http://www.w3.org . They have everything you ever wanted to know about HTML but was afraid to ask. They also offer mailing lists where you can ask questions. Angelfire.com also use to offer a VERY good tutorial on HTML. I don't know if they still do or not but it's worth looking into.
Spunk1111 wrote: > > >Message-id: <377...@earthling.net> > > >You don't need any anywhere! Joan's page is a mess of "WYSIWYG > >editor" garbage. I think she knows that but doesn't care. That's a pity > >because a lot of people see her as the Queen of ascii art and a Great > >Master to look at and learn from. > > Yes, I know about all the   garbage. > It's not that I don't care... it's more due to > the fact that I'm uneasy not using a wysiwyg > editor. I'm uneasy about _using_ a wysiwyg editor, because I know what kind of garbapge those things usually produce. :( > I'm not computer expert -- I have > little background in computers and programming. HTML is not programming. HTML is nowhere *near* programming. HTML is just saying what something is, e.g. "this is a paragraph" is said in HTML by placing the text inside: <p></p>. > I remember a little BASIC from middle > school on a Wang... I also played around > with our Commodore 64/128 -- but that was > mostly for games. I am technically-challenged. Repeat after me: "HTML is not programming!". > I can draw the ASCII pics but don't ask me > to do any fancy programming or coding. > My inexperience and lack of knowledge > shows in my source code... No one should > look to that to learn from. I think the big problem here is that people are used to looking at you as the expert, so when they need advice on how to do things right - they look at how the expert does it... :-/ Anyway, here's a little thing I just made for you: http://www.ludd.luth.se/~vk/cgi/ASCII-to-HTML/ It takes a "pure ascii" picture, and turns it into HTML, which you can then copy-paste to Notepad. -- (, http://www.ludd.luth.se/~vk/cgi/asciichat/ /|__--__ . __--__ |\ '__ /|\ _{ _ `.' / `.,_ _________ | _________ _,.' (/ `. / ||``._.' ASCII ART CHAT! `---'|:||,/ .' /| /|:| \ .' /\ \ __ __ _ `/|'\' ` `,/ /`,\ \ \ / /__ _ _ ___ _ _ (_)__ __ _ /,'\ \ .'.' /| \ V / -_) '_/ _ \ ' \| / _/ _` | |\ `.`. ,' / / | \_/\___|_| \___/_||_|_\__\__,_| | \ \ `, - `- -- `-'- -ejm-------------------------------------VK-- -`-' -- -' -
> >You don't need any anywhere! Joan's page is a mess of "WYSIWYG > >editor" garbage. I think she knows that but doesn't care. That's a pity > >because a lot of people see her as the Queen of ascii art and a Great > >Master to look at and learn from. You're right. I myself consider her not just the Queen of ascii art, but the veritable GODDESS of ascci art. =) But I hardly consider her the queen of HTML, so what does it matter if her web page is messy?
Veronica Karlsson <aci...@earthling.net> wrote in message news:377...@earthling.net... > Spunk1111 wrote: > > > > >Message-id: <377...@earthling.net> > > > > >You don't need any anywhere! Joan's page is a mess of "WYSIWYG > > >editor" garbage. I think she knows that but doesn't care. That's a pity > > >because a lot of people see her as the Queen of ascii art and a Great > > >Master to look at and learn from. > > > > Yes, I know about all the   garbage. > > It's not that I don't care... it's more due to > > the fact that I'm uneasy not using a wysiwyg > > editor. > > I'm uneasy about _using_ a wysiwyg editor, because I know what kind of > garbapge those things usually produce. :( > > > I'm not computer expert -- I have > > little background in computers and programming. > > HTML is not programming. HTML is nowhere *near* programming. HTML is > just saying what something is, e.g. "this is a paragraph" is said in > HTML by placing the text inside: <p></p>. > > > I remember a little BASIC from middle > > school on a Wang... I also played around > > with our Commodore 64/128 -- but that was > > mostly for games. I am technically-challenged. > > Repeat after me: "HTML is not programming!". > > > I can draw the ASCII pics but don't ask me > > to do any fancy programming or coding. > > My inexperience and lack of knowledge > > shows in my source code... No one should > > look to that to learn from. > > I think the big problem here is that people are used to looking at you > as the expert, so when they need advice on how to do things right - they > look at how the expert does it... :-/ > > Anyway, here's a little thing I just made for you: > > http://www.ludd.luth.se/~vk/cgi/ASCII-to-HTML/ > > It takes a "pure ascii" picture, and turns it into HTML, which you can > then copy-paste to Notepad. > Make love, not war. .--. .'() X`. `.\__/.' Jonathon R. Oglesbee "||" ogl...@mail.fullnet.net || /\ "Try a shoot-out, sometime. If you survive, /\ ||//\) HTML will become a minor concern, as befits it. (/\\||/ Sex, drugs, and rock'n'roll will take on new significance." ____________\||/_____________________________________________________
Trinity wrote: > > > >You don't need any anywhere! Joan's page is a mess of "WYSIWYG > > >editor" garbage. I think she knows that but doesn't care. That's a pity > > >because a lot of people see her as the Queen of ascii art and a Great > > >Master to look at and learn from. > > You're right. I myself consider her not just the Queen of ascii art, > but the veritable GODDESS of ascci art. =) > > But I hardly consider her the queen of HTML, so what does it matter if > her web page is messy? The thing is that somebody did look at her page to see how things should be done and then posted his conclusions to a newsgroup which specialises in html, as advice on how to do things right. -- (, http://www.ludd.luth.se/~vk/cgi/asciichat/ /|__--__ . __--__ |\ '__ /|\ _{ _ `.' / `.,_ _________ | _________ _,.' (/ `. / ||``._.' ASCII ART CHAT! `---'|:||,/ .' /| /|:| \ .' /\ \ __ __ _ `/|'\' ` `,/ /`,\ \ \ / /__ _ _ ___ _ _ (_)__ __ _ /,'\ \ .'.' /| \ V / -_) '_/ _ \ ' \| / _/ _` | |\ `.`. ,' / / | \_/\___|_| \___/_||_|_\__\__,_| | \ \ `, - `- -- `-'- -ejm-------------------------------------VK-- -`-' -- -' -
Veronica Karlsson wrote: > Trinity wrote: > > > > > >You don't need any anywhere! Joan's page is a mess of "WYSIWYG > > > >editor" garbage. I think she knows that but doesn't care. That's a pity > > > >because a lot of people see her as the Queen of ascii art and a Great > > > >Master to look at and learn from. > > > > You're right. I myself consider her not just the Queen of ascii art, > > but the veritable GODDESS of ascci art. =) > > > > But I hardly consider her the queen of HTML, so what does it matter if > > her web page is messy? > > The thing is that somebody did look at her page to see how things should > be done and then posted his conclusions to a newsgroup which specialises > in html, as advice on how to do things right. I say ignorant people shouldn't give advices (even for free). joris
In article <378...@xs4all.nl>, joris bellenger <svz...@xs4all.nl> wrote: > [snip] > I say ignorant people shouldn't give advices (even for free). > > joris . __________ |get your | | [ |) [ [ | | | |\ [ [ | | ADVICES | / |___here___| \,^%--- || <_ \ |_|[_ \ / | ___||___ >/ | ||_ | . |________| __>,^ ejm | | //| | Who you calling ignorant???? NOTE: I rarely pick up my mail from the idirect address. If you are e-mailing and hit the reply button, add an "e" to "freent"; its absense is to stop the torment of automatic mailers. -- ___ ha cq547@freene+.+oron+o.on.ca _/ | ,^%--- ha llizard aka ejm |_____| __<_ \ ha Don't mind me, I'm just kibitzing. --- == >/ [_____] __>,^ ASCII-ar+ and ASCII-anima+ions ejm| | //| | www.geocities.com/SoHo/Studios/9334/
Related ASCII art in the Gallery
Explore these categories from our collection of 11,000+ artworks:
\\__ o
|\/ o\ o
> < o
|/\ __/
// |\__/,| (`\ |_ _ |.--.) ) ( T ) / (((^_(((/(((_/
, _ , ( o o ) /'` ' `'\ |'''''''| |\\'''//| """
,~~--~~-. + | |\ || |~ |`,/-\ *\_) \_) `-'
__
\ \ _ _
\**\ ___\/ \
X*#####*+^^\_\
o/\ \
\__\ .------------. |\\//\\//\\//| |//\\//\\//\\| |\\//\\//\\//| |//\\//\\//\\| '------------'
Make your own ASCII art
Turn images, text or 3D into ASCII, or draw your own – right in your browser.
About this thread.
These messages were posted publicly to the newsgroup
alt.ascii-art
in 1999 and are mirrored here unchanged as part of the Historic Archives – only email addresses are masked.
The artwork and text belong to their original authors: if you copy a piece, keep the artist's initials or signature intact and credit them where you can.
Are you one of the authors? Contact us to get your posts attributed, connected to your artist profile, or removed.
Report this message
Help us keep the archive clean and accurate. Reports are reviewed by a person – nothing is changed automatically.