Re: [Inkscape-devel] web page to show svg file
Hi Sorin,
I am happy with what I discovered, albeit via big meandering. I have no more issues. Here's the "big picture" as you asked.
I have an svg file I created via Inkscape, call it SampleFile.svg. And using a sample given by http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html I created a webpage: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>SVG Included with <object> tag in an XHTML File</title> </head> <body>
<h2>s o m e h e a d i n g</h2>
<object type="image/svg+xml" data="SampleFile.svg"> Browser does not support SVG files! </object>
</body> </html> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
which works fine. My question was how to make a link (ie., href) thereby users can click the link and get my file displayed. Ultimately, I have 46 files I want to display, but I want any user to pick ones they want via a bunch of hrefs. That was/is what I am after.
I didn't/don't intend to create a web page via Inkscape. I think that's what Nicu is doing. By looking at the example above, I made things overly difficult. What I am now doing is to have the filename at the right side of the equal sign of href specification and it works simply and elegantly (so long as I use firefox v3.01, which is not a problem for me).
Thanks for your helping hand. I appreciate it.
Tena
-----Original Message----- From: SorinN [mailto:nemes.sorin@...400...] Sent: Thu 9/18/2008 3:40 PM To: Tena Sakai Subject: Re: [Inkscape-devel] web page to show svg file
I can help you more but ..I can't get the big picture ...U want a SVG website designed on Inkscape ?. hmm, interesting - why you don't wanna HTML tags? and a normal ( HTML ) website - where you can put as many images ( or SVG or Flash files ) as you want ?
Don't try to generate HTML from Inkscape ( as I know ..this feature is not planned very soon ), and also this is a nonsense.
Do your graphics on Inkscape, save your work as JPG, then use Gimp to cut your graphics on pieces, then assemble pieces with an HTML editor eg. Kompozer / Seamonkey / Dreamweaver / Namo Wen Editor / Microsoft Expression Web.
I use first 3 editors because I use 98% of my PC time Ubuntu and only 2% of time ...XP for different Corel Draw conversions.
My last 2 websites ( both are not finished yet ) are done in Inkscape - all graphics ( ...less photos ofcourse ). Then I use Dreamweaver to put images on tables. The result = a sum of webpages linked each other by ...links;).
Now the general idea is to tell us what are you need specifically then we can help you in a more practical an concise way.
.............. Type, Role, Arcrole, Title, Show, Actuate -> they are SVG specific rules - no need to know them to make webpages .............
That is, I'll wait for your description ( if is not such a big secret ofcourse ;)).
For NICU
Nicu, tu esti in echipa de dezvoltatori Inkscape ?
2008/9/18 Tena Sakai <tsakai@...2019...>
Hi Sorin,
Thank you for your help, but I am not getting it.
in first form ( Href: ) enter the web address eg. http://www.google.com
By "http://www.google.com" what you mean is the actual html file? Ie., something like http://blabla.bla.com/index.html. What I am asking is what that html looks like. What tags go into it? Can I get Inkscape to create it? Can I use editor to create one? Things like that.
then go to second form (Target:) -and choose from the possible states: _blank ... _self ... _top ...
Do you mean each of them defines how the browser behaves in response to the user's clicking the href anchor? Again, my fundamental need is to generate the html file above, for which I have no clue.
BTW, what are the rest of fields of the link properties? Type, Role, Arcrole, Title, Show, Actuate? Would you mind pointing out where they are documented? I just bought the Inkscape book, but I haven't located it. Maybe they are defined by WC3 folks?
Anyways, I feel I am blinded and appreciate a bit of guidance.
Thank you.
Tena Sakai tsakai@...2019...
-----Original Message----- From: SorinN [mailto:nemes.sorin@...400... <nemes.sorin@...400...>] Sent: Wed 9/17/2008 12:07 PM To: Tena Sakai Subject: Re: [Inkscape-devel] web page to show svg file
I made a screenshoot for you.
Steps : click on text you wish to make link > after text is active, right click, select Create Link > right click again on your text and select Link Properties > in first form ( Href: ) enter the web address eg. http://www.google.com > then go to second form (Target:) -and choose from the possible states :
_blank ( link will be opened on the new tab in web navigator ) _self ( link will be opened in actual tab of web browser ) _top ( in case you the website use frames - link will be opened in place of the parent of all frames ) .
I hope it was pretty clear.
Good Luck, Sorin
2008/9/17 Tena Sakai <tsakai@...2019...>
Hi Nicu,
Thanks for your reply. I appreciate it.
Select an object from your drawing, right click, use "Create Link", right click again, use "Link Properties" and type the desired URL.
Even though I am able to follow your instruction, I fail to understand what the corresponding url should look like. Would you mind giving me a small example?
Thanks in advance.
Tena Sakai tsakai@...2019...
-----Original Message----- From: inkscape-devel-bounces@lists.sourceforge.net on behalf of Nicu Buculei Sent: Wed 9/17/2008 2:09 AM To: inkscape-devel@lists.sourceforge.net Subject: Re: [Inkscape-devel] web page to show svg file
Tena Sakai wrote:
I hope I am posting to the right place. If not, please advise where I should post.
I have a web page which I got from http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html The first example given there is what I took. The html file looks like (I have modified it so very slightly, but it works as expected):
[...]
The data file SampleFile.svg is made by inkscape and what I am interested in doing now is to make a hyperlink out of the object tag.
I am not sure about a link in the OBJECT tag, but you can use the next best thing: place the link *inside* the SVG (however, search engines may ignore it). Select an object from your drawing, right click, use "Create Link", right click again, use "Link Properties" and type the desired URL.
-- nicu :: http://nicubunu.ro :: http://nicubunu.blogspot.com Open Clip Art Library: http://www.openclipart.org my cool Fedora wallpapers: http://fedora.nicubunu.ro/wallpapers/ my clipart collection: http://clipart.nicubunu.ro/
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the
world
http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the
world
http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
-- Nemes Ioan Sorin
OK
you have here a little example where the SVG's will appear on a new browser tab OR on new browser window OR inside tha page.
code from HTML file is pretty easy to modify. Play with the "target" option for the href.
Note : you don't have to embed SVG images on your pages - Just link your svg's on page and they will open where you want aka -> target= _blank / _self / _top
2008/9/19 Tena Sakai <tsakai@...2019...>
Hi Sorin,
I am happy with what I discovered, albeit via big meandering. I have no more issues. Here's the "big picture" as you asked.
I have an svg file I created via Inkscape, call it SampleFile.svg. And using a sample given by http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html I created a webpage:
<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>SVG Included with <object> tag in an XHTML File</title> </head> <body> <h2>s o m e h e a d i n g</h2> <object type="image/svg+xml" data="SampleFile.svg"> Browser does not support SVG files! </object> </body> </html>which works fine. My question was how to make a link (ie., href) thereby users can click the link and get my file displayed. Ultimately, I have 46 files I want to display, but I want any user to pick ones they want via a bunch of hrefs. That was/is what I am after.
I didn't/don't intend to create a web page via Inkscape. I think that's what Nicu is doing. By looking at the example above, I made things overly difficult. What I am now doing is to have the filename at the right side of the equal sign of href specification and it works simply and elegantly (so long as I use firefox v3.01, which is not a problem for me).
Thanks for your helping hand. I appreciate it.
Tena
-----Original Message----- From: SorinN [mailto:nemes.sorin@...400... <nemes.sorin@...400...>] Sent: Thu 9/18/2008 3:40 PM To: Tena Sakai Subject: Re: [Inkscape-devel] web page to show svg file
I can help you more but ..I can't get the big picture ...U want a SVG website designed on Inkscape ?. hmm, interesting - why you don't wanna HTML tags? and a normal ( HTML ) website - where you can put as many images ( or SVG or Flash files ) as you want ?
Don't try to generate HTML from Inkscape ( as I know ..this feature is not planned very soon ), and also this is a nonsense.
Do your graphics on Inkscape, save your work as JPG, then use Gimp to cut your graphics on pieces, then assemble pieces with an HTML editor eg. Kompozer / Seamonkey / Dreamweaver / Namo Wen Editor / Microsoft Expression Web.
I use first 3 editors because I use 98% of my PC time Ubuntu and only 2% of time ...XP for different Corel Draw conversions.
My last 2 websites ( both are not finished yet ) are done in Inkscape - all graphics ( ...less photos ofcourse ). Then I use Dreamweaver to put images on tables. The result = a sum of webpages linked each other by ...links;).
Now the general idea is to tell us what are you need specifically then we can help you in a more practical an concise way.
.............. Type, Role, Arcrole, Title, Show, Actuate -> they are SVG specific rules - no need to know them to make webpages .............
That is, I'll wait for your description ( if is not such a big secret ofcourse ;)).
For NICU
Nicu, tu esti in echipa de dezvoltatori Inkscape ?
2008/9/18 Tena Sakai <tsakai@...2019...>
Hi Sorin,
Thank you for your help, but I am not getting it.
in first form ( Href: ) enter the web address eg. http://www.google.com
By "http://www.google.com" what you mean is the actual html file? Ie., something like http://blabla.bla.com/index.html. What I am asking is what that html looks like. What tags go into it? Can I get Inkscape to create it? Can I use editor to create one? Things like that.
then go to second form (Target:) -and choose from the possible states: _blank ... _self ... _top ...
Do you mean each of them defines how the browser behaves in response to the user's clicking the href anchor? Again, my fundamental need is to generate the html file above, for which I have no clue.
BTW, what are the rest of fields of the link properties? Type, Role, Arcrole, Title, Show, Actuate? Would you mind pointing out where they are documented? I just bought the Inkscape book, but I haven't located it. Maybe they are defined by WC3 folks?
Anyways, I feel I am blinded and appreciate a bit of guidance.
Thank you.
Tena Sakai tsakai@...2019...
-----Original Message----- From: SorinN [mailto:nemes.sorin@...400... <nemes.sorin@...400...> <
nemes.sorin@...400...>]
Sent: Wed 9/17/2008 12:07 PM To: Tena Sakai Subject: Re: [Inkscape-devel] web page to show svg file
I made a screenshoot for you.
Steps : click on text you wish to make link > after text is active, right click, select Create Link > right click again on your text and select Link Properties > in first form ( Href: ) enter the web address eg. http://www.google.com > then go to second form (Target:) -and choose from the possible states :
_blank ( link will be opened on the new tab in web navigator ) _self ( link will be opened in actual tab of web browser ) _top ( in case you the website use frames - link will be opened in place
of
the parent of all frames ) .
I hope it was pretty clear.
Good Luck, Sorin
2008/9/17 Tena Sakai <tsakai@...2019...>
Hi Nicu,
Thanks for your reply. I appreciate it.
Select an object from your drawing, right click, use "Create Link", right click again, use "Link Properties" and type the desired URL.
Even though I am able to follow your instruction, I fail to understand what the corresponding url should look like. Would you mind giving me a small example?
Thanks in advance.
Tena Sakai tsakai@...2019...
-----Original Message----- From: inkscape-devel-bounces@lists.sourceforge.net on behalf of Nicu Buculei Sent: Wed 9/17/2008 2:09 AM To: inkscape-devel@lists.sourceforge.net Subject: Re: [Inkscape-devel] web page to show svg file
Tena Sakai wrote:
I hope I am posting to the right place. If not, please advise where I should post.
I have a web page which I got from http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html The first example given there is what I took. The html file looks like (I have modified it so very slightly, but it works as expected):
[...]
The data file SampleFile.svg is made by inkscape and what I am interested in doing now is to make a hyperlink out of the object tag.
I am not sure about a link in the OBJECT tag, but you can use the next best thing: place the link *inside* the SVG (however, search engines
may
ignore it). Select an object from your drawing, right click, use "Create Link", right click again, use "Link Properties" and type the desired URL.
-- nicu :: http://nicubunu.ro :: http://nicubunu.blogspot.com Open Clip Art Library: http://www.openclipart.org my cool Fedora wallpapers: http://fedora.nicubunu.ro/wallpapers/ my clipart collection: http://clipart.nicubunu.ro/
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the
world
http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the
world
http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
-- Nemes Ioan Sorin
-- Nemes Ioan Sorin
Hi Sorin,
Great! You just shined a bright light in the forward direction for me. I have to experiment and study the detail of your html file, but all in all I am getting it. This is exactly what I wanted to see it. Many thanks.
Tena Sakai tsakai@...2019...
-----Original Message----- From: SorinN [mailto:nemes.sorin@...400...] Sent: Thu 9/18/2008 7:43 PM To: Tena Sakai Cc: inkscape-devel@lists.sourceforge.net Subject: Re: [Inkscape-devel] web page to show svg file
OK
you have here a little example where the SVG's will appear on a new browser tab OR on new browser window OR inside tha page.
code from HTML file is pretty easy to modify. Play with the "target" option for the href.
Note : you don't have to embed SVG images on your pages - Just link your svg's on page and they will open where you want aka -> target= _blank / _self / _top
2008/9/19 Tena Sakai <tsakai@...2019...>
Hi Sorin,
I am happy with what I discovered, albeit via big meandering. I have no more issues. Here's the "big picture" as you asked.
I have an svg file I created via Inkscape, call it SampleFile.svg. And using a sample given by http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html I created a webpage:
<?xml version="1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>SVG Included with <object> tag in an XHTML File</title> </head> <body> <h2>s o m e h e a d i n g</h2> <object type="image/svg+xml" data="SampleFile.svg"> Browser does not support SVG files! </object> </body> </html>which works fine. My question was how to make a link (ie., href) thereby users can click the link and get my file displayed. Ultimately, I have 46 files I want to display, but I want any user to pick ones they want via a bunch of hrefs. That was/is what I am after.
I didn't/don't intend to create a web page via Inkscape. I think that's what Nicu is doing. By looking at the example above, I made things overly difficult. What I am now doing is to have the filename at the right side of the equal sign of href specification and it works simply and elegantly (so long as I use firefox v3.01, which is not a problem for me).
Thanks for your helping hand. I appreciate it.
Tena
-----Original Message----- From: SorinN [mailto:nemes.sorin@...400... <nemes.sorin@...400...>] Sent: Thu 9/18/2008 3:40 PM To: Tena Sakai Subject: Re: [Inkscape-devel] web page to show svg file
I can help you more but ..I can't get the big picture ...U want a SVG website designed on Inkscape ?. hmm, interesting - why you don't wanna HTML tags? and a normal ( HTML ) website - where you can put as many images ( or SVG or Flash files ) as you want ?
Don't try to generate HTML from Inkscape ( as I know ..this feature is not planned very soon ), and also this is a nonsense.
Do your graphics on Inkscape, save your work as JPG, then use Gimp to cut your graphics on pieces, then assemble pieces with an HTML editor eg. Kompozer / Seamonkey / Dreamweaver / Namo Wen Editor / Microsoft Expression Web.
I use first 3 editors because I use 98% of my PC time Ubuntu and only 2% of time ...XP for different Corel Draw conversions.
My last 2 websites ( both are not finished yet ) are done in Inkscape - all graphics ( ...less photos ofcourse ). Then I use Dreamweaver to put images on tables. The result = a sum of webpages linked each other by ...links;).
Now the general idea is to tell us what are you need specifically then we can help you in a more practical an concise way.
.............. Type, Role, Arcrole, Title, Show, Actuate -> they are SVG specific rules - no need to know them to make webpages .............
That is, I'll wait for your description ( if is not such a big secret ofcourse ;)).
For NICU
Nicu, tu esti in echipa de dezvoltatori Inkscape ?
2008/9/18 Tena Sakai <tsakai@...2019...>
Hi Sorin,
Thank you for your help, but I am not getting it.
in first form ( Href: ) enter the web address eg. http://www.google.com
By "http://www.google.com" what you mean is the actual html file? Ie., something like http://blabla.bla.com/index.html. What I am asking is what that html looks like. What tags go into it? Can I get Inkscape to create it? Can I use editor to create one? Things like that.
then go to second form (Target:) -and choose from the possible states: _blank ... _self ... _top ...
Do you mean each of them defines how the browser behaves in response to the user's clicking the href anchor? Again, my fundamental need is to generate the html file above, for which I have no clue.
BTW, what are the rest of fields of the link properties? Type, Role, Arcrole, Title, Show, Actuate? Would you mind pointing out where they are documented? I just bought the Inkscape book, but I haven't located it. Maybe they are defined by WC3 folks?
Anyways, I feel I am blinded and appreciate a bit of guidance.
Thank you.
Tena Sakai tsakai@...2019...
-----Original Message----- From: SorinN [mailto:nemes.sorin@...400... <nemes.sorin@...400...> <
nemes.sorin@...400...>]
Sent: Wed 9/17/2008 12:07 PM To: Tena Sakai Subject: Re: [Inkscape-devel] web page to show svg file
I made a screenshoot for you.
Steps : click on text you wish to make link > after text is active, right click, select Create Link > right click again on your text and select Link Properties > in first form ( Href: ) enter the web address eg. http://www.google.com > then go to second form (Target:) -and choose from the possible states :
_blank ( link will be opened on the new tab in web navigator ) _self ( link will be opened in actual tab of web browser ) _top ( in case you the website use frames - link will be opened in place
of
the parent of all frames ) .
I hope it was pretty clear.
Good Luck, Sorin
2008/9/17 Tena Sakai <tsakai@...2019...>
Hi Nicu,
Thanks for your reply. I appreciate it.
Select an object from your drawing, right click, use "Create Link", right click again, use "Link Properties" and type the desired URL.
Even though I am able to follow your instruction, I fail to understand what the corresponding url should look like. Would you mind giving me a small example?
Thanks in advance.
Tena Sakai tsakai@...2019...
-----Original Message----- From: inkscape-devel-bounces@lists.sourceforge.net on behalf of Nicu Buculei Sent: Wed 9/17/2008 2:09 AM To: inkscape-devel@lists.sourceforge.net Subject: Re: [Inkscape-devel] web page to show svg file
Tena Sakai wrote:
I hope I am posting to the right place. If not, please advise where I should post.
I have a web page which I got from http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html The first example given there is what I took. The html file looks like (I have modified it so very slightly, but it works as expected):
[...]
The data file SampleFile.svg is made by inkscape and what I am interested in doing now is to make a hyperlink out of the object tag.
I am not sure about a link in the OBJECT tag, but you can use the next best thing: place the link *inside* the SVG (however, search engines
may
ignore it). Select an object from your drawing, right click, use "Create Link", right click again, use "Link Properties" and type the desired URL.
-- nicu :: http://nicubunu.ro :: http://nicubunu.blogspot.com Open Clip Art Library: http://www.openclipart.org my cool Fedora wallpapers: http://fedora.nicubunu.ro/wallpapers/ my clipart collection: http://clipart.nicubunu.ro/
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the
world
http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
This SF.Net email is sponsored by the Moblin Your Move Developer's challenge Build the coolest Linux based applications with Moblin SDK & win great prizes Grand prize is a trip for two to an Open Source event anywhere in the
world
http://moblin-contest.org/redirect.php?banner_id=100&url=/ _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel
-- Nemes Ioan Sorin
-- Nemes Ioan Sorin
participants (2)
-
SorinN -
Tena Sakai