DaniWeb IT Discussion Community

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/index.php)
-   HTML and CSS (http://www.daniweb.com/forums/forum143.html)
-   -   Searching tutorial on html editing to build website (http://www.daniweb.com/forums/thread110947.html)

satimis Feb 26th, 2008 11:15 pm
Re: Searching tutorial on html editing to build website
 
Quote:

Originally Posted by kingvjack (Post 546379)
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

MattEvans Feb 26th, 2008 11:38 pm
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.

satimis Feb 26th, 2008 11:54 pm
Re: Searching tutorial on html editing to build website
 
Quote:

Originally Posted by MattEvans (Post 546416)
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

MattEvans Feb 27th, 2008 12:13 am
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..

satimis Feb 27th, 2008 12:48 am
Re: Searching tutorial on html editing to build website
 
Quote:

Originally Posted by MattEvans (Post 546442)
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

MattEvans Feb 27th, 2008 1:04 am
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 ).

tabassumraza Mar 1st, 2008 3:46 am
Re: Searching tutorial on html editing to build website
 
It will helpful to visit E Learning Centre's website for learning html easily

satimis Mar 1st, 2008 6:44 am
Re: Searching tutorial on html editing to build website
 
Quote:

Originally Posted by MattEvans (Post 546491)
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
csstidy - CSS parser and optimiser
libexporter-tidy-perl - Another way of exporting symbols
libtidy-ruby - Ruby interface to HTML Tidy Library
libtidy-ruby1.8 - Ruby interface to HTML Tidy Library
perltidy - Perl script indenter and reformatter
python-elementtidy - An HTML tree builder for ElementTree based on Tidy
python-utidylib - Python wrapper for TidyLib
tidy-doc - HTML syntax checker and reformatter documentation
tidy-proxy - A small http proxy which tidies html
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

satimis Mar 1st, 2008 6:49 am
Re: Searching tutorial on html editing to build website
 
Quote:

Originally Posted by tabassumraza (Post 549469)
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

satimis Mar 1st, 2008 11:46 pm
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
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


All times are GMT -4. The time now is 3:02 pm.

Forum system based on vBulletin Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
©2003 - 2009 DaniWeb® LLC