Host web page displaying target web page image
View Patent ↗A system and method are disclosed for allowing a target web page to be edited on a host web page by a Designer. A scaled view of the target web page may be displayed on the host web page so that the Designer may view the target web page during the editing process. An editing palette may be selected, from a menu of editing palettes, for editing the target web page. An overlay, corresponding to the selected editing palette, may be positioned next to or superimposed over the scaled view of the target web page. The overlay may provide positioning or other types of information to assist the Designer in using the selected editing palette. Different overlays may be used as different editing palettes are selected. Once the target web page is customized, it can be made accessible via the Internet.
1. A method for creating a scaled view of a target web page displayed on a host web page, comprising the steps of:
a) storing data to display a first target web page;
b) without displaying any portion of a first scaled view of the first target web page:
1) generating the first target web page using the data;
2) capturing data representing an image of the first target web page; and
3) producing the first scaled view of the first target web page from the data; and
c) displaying the first scaled view of the first target web page on a host web page; d) displaying a first editing palette on the host web page; and e) displaying a first overlay comprising text associated with the first editing palette proximate to the scaled view of the target web page on the host web page, wherein the first overlay provides useful editing information related to the first editing palette.
2. The method of claim 1 , further comprising the step of:
f) a Designer selecting a change for the first target web page;
g) saving data representing the change;
h) without displaying any portion of a second scaled view of the second target web page:
1) generating the second target web page using the data;
2) capturing data representing the second target web page; and
3) producing the second scaled view of the second target web page from the data; and
i) displaying the second scaled view of the second target web page on the host web page.
3. The method of claim 1 , further comprising the steps of:
f) a Designer selecting a change for the first target web page;
g) saving data representing the change;
h) the Designer selecting a preview option;
i) without displaying any portion of a second scaled view of a second target web page:
1) generating the second target web page using the data;
2) capturing data representing the second target web page; and
3) producing the second scaled view of the second target web page from the data; and
j) displaying the second scaled view of the second target web page on the host web page.
4. The method of claim 1 , further comprising the steps of:
f) a Designer selecting a second editing palette;
g) displaying the second editing palette; and
h) replacing the first overlay with a second overlay, wherein the second overlay contains information relevant to the second editing palette.
5. The method of claim 1 , wherein generating the first target web page is performed on a first server and displaying the second scaled view of the first target web page is performed on a second server.
6. The method of claim 1 , wherein generating the first target web page and displaying the second scaled view of the first target web page is performed on the same server.
7. A method for creating a scaled view of a target web page displaying on a host web page, comprising the steps of:
a) selecting a layout for a first target web page;
b) selecting a first editing palette;
c) displaying a scaled view of the first target web page and the first editing palette on a host web page;
d) selecting a change from the first editing palette, then saving the change in a data storage means; and
e) selecting a preview option, then:
1) without displaying any portion of a scaled view of a second target web page:
A) generating the second target web page using the data;
B) capturing data representing the second target web page; and
C) producing the scaled view of the second target web page from the data; and
2) displaying the scaled view of the second target web page on the host web page; positioning a first overlay comprising text associated with the first editing palette proximate to the scaled view of the second target web page, wherein the first overlay provides useful editing information related to the first editing palette.
8. The method of claim 7 , further comprising the steps of:
g) a Designer selecting a second editing palette; and
h) replacing the first overlay with a second overlay, wherein the second overlay contains information relevant to the second editing palette.
9. The method of claim 8 , further comprising the step of:
i) the Designer selecting a go live option, wherein the target web page is made accessible to a plurality of Customers via the Internet.
10. A method for creating a scaled view of a target web page displayed on a host web site, comprising the steps of:
a) selecting a layout for a first target web page;
b) selecting a first editing palette;
c) displaying on a first server the first editing palette and a scaled view of the first target web page so that both may be seen simultaneously;
d) displaying a first overlay comprising text associated with the first editing palette superimposed over the scaled view of the first target web page wherein the first overlay provides useful editing information related to the first editing palette; and
e) selecting an edit from the first editing palette to the first target web page, then:
1) saving data representing the change;
2) creating on a second server a second target web page using the data representing the change;
3) capturing data representing the second web page;
4) manipulating the data representing the second web page so as to contain data to display a scaled view of the second web page; and
5) displaying on the first server the scaled view of the second web page on the host web site using the manipulated data representing the second web page.
11. The method of claim 10 , further comprising the steps of:
g) a Designer selecting a second editing palette; and
h) replacing the first overlay with a second overlay, wherein the second overlay contains information relevant to the second editing palette.
12. A method for creating a scaled view of a target web page displayed on a host web site, comprising the steps of:
a) generating a first data set in a first format of a first target web page;
b) creating data representing the first target web page using the first data set;
c) capturing the data representing the first target web page, wherein the data is captured as a second data set in a second format and the second format is different from the first format;
d) scaling an image of the first target web page by manipulating the second data set in the second format;
e) displaying the scaled image of the first target web page on a host web page; f) selecting a first editing palette; and g) displaying a first overlay comprising text associated with the first editing palette superimposed over the scaled view of the first target web page, wherein the first overlay provides useful editing information related to the first editing palette.
13. The method of claim 12 , wherein data in the second format is in a jpeg, gif or png format.
14. The method of claim 12 , wherein steps b), c), and d) are performed on a different server than step e).