Results 1 to 15 of 15

Thread: HTML

  1. #1
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    HTML

    I have a webpage created by someone else, using (I think) Dreamweaver. I prefer using HTML, not special software that does it for me. My problem is this webpage has HTML that I cannot recognize, and my HTML reference texts do not offer any help. Any suggestions where on the web I might find what this code means? Google searches do not help.

  2. #2
    Plutonium Lounger Leif's Avatar
    Join Date
    Dec 2000
    Location
    U.K.
    Posts
    14,010
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    Can you post an example or give a link to the web page? Without knowing the extent of your knowledge and reference texts, you are asking a bit of an open ended question!

  3. #3
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML

    Most WYSIWYG web page editors mix in comments, JavaScript, and some proprietary tags along with the HTML (or XHTML, as the case may be). I'm more familiar with FrontPage and Word; the code I've seen from DreamWeaver seems to contain a lot of script for navigation, but otherwise to be fairly normal. Of course, pages using server-side script are completely different. If the author was using Cold Fusion, which I believe is now owned by Macromedia, then the tags probably look quite unfamiliar and might be difficult to translate by hand.

  4. #4
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    Yes, my question was extremely openended! There is so much gobbledygook! But following is a sample and I thank you for any light you can shed:

    1. What the heck does this mean? <o></o></span></p>
    2. Why this after each sentence? <span style="mso-spacerun: yes">
    3. What in the world is MsoNormal, mso-bidi-font, and supportEmptyParas? <p class=MsoNormal style='text-align:justify;line-height:12.0pt'><b
    style='mso-bidi-font-weight:normal'><span style='font-size:12.0pt;mso-bidi-font-size:
    10.0pt;font-family:"Book Antiqua"'><![if !supportEmptyParas]>*<![endif]><o></o></span>[/b]</p>
    4. Why all that HTML between paragraphs? Wouldn't a simple

    suffice???

    This is maddening to try to revise a page and find all this stuff that means absolutely nothing to me!

    Snipet from webpage:
    Religion

  5. #5
    Super Moderator WebGenii's Avatar
    Join Date
    Jan 2001
    Location
    Redcliff, Alberta, Canada
    Posts
    4,066
    Thanks
    2
    Thanked 5 Times in 5 Posts

    Re: HTML

    Looks like what you are getting is code from a Word document being converted to HTML. The giveaway is the Mso para class. but an overabundance of span tags is another indicator. Have you used the Word HTML clean up tool that comes in dreamweaver?
    Unfortunately, depending on the version of Word - it doesn't clean it all.
    [b]Catharine Richardson (WebGenii)
    WebGenii Home Page
    Moderator: Spreadsheets, Other MS Apps, Presentation Apps, Visual Basic for Apps, Windows Mobile

  6. #6
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML

    Definitely Microsoft Office, and almost certainly Word. The good news is that if you open this document in Word, it should look like the original. The bad news is, no matter how many filters Microsoft supplies, the HTML never really comes out lean and mean.

    There is an open source "clean-up" tool called HTML Tidy that can clean out noncompliant HTML from a document. I've used it for diagnostic purposes, but I don't think I've ever tried it on Word's HTML. You can read more about it here: http://tidy.sourceforge.net/.

  7. #7
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    Ah! So all that "stuff" is unnecessary? If so, I can get rid of a lot myself. I have noticed that if I remove certain parts of the HTML, the spacing between the lines increases. I have not yet figured out what of all that "stuff" affects the line height. It is daunting to "correct" something when one does not know what one is correcting! Thanks to all for your help. From comments made, my preference for entering HTML myself is reinforced!

  8. #8
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: HTML

    While any <o> and <!> tags are proprietary, Word's creation of style defintionss and assignment of CLASS attributes is somewhat compliant with HTML standards. CSS can be a very efficient way to apply formatting, but unfortunately Word's converter doesn't really think it all the way through and generate an optimal set of style definitions.

  9. #9
    5 Star Lounger jujuraf's Avatar
    Join Date
    Jun 2001
    Location
    San Jose, California, USA
    Posts
    1,061
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    Pleae don't assume from this experience that all HTML editors are evil in that they put their own proprietary fluff in the page. Word is the worst HTML editor to use and Dreamweaver is one of the best in that for normal HTML (not counting added JavaScript or navigation stuff), it is virtually the same as you'd do manually (as far as tags used and knowing which are deprecated). Also, the good thing is that you can easily split the screen into two parts to show the visual page as well as the code part. So why bother typing the same tags over and over and over when you can just push a button andhave it done for you AND see the actual code written in real-time in another pane.

    While it's very important to be able to crank out HTML w/o any editor, it's also very time consuming so why not use a tool that let's you do both just as easily. Personally I'd prefer no one uses an editor until they're at least an advanced-intermediate HTML writer. The same goes for writing your own CSS vs. using an editor that can create it for you in one hit vs. typing 100 words (and having to remember all the details of syntax and formats). As long as it's easy to view the output and tweak it if needed.

    <img src=/S/2cents.gif border=0 alt=2cents width=15 height=15>
    Deb

  10. #10
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    Thank you! I saw all that junk in the webpage I am to edit and thought that this was now the way to do HTML. No WAY do I want to clutter a page with all that stuff! The HTML prior to CSS is what I am comfortable with at this point in time.

  11. #11
    Silver Lounger
    Join Date
    Jan 2001
    Location
    Indianapolis, Indiana, USA
    Posts
    1,862
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    Don't be so fast to avoid CSS. It's quite powerful when used effectively - and it usually results in *less* code rather than more.

    The typical use of CSS is by declaring classes or elements in a separate CSS file, or sometimes at the beginning of an HTML page. Then the styles are applied by adding a class="className" element in the desired HTML tags. This is MUCH more efficient and readable than repeating the entire style element each time it's needed (as you see in the code generated by MS Word).

    Also, while I'm adding my 2 cents <img src=/S/2cents.gif border=0 alt=2cents width=15 height=15> I should mention that Dreamweaver is the best tool on the market for generating clean, optimized HTML. I also agree with Deb (jujuraf) that it really helps to know HTML well before relying on an editing tool to help create code faster.

    Hope this helps...

  12. #12
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    My philosophy has always been to try to learn HTML and not depend on an editing tool; now that HTML has become so complicated, I'm ready to throw in the towel. :-o
    Dreamweaver's price is too rich for me, anyway. <img src=/S/broke.gif border=0 alt=broke width=31 height=23>
    Thanks again, to all, for all the help!

  13. #13
    2 Star Lounger
    Join Date
    Aug 2004
    Location
    Withyham, Sussex, England
    Posts
    121
    Thanks
    2
    Thanked 1 Time in 1 Post

    Re: HTML

    Edited by Bigaldoc to add URL code.[/i] See the Quick Guide or 1-Click TagPanel.

    There is a free HTML coder called HTML gate, its not as powerful as dreamweaver but is very good for a free program. You can find it at http://www.mpsoftware.dk/

    Cheers Graham

  14. #14
    Platinum Lounger
    Join Date
    Nov 2001
    Location
    Vienna, Wien, Austria
    Posts
    5,009
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: HTML

    Even if you want to stick outside HTML editors, I still very strongly recommend that you learn CSS (Cascading Style Sheets). As has been already said, this saves you massive amounts of editing time - as one change in a Style Sheet can alter the entire look of a site. Start on the W3C site. As a further (or first) step use Google to help you locate one of the many free How To sites. HTH
    Gre

  15. #15
    3 Star Lounger
    Join Date
    Apr 2004
    Location
    Albuquerque, New Mexico, USA
    Posts
    233
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: HTML

    I am looking forward to the 1.0 release of Nvu, an open source ( <img src=/S/free.gif border=0 alt=free width=30 height=15>) Web authoring system. It has a site manager, tabs, spell-checker, and more. It's currently in 1.0 Beta mode: http://www.nvu.com/ .

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •