P地址。
[0029] 网站的页面可通过统一资源定位符或叩化"来寻址。U化指定S个元素：（1)传输 协议；（2)web服务器名称或域名；和（3)路径。U化的第一元素是传输协议，最常见的是代 表超文本传输协议的"http",但是其他传输协议包括用于电子邮件的"mailto"、用于文件 传输协议的"ftp"、W及用于网络新闻传输协议的"nntp"。域名指示存储网页的web服务 器的名称。路径指示网页在所指名的web服务器上的位置。
[0030] 为了访问因特网，大多数用户依靠被称为"网络浏览器"的计算机程序。市场上可 获得的web浏览器包括如W下众所周知的程序：微软公司的InternetExplorer?、苹果公 司的翻份ri?、谷歌公司的Chrom#W及Mozilla基金会的Fire化X? (仅举几例）。如 果因特网用户期望查看托管在WWW.domain,com处的网页，则该因特网用户可W将统一资 源定位符扣化）"ht化://www.domain,com"输入到网络浏览器程序中。
[00川一旦U化被输入到浏览器中，请求就被路由到能够将U化中指定的域名匹配到托 管所请求的网页的web服务器的相应IP地址的域名系统值N巧服务器。因此，DNS服务器 最终使诸如WWW. domain, com之类的字母数字名称与其数字IP地址69. 17. 223. 11匹配。
[0032] 当主机接收到来自因特网的请求时，它将由请求所指向的文件中的数据返回给做 出请求的客户端。运种数据可W构成网页，该网页可W包含文本消息、声音、图像、视频，或 运种元素的组合。用户可W通过使用超链接在网页之间移动，运些超链接是到因特网上的 其他网页或网页上的位置的链接。
[0033] 传统的网站是由特定域名处的网络服务器服务（serve)的一个或多个网页的组。 网页通常为含有文本和浏览器可解释的指令的文本文档，诸如众所周知的超文本标记语言 (HTML)、可扩展超文本标记语言狂HTML)、动态的HTML值HTML)、文本对象模型值OM)等。运 行在客户端机器上的web浏览器通过指定特定页面的统一资源定位符扣化）来请求网页， 并且在接收到来自服务器的所请求页面时、通过处理并执行浏览器可解释的指令来在用户 的显示屏幕上呈现该页面。网页可W借助于被置于页面内的超链接来链接至其他网页。通 常超链接指定网页的URL、网页中的位置，或可由为该网页服务的服务器访问的资源。
[0034] 典型的网站包含在U化指定域名但没有指定特定的路径（例如，WWW.mycompany. com)时服务的主页。属于网站的附加页面可W借助于URL中在域名之后的路径来指定。 例女日，WWW.mycompany.com网站的"Contact"网页可W被指定为"WWW.mycompany.com/ Contact"，其中U化中的路径"/Contact"指示"Contact"网页的网络服务器处的位置。
[0035] 现在参照图1，网站可W包含多个相关的网页100、110、120、130、140,每个网页包 括浏览器可呈现的文档（例如，HTML文档）。在图1所示的示例中，网站包含主页100、产 品选择页110、图库（gallery)页120、产品设计页130化及一个或多个附加网页140。
[0036] 图2是其中本发明可W操作的系统的实施例的高级别示意性框图。托管一个或多 个网站202的一个或多个服务器201被配置为允许与支持因特网的（Internet-enabled) 客户端设备（所述客户端设备包括移动设备210b(诸如智能手机））W及支持因特网的手 持式设备（诸如苹果1?11〇11日/1化(1/1?〇(1、谷歌411化〇扣、^星6日1日巧及其他运种设备）进 行可操作的通信。尽管本发明目标在于具有较小电子显示屏幕的设备，但是服务器201可 W进一步被配置为也允许与传统计算机设备210a(诸如桌面式和膝上型计算机）进行可操 作的通信。服务器201托管允许客户端设备210a、21化的用户快速创建和编辑打印文档、 电子产品或其他实体产品的设计的一个或多个网站202。服务器201在计算设备的一个或 多个处理器215的控制下操作。
[0037] 网站202可W包含设计工作室功能，该设计工作室功能一般在用户导航到由服务 器201托管的网站202并（例如，通过点击显示在网页中的按钮或链接）激活网站202上 的控件来请求将设计工作室应用212a、212b(在下文一般被称为212)下载到做出请求的客 户端设备210a、21化W在客户端设备上的至少一个处理器215a、215b的控制下运行的浏览 器211a、2Ub中执行时、对于客户端设备210a、21化可获得。
[0038] 设计工作室应用212检测客户端设备的类型。优选地，在最低限度上，设计工作室 应用212确定设备的类型是移动设备还是传统的计算设备。优选地，设计工作室应用212 不仅确定做出请求的设备是移动设备还是传统设备，还确定包括设备的制造和型号、操作 系统W及硬件配置。在一个实施例中，设计工作室应用212读取操作系统配置W确定设备 的类型W及操作系统的类型和版本。其他的设备类型、系统及硬件配置可W通过读取在静 态设备存储器（例如，设备的只读存储器（ROM)或静态随机存取存储器（RAM))中的一个或 多个配置位置中存储的配置信息而可获得。
[0039] 在一个实施例中，设计工作室应用212是由服务器201下载到做出请求的客户端 设备210a、21化的一组或多组化vaScript代码。在一个实施例中，当设计工作室应用212 被下载到客户端设备210a、21化时，设计工作室应用212在客户端设备210a、21化的显示 器设备上展示用户可W使用图形用户界面控件从其中进行选择的不同的模板设计的图库。 在接收到用户的模板选择时，设计工作室应用212将所选择的模板的标识符发送给服务器 201，该服务器201从模板资产数据库205中检索模板预览310(包括与所选择的模板关联 的多个不同的模板资产）并且将该模板下载到客户端设备210a、210b。
[0040] 图3示出了模板资产数据库205的一部分的结构图。模板资产数据库205含有构 件和描述，诸如布局、文本元素、图像元素、报头化eader)、导航构件、页脚（footer)、颜色 方案、强调图像（accentimage)、字体方案、模板描述W及可W用作打印的文档、网页或其 上展示或包含设计的其他产品中的构件的任何类型的构件或方案。待打印在衬底上的设计 (例如，W生产打印的产品）可W包含根据页面描述（通常为.html)来排列的多个不同构 件（诸如布局、报头、页脚、背景、文本构件和图像）和/或应用的多个不同构件（诸如颜色 方案、字体方案、背景、布局等）。
[0041] 如所提到的，设计工作室应用212、212a、212b被下载到做出请求的设备210曰、 210b。在一个实施例中，用于产品设计页面的活动功能被实施于一组或多组化vaScript 中，该一组或多组化vaScript可W被下载W在客户端浏览器内本地执行。页面功能作为逐 页自然排序的一组网页显现给用户。但是，与网站的传统导航不同，设计工作室应用212、 212曰、21化的图形用户界面屏幕实际上不需要是单独的网页，并且因此当从看起来为"页 面"的地方导航到"页面"时，不一定要由服务器201供应。运显著地减少在客户端用户的 产品设计的创建和编辑期间在服务器201与客户端设备210a、21化之间的来回通信。
[0042] 在接收到用户的模板选择时，设计工作室应用212、212a、21化将所选择的模板的 标识符发送给服务器201，该服务器201从模板资产数据库205中检索模板预览310 (包 括与所选择的模板关联的多个不同的模板资产），并且将该模板下载到客户端设备210a、 210b。
[0043] 用户界而
[0044] 在一个实施例中，设计工作室应用212、212a、212b显示包含产品设计页面"1"的 图形用户界面。图4A示出了示例产品设计页面"1"。在实施例中，产品设计页面"1"被实 施为浏览器可呈现的文档。在一个优选的实施例中，设计页面"1"包含一个或多个源代码文 档（该一个或多个源代码文档可W包含引用附加的源代码文档的主要页面源代码文档）。 设计页面"1"的元素优选地被实施为超文本标记（HTML)元素或其变型的元素（包括但不 限于XHTML、DHTML、HTML5等）。展示可W使用单独的样式定义（例如，借助于使用级联样 式表（CSS))而与页面的内容分离。许多的功能优选地使用脚本来执行，该脚本可W直接在 网页源代码自身中进行编码，或者可W被下载W在移动设备内本地执行，或者可W经由服 务器调用远程地执行脚本。
[0045] 设计页面"1"的源代码定义了待在电子设备的电子显示屏幕上呈现并显示的每个 元素的位置和样式。设计页面可W包含许多不同的元素，诸如文本元素、图像元素、标题元 素、报头元素、段落元素、容器元素（例如，<DIV>元素）等。虽然大多数的页面元素可W相 对地被定位，但是所选择的模板的元素（即，可编辑的可视化表示"3"的HMTL表示）被定 义为绝对位于模板元素内。模板元素内的嵌套元素的绝对定位是需要的，因为模板元素被 呈现为产品设计的可视化表示且必须被精确地表示一即，当前产品设计的可编辑的可视化 表示"3"必须看起来与被打印、附接、显示、雕刻、刺绣、附着、附接等到实体产品的最终的实 际产品设计完全一样。因此，可编辑的可视化表示"3"是WYSIWYG表示。
[0046] 所选择的模板通常由用户选择，因为用户期望利用之前由专业设计者完成的设计 工作。因此，众多模板元素可W对于用户编辑进行锁定W防止由用户进行的设计的定制太 过于偏离原设计者的意图。例如，模板可W包括布局、背景图像、许多文本构件，许多前景图 像构件、颜色方案和字体方案。模板的提供者可能期望仅允许对总数量的模板构件中的某 些进行编辑，或者可能期望仅允许构件的某些属性（例如，颜色、字体）可编辑而同时锁定 其他属性（例如，位置）。模板设计者可W使元素属性和样式性质中的每一个可编辑（对于 用户修改为未锁定的）或者不可编辑（对于用户修改为锁定的）。
[0047] 模板元素可W是被转换成HTML表示的且在本文中作为设计"3"的可编辑的可视 化表示被讨论的所选择的模板。
[0048] 在一个实施例中，产品设计页面"1"中的含有设计"3"的可视化表示的容器"2" 被实施为HTMIXDIV〉元素（或"容器"元素），该HTMIXDIV〉元素（或"容器"元素）的样式 继承自选择特定的<DIV>元素来声明其待隐藏的溢出性质（即，<DIV>元素的溢出性质被 配置为"溢出-隐藏（overflow-hidden)")的样式表（通常为CS巧。在该实施例中，容器 元素被配置为含有该模板元素（即，可编辑的可视化表示"3")。
[0049] 当用户导航到提供模板给用户选择和定制的网站202时，网站202通常将包含显 示针对用户使用可获得的模板的图像的一个或多个图库页面。当用户选择模板图像时，模 板设计的HTML表示（包括单个可编辑构件元素（例如，文本和图像元素））作为输入被传 送至设计页面源代码。在一个实施例中，指示所选择的模板的标识符作为参数被传送到所 请求的网页的U化内的服务器。运触发该服务器查找所请求的模板、在必要时将其转换成 HTML表示并且将其作为容器"2 "元素的内容放置在设计页面"1"内。
[0050] 在一个实施例中，设计页面"1"的活动功能经由脚本来实施。在一个实施例中，脚 本使用化vaScript来实施。在一个实施例中，应用于