Searching tutorial on html editing to build website

Reply

Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: Searching tutorial on html editing to build website

 
0
  #11
Feb 26th, 2008
Originally Posted by kingvjack View Post
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
Reply With Quote Quick reply to this message  
Join Date: Jul 2006
Posts: 1,091
Reputation: MattEvans is a jewel in the rough MattEvans is a jewel in the rough MattEvans is a jewel in the rough 
Solved Threads: 63
Moderator
Featured Poster
MattEvans's Avatar
MattEvans MattEvans is offline Offline
Veteran Poster

Re: Searching tutorial on html editing to build website

 
0
  #12
Feb 26th, 2008
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.
Plato forgot the nullahedron..
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: Searching tutorial on html editing to build website

 
0
  #13
Feb 26th, 2008
Originally Posted by MattEvans View Post
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
Reply With Quote Quick reply to this message  
Join Date: Jul 2006
Posts: 1,091
Reputation: MattEvans is a jewel in the rough MattEvans is a jewel in the rough MattEvans is a jewel in the rough 
Solved Threads: 63
Moderator
Featured Poster
MattEvans's Avatar
MattEvans MattEvans is offline Offline
Veteran Poster

Re: Searching tutorial on html editing to build website

 
0
  #14
Feb 27th, 2008
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..
Plato forgot the nullahedron..
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: Searching tutorial on html editing to build website

 
0
  #15
Feb 27th, 2008
Originally Posted by MattEvans View Post
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.
Reply With Quote Quick reply to this message  
Join Date: Jul 2006
Posts: 1,091
Reputation: MattEvans is a jewel in the rough MattEvans is a jewel in the rough MattEvans is a jewel in the rough 
Solved Threads: 63
Moderator
Featured Poster
MattEvans's Avatar
MattEvans MattEvans is offline Offline
Veteran Poster

Re: Searching tutorial on html editing to build website

 
0
  #16
Feb 27th, 2008
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 ).
Plato forgot the nullahedron..
Reply With Quote Quick reply to this message  
Join Date: Feb 2008
Posts: 1
Reputation: tabassumraza is an unknown quantity at this point 
Solved Threads: 0
tabassumraza's Avatar
tabassumraza tabassumraza is offline Offline
Newbie Poster

Re: Searching tutorial on html editing to build website

 
0
  #17
Mar 1st, 2008
It will helpful to visit E Learning Centre's website for learning html easily
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: Searching tutorial on html editing to build website

 
0
  #18
Mar 1st, 2008
Originally Posted by MattEvans View Post
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
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: Searching tutorial on html editing to build website

 
0
  #19
Mar 1st, 2008
Originally Posted by tabassumraza View Post
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
Reply With Quote Quick reply to this message  
Join Date: Oct 2004
Posts: 57
Reputation: satimis is an unknown quantity at this point 
Solved Threads: 0
satimis satimis is offline Offline
Junior Poster in Training

Re: Searching tutorial on html editing to build website

 
0
  #20
Mar 1st, 2008
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
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC