Embodiments described herein allow for the creation of templates from existing web pages, making it possible to create pages. Embodiments can provide visual tools so that a user can convert an existing web site or web page into a template. The template may be made available to a web content management application for the creation of web pages. According to one embodiment, a template developer can visually identify selectable portions of the web page in a rendering of the web page; receive a first component selection of a first selected portion of the web page; and store template data comprising the first component selection. A template builder can create a template and components based on the template data in a format consumable by a web content management system.
Legal claims defining the scope of protection. Each claim is shown in both the original legal language and a plain English translation.
1. A system for building and editing templates from existing web pages or web sites comprising: a first computer comprising a template developer configured to: enable a user to visually identify and select one or more portions of a web page in a rendering of the web page to be included in a template, wherein the one or more portions comprise components or regions of the web page; receive a first selection of a first selected component or region of the web page; receive a second selection of a second selected component or region of the web page, the second selected portion of the web page containing the first selected component or region of the web page; store as template data web page source code corresponding to the first selected component or region and the second selected component or region in a memory of the first computer; provide the template data to a template builder, wherein the template builder is configured to: receive the template data; generate a third component or region corresponding to the first selected component or region and comprising a first portion of the web page source code from the template data generate a fourth component corresponding to the second selected portion of the web page and comprising a second portion of the web page source code from the template data; and generate a template comprising the third component or region and the fourth component or region.
A system creates website templates from existing web pages. A template developer tool lets a user visually select parts of a rendered web page (components or regions) to include in a template. The tool receives selections for both a smaller component/region and a larger component/region that contains the smaller one. The system stores the source code for both selections as template data. A template builder then receives this data and generates a template. The builder creates a component for the smaller selected part and another component for the larger selected part, using corresponding source code portions, and combines them into a final template.
2. The system of claim 1 , wherein the template developer is configured to parse web page source code to identify elements of the web page source code and visually identify portions of the web page corresponding to the identified elements as the one or more portions of the web page.
The template system uses a template developer that parses the web page's source code to identify its elements. It then visually highlights these elements on the rendered page, making it easier for the user to select specific portions to include in the template. This enables precise selection based on the underlying HTML structure.
3. The system of claim 1 , wherein generating the template comprises modifying the second portion of the web page source code to reference the first region or component.
When the template builder generates the final template, it modifies the source code of the larger (second) component/region to include a reference to the smaller (first) component/region. This establishes a hierarchical relationship in the template, allowing the smaller component to be nested or dynamically linked within the larger one.
4. The system of claim 1 , wherein: the template developer is further configured to: receive a plurality of region or component selections indicating a plurality of selected portions of the web page; store the plurality of region or component selections; and the template builder is further configured to: for each of the plurality of selected portions of the web page, generate a region or component comprising a portion of the web page source code corresponding to that selected portion of the web page.
The template developer tool allows the user to select multiple portions (regions/components) of the web page. The system stores all these selections. The template builder then generates a component for each of the selected portions, using the corresponding web page source code for each. This allows for creating templates with many distinct, reusable sections.
5. The system of claim 1 , wherein the template builder is further configured to import external resources referenced in the web page source code.
The template builder automatically imports any external resources referenced within the web page's source code, like CSS stylesheets, JavaScript files, or images. This ensures that the generated template has all the necessary assets to render correctly and function as intended.
6. The system of claim 1 , wherein generating the fourth region or component comprises modifying the second portion of the web page source code to reference the first region or component.
When the template builder generates the larger component/region of the template, it modifies the second portion of the web page source code to reference the smaller (first) component/region.
7. The system of claim 1 , wherein the template builder is further configured to create content objects for the template, and third component or region in a web content management system.
The template builder creates content objects within a web content management system (WCMS) for the generated template and the smaller component. This integrates the template seamlessly into the WCMS, allowing content editors to easily manage and populate the template with content.
8. A method for creating templates comprising: parsing web page source code of a web page to identify elements of the page source code; visually indicating one or more portions of the web page in a rendering of the web page for a user to select for inclusion in a template, wherein the portions comprise components or regions of the web page; receiving a first selection of a first selected component or region of the web page; receiving a second selection of a second selected component or region of the web page, the second selected portion of the web page containing the first selected component or region of the web page; storing template data comprising web page source code associated with the first selected component or region and the second selected component or region; providing the template data to a template builder; from the template data, generate a third component or region corresponding to the first selected component or region and comprising a first portion of the web page source code; from the template data, generate a fourth component or region corresponding to the second selected component or region and comprising a second portion of the web page source code; and generate a template comprising the third component or region and fourth component or region.
A method creates website templates. It starts by parsing a web page's source code to identify elements. Then, visually highlights selectable portions (regions/components) of the rendered web page. The method then receives a selection of a smaller component and a selection of a larger component containing the smaller one. The system stores the source code for both as template data. From the data, the system generates one component for the smaller selection and another for the larger, using their respective code portions. These are then combined to make the template.
9. The method of claim 8 , wherein generating the template comprises modifying the second portion of the web page source code to reference the first component or region.
When the template is generated, the method modifies the source code of the larger (second) component/region to include a reference to the smaller (first) component/region. This creates a relationship, letting the smaller component be nested or linked in the larger one.
10. The method of claim 8 , wherein generating the template comprises modifying the second portion of the web page source code to reference the first region or component and generating the fourth region or component comprises modifying the second portion of the web page source code to reference the first region or component.
When the template is generated, the source code of the larger component is modified to reference the smaller component, and the fourth generated region or component, which is the larger component or region, has its source code modified to reference the smaller component.
11. The method of claim 8 , further comprising creating content objects for the template, and third component or region in a web content management system.
The template and smaller component have content objects created for them in a web content management system.
12. The method of claim 8 , further comprising: receiving a plurality of region or component selections indicating a plurality of selected portions of the web page; storing the plurality of region or component selections; and for each of the plurality of selected portions of the web page, generating a region or component comprising page source code corresponding to that selected portion of the web page.
The method allows multiple regions/components of the web page to be selected and stores all these selections. A component is generated for each of the selected portions using the appropriate source code.
13. A computer program product comprising a non-transitory computer readable medium storing a set of computer instructions comprising instructions executable to: parse web page source code of a web page to identify elements of the page source code; enable a user to visually select portions of the web page in a rendering of the web page to be included in a template, wherein the portions comprise components or regions of the web page; receive a first selection of a first selected component or region of the web page; receive a second selection of a second selected component or region of the web page, the second selected portion of the web page containing the first selected component or region of the web page; store as template data web page source code associated with the first selected component or region and the second selected component or region; provide the template data to a template builder; from the template data, generate a third component or region corresponding to the first selected component or region and comprising a first portion of the web page source code; from the template data, generate a fourth component or region corresponding to the second selected component or region and comprising a second portion of the web page source code; and generate a template comprising the third component or region and fourth component or region.
A computer program creates website templates. It parses a web page's source code to find elements. It then enables a user to visually select components/regions from a rendered page. Selections for a smaller and larger component (containing the smaller one) are received. The program stores their source code as template data. Using this, it generates a component for both selections, incorporating respective code. Finally, it creates the template from these components.
14. The computer program product of claim 13 , wherein generating the template comprises modifying the second portion of the web page source code to reference the first region or component.
During template generation, the software modifies the source code of the larger (second) component/region to reference the smaller (first) component/region.
15. The computer program product of claim 13 , wherein generating the template comprises modifying the second portion of the web page source code to reference the first region or component and generating the fourth region or component comprises modifying the second portion of the web page source code to reference the first region or component.
During template generation, the program modifies the source code of the larger component to reference the smaller, and the fourth generated region or component (the larger one) has its source code modified to reference the smaller.
16. The computer program product of claim 13 , further comprising instructions executable to create content objects in a web content management system for the template, and third component or region.
The software creates content objects for the template and the third component (smaller) in a web content management system.
17. The computer program product of claim 13 , further comprising instructions executable to: receive a plurality of component or region selections indicating a plurality of selected portions of the web page; store the plurality of component or region selections; and for each of the plurality of selected portions of the web page, generate a region or component comprising page source code corresponding to that selected portion of the web page.
The program allows multiple regions/components to be selected, storing all selections. It generates a component for each selected section, using the corresponding web page source code for each.
Cooperative Patent Classification codes for this invention. Click any code to explore related patents in that topic.
November 6, 2013
May 16, 2017
Browse 5M+ US patents with plain-English claim translations and AI-generated analysis.