Main Menu
Main Page
Forums
Recent changes
Random page
Help

Databases
GlitchDex
AttackDex
ItemDex

Major Glitches
Trainer escape glitch
Old man trick
Celebi trick
Select glitches (Japan)
SRAM glitch
CoolTrainer♀ corruption
LOL glitch
Super Glitch
ZZAZZ glitch
Pomeg corruption glitch (Glitzer Popping)
Tweaking
Elite Four door glitch (Japan)
Pokémon merge glitch
Pokémon cloning
Time Capsule exploit
Arbitrary code execution
Coin Case glitch
More

Other Glitch Categories
Glitches by generation
Glitches between two generations
Japan-only/language specific glitches
Music glitches
Natural glitches
Non-core series glitches
Non-Pokémon glitches
Officially acknowledged glitches
Recurring glitches
Dead glitches

References
Pokémon GameShark codes
The Big HEX List
GB programming
Curiosities
Debugging features
Easter eggs
Error traps
Glitch areas
Glitch myths
Non-glitch exploits
Placeholder texts
Pokémon glitch terminology
Unused content and prerelease information

Useful Tools
8F Helper
GBz80 to Items
Old man trick name generator
PATH (Prama's Advanced Tweaking Heaven)
Save file editors
Special stat/Pokémon converter
Trainer escape Trainer Pokémon finder

Affiliates
Legendary Star Blob 2 (Hakuda)
Pokémon Speedruns wiki
PRAMA Initiative
Become an affiliate!

Search Wiki

 

Search Forums

 

Author Topic: WYSIWYG  (Read 4335 times)

0 Members and 1 Guest are viewing this topic.

Brocco Guy

  • Βροκκω Γαι
  • Member+
  • *
  • Offline Offline
  • Gender: Male
  • d(^.^)b
    • View Profile
WYSIWYG
« on: June 30, 2009, 09:21:16 am »
Anyone know of a good Freeware WYSIWYG?

Hālian

  • That worldbuilding/micronations/MTG guy
  • Member+
  • *
  • Offline Offline
  • Gender: Male
  • For a better world
    • View Profile
    • Hoennese Realm
Re: WYSIWYG
« Reply #1 on: June 30, 2009, 12:26:19 pm »
A freeware WYSIWYG what?
Hoennese Realm



All sprites made by Naitekiakki, except:
MissingNo. egg made by Reimoni
Recolored Gardevoir made by me

Photon-Phoenix

  • Gotta pop dem windows.
  • Administrator
  • *****
  • Offline Offline
  • Gender: Male
    • View Profile
Re: WYSIWYG
« Reply #2 on: June 30, 2009, 12:41:45 pm »
« Last Edit: June 30, 2009, 12:42:20 pm by GARY 'M 9 »

Brocco Guy

  • Βροκκω Γαι
  • Member+
  • *
  • Offline Offline
  • Gender: Male
  • d(^.^)b
    • View Profile
Re: WYSIWYG
« Reply #3 on: June 30, 2009, 12:46:48 pm »

Photon-Phoenix

  • Gotta pop dem windows.
  • Administrator
  • *****
  • Offline Offline
  • Gender: Male
    • View Profile
Re: WYSIWYG
« Reply #4 on: June 30, 2009, 12:55:14 pm »

IIMarckus

  • Administrator
  • *****
  • Offline Offline
  • Gender: Male
  • Impersonal Text
    • View Profile
    • iimarck.us
Re: WYSIWYG
« Reply #5 on: June 30, 2009, 10:58:48 pm »
Anyone know of a good Freeware WYSIWYG?
For what? HTML? WYSIWYG editors exist for more than web sites.

I don?t mean to sound elitist, but the best way to learn web design is to use a plain text editor and browser. It?s not a difficult language to learn the basics of, and you?ll wind up with much better code quality.

Brocco Guy

  • Βροκκω Γαι
  • Member+
  • *
  • Offline Offline
  • Gender: Male
  • d(^.^)b
    • View Profile
Re: WYSIWYG
« Reply #6 on: July 01, 2009, 09:08:15 am »
For HTML.

I did try to learn HTML, but no guide told me how to code what I wanted. All I learned was BR, TABLE, B, I, U and FONT commands.

EDIT: And IMG, they skimmed the MAP command, and I learned BACKGROUND commands.
« Last Edit: July 01, 2009, 01:11:20 pm by Brocco Guy »

IIMarckus

  • Administrator
  • *****
  • Offline Offline
  • Gender: Male
  • Impersonal Text
    • View Profile
    • iimarck.us
Re: WYSIWYG
« Reply #7 on: July 01, 2009, 01:26:32 pm »
You know the basic structure of an HTML document, right?

Code: [Select]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title>Page title here</title>
  </head>
  <body>
    <!-- Page content here -->
  </body>
</html>
From there, it?s just a matter of knowing the tags.

<p> is used for paragraphs. You can use <em> and <strong> to mark up text for emphasis and the like:
Code: [Select]
<p>This is a paragraph. I <em>really</em> like to emphasize
text. <strong>Warning:</strong> Be sure your tags are properly nested!</p>

<p><del>Currently waiting for the Prime Minister?s comments on this
situation.</del> <ins datetime="1994-11-05T13:15:30Z">A reader has informed
us that the Prime Minister canceled his speech last night.</ins></p>

<h1> through <h6> are different levels of headings, used for titles and the like.
Code: [Select]
<h1>Page Title</h1>
<h2>Name of Article</h1>
<p>Content of the article goes here. Content of the article goes here. Content of the article goes here.</p>

<ul> and <ol>, together with <li>, make up unordered or ordered lists.
Code: [Select]
<ul>
  <li>This is an unordered list.</li>
  <li>Bullets are typically used to denote unordered list items.</li>
  <li>Numerals or letters tend to show up in ordered lists.</li>
</ul>

<ol>
  <li>Wait for a solar eclipse.</li>
  <li>Go outside.</li>
  <li>Look at the sun.</li>
  <li>Congratulations! You are now blind!</li>
</ol>

<a> makes a clickable link, and <img> includes an image:
Code: [Select]
<p>I recently learned that <a href="http://mltreq.alwaysdata.net/">blatant advertisement</a> is easy on the Internet.</p>

<p>I like to emote sometimes <img src="http://forums.glitchcity.info/Smileys/default/smiley.gif" alt=":)"></p>

<table> has a slew of elements for making, well, tables.
Code: [Select]
<table>
  <thead> <!-- This is the header information for the table -->
    <tr> <!-- tr makes a row -->
      <th scope="col">Heading 1</th>
      <th scope="col">Heading 2</th>
      <th scope="col">Heading 3</th>
    </tr>
  </thead>
  <tbody> <!-- This is the content of the table -->
    <tr>
      <td>Tabular data</td>
      <td>More tabular data</td>
      <td>Even more!</td>
    </tr>
    <tr>
      <td>Tabular data</td>
      <td>More tabular data</td>
      <td>Even more!</td>
    </tr>
    <tr>
      <td>Tabular data</td>
      <td>More tabular data</td>
      <td>Even more!</td>
    </tr>
  </tbody>
</table>

Quoting people:
Code: [Select]
<blockquote cite="http://www.loc.gov/exhibits/gadd/images/Gettysburg-2.jpg">
  <p>Four score and seven years ago our fathers brought forth on this continent a
new nation, conceived in Liberty, and dedicated to the proposition that all men are
created equal.</p>
  <p>Now we are engaged in a great civil war, testing whether that nation, or any
nation so conceived and so dedicated, can long endure. We are met on a great battlefield
of that war. We have come to dedicate a portion of that field, as a final resting place for
those who here gave their lives that that nation might live. It is altogether fitting and
proper that we should do this.</p>
  <p>But, in a larger sense, we can not dedicate?we can not consecrate?we can not
hallow?this ground. The brave men, living and dead, who struggled here, have
consecrated it, far above our poor power to add or detract. The world will little note,
nor long remember what we say here, but it can never forget what they did here. It
is for us the living, rather, to be dedicated here to the unfinished work which they
who fought here have thus far so nobly advanced. It is rather for us to be here
dedicated to the great task remaining before us?that from these honored dead we
take increased devotion to that cause for which they gave the last full measure of
devotion; that we here highly resolve that these dead shall not have died in vain;
that this nation, under God, shall have a new birth of freedom; and that government
of the people, by the people, for the people, shall not perish from the earth.</p>
</blockquote>

<p>Bill thinks that Sally isn?t pretty. <q>Her face looks like a horse,</q> he said.</p>
   

<br> should not be used unless you?re writing poetry or something. <font> should never be used?use CSS instead. When you write code, try to run it through the W3C validator, which shows any errors in the markup.

All tags are described in detail in the HTML Specification. Verbose, but if you have questions feel free to ask. View the source code of sites you like and see how they?re made, but beware?there?s a lot of hideously incorrect code on the Web. My site has very good code.
« Last Edit: July 01, 2009, 01:37:24 pm by The Computer Man »

Zowayix

  • Loose cannon mod who lives on the edge and doesn't play by the rules
  • Staff
  • *****
  • Offline Offline
  • Gender: Female
  • Cool story m8
    • View Profile
    • Youtube channel
Re: WYSIWYG
« Reply #8 on: July 01, 2009, 08:48:47 pm »
My site has very good code.
Your Battle Tower in-jokes page is missing the <html></html> tags. :P


I DON'T THINK THIS SITE COULD EVER BE WORKSAFE

IIMarckus

  • Administrator
  • *****
  • Offline Offline
  • Gender: Male
  • Impersonal Text
    • View Profile
    • iimarck.us
Re: WYSIWYG
« Reply #9 on: July 01, 2009, 09:03:40 pm »
My site has very good code.
Your Battle Tower in-jokes page is missing the <html></html> tags. :P
As described in section 3.2.1 of the specification. :P You will notice that the code is valid. However, for a beginner I guess I should recommend to avoid omitting ending tags unless you know what you?re doing.

Abwayax

  • Founder/Technical Support
  • Head Administrator
  • *****
  • Offline Offline
  • Gender: Male
    • View Profile
Re: WYSIWYG
« Reply #10 on: July 02, 2009, 05:04:23 pm »
As The Computer Man said, it's better to learn HTML than to rely on a WYSIWYG tool. However I started off with a WYSIWYG program and they're not too bad as long as they produce nice code, unlike Microsoft Word (ugh). Yes, MS Word can save as HTML, but... don't use it.

I don't use WYSIWYG editors but http://www.kompozer.net/ looks pretty sweet. It's more than an editor, it's a... web authoring system. Nvu also calls itself a web authoring system. In fact, Kompozer's pretty much a fork of Nvu, except the last Nvu release was in 2005, whereas Kompozer is being actively developed.

Dreamweaver, on the other hand, calls itself a web authoring tool. I used Dreamweaver when working on my site from school only because it was the closest I had to an SFTP client, but I never used any of the WYSIWYG features. Nvu/Kompozer has many of the same features Dreamweaver has, including the site manager and the built-in FTP client. I don't know if it does SFTP, though. Oh, and it's probably much less bulkier than Dreamweaver.

I love how many ways there is to say "text editor."
« Last Edit: July 02, 2009, 05:12:46 pm by Abwayax »
Adrian Malacoda, http://monarch-pass.net

Free Software Foundation member #8136
Electronic Frontier Foundation member
American Civil Liberties Union member

Brocco Guy

  • Βροκκω Γαι
  • Member+
  • *
  • Offline Offline
  • Gender: Male
  • d(^.^)b
    • View Profile
Re: WYSIWYG
« Reply #11 on: July 03, 2009, 04:10:00 pm »
Okay, I've been taking your advice and building up my HTML skills, but my CSS is still lacking. I have been working with DIV tags and have found them good fun, but I don't know how to code CSS into it. At least, good CSS.

I've been using KompoZer for my CSS, but have hit a road block. Using .navbar, I have been able to code the navbar to an extent. I would like to have it so when you hover over a link, the link's background darkens. How would I code this? Would 'A : hover' work? And how do I set it for only links?

IIMarckus

  • Administrator
  • *****
  • Offline Offline
  • Gender: Male
  • Impersonal Text
    • View Profile
    • iimarck.us
Re: WYSIWYG
« Reply #12 on: July 03, 2009, 04:36:40 pm »
You can validate your CSS to make sure it?s correct with the W3C?s CSS validator.

Best practice is to keep CSS in a separate file, and to link the two together with a <link> tag in the HTML head element:
Code: [Select]
<link rel="stylesheet" type="text/css" href="path/to/style.css">
The CSS specification is the be‐all, end‐all reference for CSS, but as before it may be too verbose to use right away.

What you want can be done with a:hover, yes. a selects all <a> elements (i.e. links) and :hover selects all that are being hovered over. With that selector you can change the background color with background-color.

CSS can affect all elements of a specific type:
Code: [Select]
p
{
font-weight: bolder; /* Makes all links bold */
}

It can also select children of elements:
Code: [Select]
p a
{
text-decoration: overline; /* Adds an overline to all links in <p> */
}

Multiple elements:
Code: [Select]
em,strong
{
text-transform: uppercase; /* Makes all <em> and <strong> uppercase */
}

If all else fails, you can use classes and ids in your HTML as hooks for CSS:
Code: [Select]
.article
{
color: #FF0000; /* All elements with class="article" are now red */
}
#title
{
color: #0000FF; /* The element with id="title" is now blue */
}
The difference between class and id is that a particular ID value should appear only once on the page?that?s why they call it ID!

As an aside, if a link URL is followed by an ID, the page will automatically scroll down when loaded.
Code: [Select]
<a href="http://www.example.com/greetings.html#information">When you click this link, the page will scroll down to the element with id="information"</a>
« Last Edit: July 03, 2009, 04:59:44 pm by The Computer Man »

Abwayax

  • Founder/Technical Support
  • Head Administrator
  • *****
  • Offline Offline
  • Gender: Male
    • View Profile
Re: WYSIWYG
« Reply #13 on: July 03, 2009, 05:00:19 pm »
Oh, by the way, please don't use GCL as a reference when learning HTML. The code is awful and invalid (although that's probably because I use XML-style self-closing tags and have not specified the content as XHTML, but it's not valid XHTML transitional either). I also use table layouts (which is a cardinal sin among web designers nowadays, even though nearly every example I learn from used tables... see, that's what happens when you write bad code - people learn from it and also write bad code)

I don't bother to fix it up now, though, due to the wiki transition. Monobook is valid XHTML last time I checked.

This was one of the reasons I didn't want to port the old GCL theme to MediaWiki: it's bad code.
« Last Edit: July 03, 2009, 05:02:27 pm by Abwayax »
Adrian Malacoda, http://monarch-pass.net

Free Software Foundation member #8136
Electronic Frontier Foundation member
American Civil Liberties Union member

Brocco Guy

  • Βροκκω Γαι
  • Member+
  • *
  • Offline Offline
  • Gender: Male
  • d(^.^)b
    • View Profile
Re: WYSIWYG
« Reply #14 on: July 03, 2009, 05:09:18 pm »
So, here is the page thus far. I am going on fine except for the hover. If it looks awful, oh well. I am still working on it. I used a random color for the hover. But the hover doesn't work.
« Last Edit: July 03, 2009, 05:09:36 pm by Brocco Guy »