943,744 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Searching tutorial on html editing to build website
Ad:
You are currently viewing page 2 of this multi-page discussion thread; Jump to the first page
Permalink
Feb 26th, 2008
0

Re: Searching tutorial on html editing to build website

Click to Expand / Collapse  Quote originally posted by kingvjack ...
Cheating with Visual Basic...

If you own a copy of Visual Basic... Steal the code from a page and copy /paste into VB. It will sort all of your tags so you can see where your lines begin and end rather than trying to go behind your self and add spaces and /nl to the code to better understand it.
Interesting!!!

Unfortunately I don't own a copy of Visual Basic. Neither I have Windows PC here, all Unix and Linux PCs. Maybe I can find the solution on Open Source. Can you advise what criteria to be used for googling? Changing source code to html tags? TIA

B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Feb 26th, 2008
0

Re: Searching tutorial on html editing to build website

I think kingvjack is saying that VB will automatically format and layout code neatly (i.e. indentation, newlines, etc )

On Linux.. Quanta Plus does that, I think. Not sure about any Gnome apps, but any decent HTML/XHTML editor should have this as a feature.
Last edited by MattEvans; Feb 26th, 2008 at 11:38 pm.
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Permalink
Feb 26th, 2008
0

Re: Searching tutorial on html editing to build website

Click to Expand / Collapse  Quote originally posted by MattEvans ...
I think kingvjack is saying that VB will automatically format and layout code neatly (i.e. indentation, newlines, etc )

On Linux.. Quanta Plus does that, I think. Not sure about any Gnome apps, but any decent HTML/XHTML editor should have this as a feature.
Thanks for your advice.


I'm replying your posting on Ubuntu server with only a light weight desktop, Fluxbox, running. Neither I have Gnome installed. However "apt-cache" found "quanta 4:3.5" on repo. I'll get an Ubuntu workstation to install this package.

Ah, I recall I have an Archlinux box here with "bluefish", the html editor, installed. I'll check whether it has this feature.


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Feb 27th, 2008
0

Re: Searching tutorial on html editing to build website

You can also use a commonly available command-line program called 'tidy' ( thats also the command name ) to automatically layout an HTML file.. but, read the 'tidy' documentation first; because its also an error-fixer, and can thus be quite invasive..
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Permalink
Feb 27th, 2008
0

Re: Searching tutorial on html editing to build website

Click to Expand / Collapse  Quote originally posted by MattEvans ...
You can also use a commonly available command-line program called 'tidy' ( thats also the command name ) to automatically layout an HTML file.. but, read the 'tidy' documentation first; because its also an error-fixer, and can thus be quite invasive..
I'm running a light-weight text editor, leafpad, on Ubuntu server. It works for me for html editing to build webpage.

What I need is a package which can read "page source" easily. On browser, clicking View --> Page Source, I can view the codes. But it is NOT easy to read w/o copying the same on a text editor and rearranging them. I expect to read the tags/code directly on a package w/o further treatment.


Re "tidy", I found follows on googling;
Clean up your Web pages with HTML TIDY
http://www.w3.org/People/Raggett/tidy/

HTML Tidy Library Project
http://tidy.sourceforge.net/

Tidy online - HTML Tidy
http://infohound.net/tidy/

PHP: tidy - Manual
Tidy Functions
http://hk2.php.net/tidy


It is available on Ubuntu repo.
$ apt-cache policy tidy
tidy:
Installed: (none)
Candidate: 20051018-1
Version table:
20051018-1 0
500 http://us.archive.ubuntu.com feisty/main Packages
* end *


B.R.
satimis
Last edited by satimis; Feb 27th, 2008 at 12:50 am.
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Feb 27th, 2008
0

Re: Searching tutorial on html editing to build website

The first link is the 'tidy' I'm talking about.

To use it would be a case of:

- Open page in browser
- View > Source
- Select All
- Copy
- Open Editor
- Paste
- Save as thefile.html
- Go to cmd line
- Run tidy -im thefile.html - Reopen thefile.html in editor
- Examine.

Seems long.. but not really. Bluefish has tidy integrated as a plugin, but, you'd need to configure it to enable the indent option ( it's off by default )

'tidy' is listed by my package manager ( urpmi for Mandriva, offical repos ).
Moderator
Featured Poster
Reputation Points: 522
Solved Threads: 64
Veteran Poster
MattEvans is offline Offline
1,091 posts
since Jul 2006
Permalink
Mar 1st, 2008
0

Re: Searching tutorial on html editing to build website

It will helpful to visit E Learning Centre's website for learning html easily
Reputation Points: 10
Solved Threads: 0
Newbie Poster
tabassumraza is offline Offline
1 posts
since Feb 2008
Permalink
Mar 1st, 2008
0

Re: Searching tutorial on html editing to build website

Click to Expand / Collapse  Quote originally posted by MattEvans ...
The first link is the 'tidy' I'm talking about.

To use it would be a case of:

- Open page in browser
- View > Source
- Select All
- Copy
- Open Editor
- Paste
- Save as thefile.html
- Go to cmd line
- Run tidy -im thefile.html - Reopen thefile.html in editor
- Examine.

Seems long.. but not really. Bluefish has tidy integrated as a plugin, but, you'd need to configure it to enable the indent option ( it's off by default )

'tidy' is listed by my package manager ( urpmi for Mandriva, offical repos ).
Thanks for your advice.


Now I 'm replying your positing on "Ubuntu 7.10" workstation. It is no good to do web design and graphic editing. I replied previous postings on Ubuntu 7.10 server.

$ apt-cache search tidy | grep tidy
HTML and CSS Syntax (Toggle Plain Text)
  1. csstidy - CSS parser and optimiser
  2. libexporter-tidy-perl - Another way of exporting symbols
  3. libtidy-ruby - Ruby interface to HTML Tidy Library
  4. libtidy-ruby1.8 - Ruby interface to HTML Tidy Library
  5. perltidy - Perl script indenter and reformatter
  6. python-elementtidy - An HTML tree builder for ElementTree based on Tidy
  7. python-utidylib - Python wrapper for TidyLib
  8. tidy-doc - HTML syntax checker and reformatter documentation
  9. tidy-proxy - A small http proxy which tidies html
  10. php5-tidy - tidy module for php5
Which package/packages shall I install? TIA


I'm prepared doing graphic editing on php rather than going back to GIMP (PhotoShop) as I did previously. I'm interested on coding rather than clicking around on screen with mouse. I have php5, libgd2-xpm, php5-gd, etc packages installed on this workstation. I have no idea whether I need apache2. If needed I'll install it later.


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Mar 1st, 2008
0

Re: Searching tutorial on html editing to build website

Click to Expand / Collapse  Quote originally posted by tabassumraza ...
It will helpful to visit E Learning Centre's website for learning html easily
Whether you meant follow;

http://www.e-learningcenter.com/free_html_course.htm

and similar sites. Thanks


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004
Permalink
Mar 1st, 2008
0

Re: Searching tutorial on html editing to build website

Hi MattEvans,


I go my problem solved as follow;


Adding following repo on /etc/apt/source.list
HTML and CSS Syntax (Toggle Plain Text)
  1. deb http://fr.archive.ubuntu.com/ubuntu feisty main


$ sudo apt-get update
$ sudo apt-get install tidy


Done


Following your advice, recreate a "tidyfile.html" file by running "tidy -im ....". Re-open the file. The format there is very clear. Thanks


B.R.
satimis
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
satimis is offline Offline
67 posts
since Oct 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: html select case
Next Thread in HTML and CSS Forum Timeline: How can I find my ftp?





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC