CN101118493A

CN101118493A - 一种在网页浏览器中制作动态网站的方法

Info

Publication number: CN101118493A
Application number: CNA2007101521078A
Authority: CN
Inventors: 张威
Original assignee: Individual
Current assignee: Individual
Priority date: 2007-09-17
Filing date: 2007-09-17
Publication date: 2008-02-06

Abstract

本发明公开了一种在网页浏览器中制作动态网站的方法，主要包括以下步骤：(A)建立页面元素库，以便制作网站时使用；(B)建立程序动作库，以便制作网站时使用；(C)创建页面基本布局，并保存页面基本布局；(D)从页面元素库中调用所需页面元素，对基本布局页面进行详细布局，并保存设置；(E)从页面元素库中调用所需页面元素，放置在页面相应位置，并保存设置；(F)设置页面元素属性，配置成期望的显示式样，并保存设置；(G)从程序动作库中选择所需程序动作，配置页面元素，并保存设置；本发明的目的，是提供一种在浏览器中就可以用所见即所得的方法设置页面中基本元素的外观，并用直观的方法将页面元素与相关程序连接配置的方法。

Description

一种在网页浏览器中制作动态网站的方法

技术领域

本发明涉及一种在网页浏览器中制作动态网站的方法，可以对页面上的每个基本页面元素操作，随意设定位置，设置页面元素外观并连接相应功能程序，而且不需要编写代码，不需要任何网络知识。

背景技术

互联网的时代已经来到了，无论是企业还是个人，都需要一个动态的网站，对企业来说，拥有一个动态内容的网站，可以方便的发布产品等最新企业信息，扩大企业的知名度，有利于企业发展。对于个人来说，用有一个属于自己的动态网站是每一个人的梦想，每个人都想建立一个属于自己的个人站点。

目前主要的建设网站的方法是委托相关的专业公司或专业技术人员开发适合自己的网站，需要相关的技术人员还需要不菲的费用和比较长的制作时间，同时由于不是自己亲自制作，有很多创意无法充分发挥，而且修改不方便。

目前，虽然有一些自助建站的系统，可目前相关系统往往采用模板，模块的建站方式，制作出来的网站有着太多的相似的地方，无法展现个性和自己的创意，有很大的局限性；

苛刻的条件使很多的企业和个人无法实现拥有自己的网站的梦想，在这个信息化的时代，没有自己网站的企业必将严重影响企业的发展，而对个人来说，无法圆自己的网站梦是一个残酷的现实。

发明内容

本发明的目的，是提供一种在浏览器中就可以用所见即所得的方法设置页面中基本元素的外观，并用直观的方法将页面元素与相关程序连接配置，且可以将页面元素设定于页面的任意位置，而不需要编写程序代码和了解任何网络技术的建设动态网站的方法。

为达到以上目的，本发明采用以下技术方案：

一种在网页浏览器中制作动态网站的方法，其特征在于，包括以下步骤：

A、建立页面元素库，以便制作网站时使用；

B、建立程序动作库，以便制作网站时使用；

C、创建页面基本布局，并保存页面基本布局；

D、从页面元素库中调用所需页面元素，对基本布局页面进行详细布局，并保存设置；

E、从页面元素库中调用所需页面元素，放置在页面相应位置，并保存设置；

F、设置页面元素属性，配置成期望的显示式样，并保存设置；

G、从程序动作库中选择所需程序动作，配置页面元素，并保存设置；

上述在网页浏览器中制作动态网站的方法，所述步骤A中页面元素库是可扩展页面元素库；

上述在网页浏览器中制作动态网站的方法，所述步骤A中所述页面元素库包括：表格页面元素、层页面元素、文字页面元素、图片页面元素、多媒体页面元素、按钮页面元素、文本框页面元素、单选框页面元素、多选框页面元素、下拉列表页面元素；

上述在网页浏览器中制作动态网站的方法，每个页面元素是包含颜色、大小、链接、风格、显示方式等多种属性的页面元素；

上述在网页浏览器中制作动态网站的方法，所述步骤B中程序动作库是可扩展程序动作库；

上述在网页浏览器中制作动态网站的方法，所述步骤B中所述程序动作库包括：重复页面元素程序动作，截取页面元素程序动作，根据条件显示页面元素程序动作；

上述在网页浏览器中制作动态网站的方法，所述步骤C还包括：

C1、将页面用横线和竖线分割成若干高度和宽度各异的区域，称为区域；

C2、拖动横线或竖线可动态改变相对应区域的高度或宽度；

C3、将页面分割成若干高度和宽度各异的区域的横线和竖线的数量可以为0条，表示整个页面为一个区域；

C4、每个区域的大小可自定义或根据放置页面元素的数量自由伸缩；

上述在网页浏览器中制作动态网站的方法，所述步骤D还包括：

D1、每个区域内通过放置多行多列表格页面元素或放置多个层页面元素，而产生多个格子，称为元素容器；

D2、每个元素容器中，可放置一个或多个页面元素；

D3、每个元素容器的大小可自定义或根据放置页面元素的数量自由伸缩；

上述在网页浏览器中制作动态网站的方法，所述步骤E还包括：

E1、从页面元素库中选择页面元素，放置在所选定的元素容器中；

与现有技术相比，本发明有以下优点：

不需要任何的软件编程知识和网络知识，在浏览器中即可直接以可视化的方式操作页面中的每个页面元素，不但可以以可视化的方式改变每个页面元素的外观，大小，链接，颜色，显示方式等外观特征，而且可以以可视化的方式将此元素与相关程序直接连接。

本发明的页面元素库可随意扩展，页面可自由排版，用户可以根据自己的喜好，将页面元素放置在网页的任何位置。可以充分发挥自己对网站的创意，满足自己的要求。

附图说明

图1：本发明实施例的动态网站建设流程图；

图2：本发明创建的页面元素库示意图；

图3：本发明创建的程序动作库效果示意图；

图4：本发明实施例页面元素调用和配置程序动作及保存流程图；

图5：本发明实施例中创建页面基本布局示意图；

图6：本发明实施例中创建页面详细布局示意图；

图7：本发明实施例中元素容器示意图；

图8：本发明实施例页面元素调用配置属性流程图；

图9：本发明实施例页面元素调用程序动作流程图；

图10：本发明构建的网站页面效果图。

具体实施方式

图1是本发明实施动态网站建设流程图，参考图1，本发明的在网页浏览器中制作动态网站的方法，包括：

步骤A、建立页面元素库，以便建设网站时使用；

步骤B、建立程序动作库，以便建设网站时使用；

步骤C、创建页面基本布局，并保存页面基本布局；

步骤D、从页面元素库中调用所需页面元素，对基本布局页面进行详细布局，并保存设置；

步骤E、从页面元素库中调用所需页面元素，放置在页面相应位置，并保存设置；

步骤F、设置页面元素属性，配置成期望的显示式样，并保存设置；

步骤G、从动作程序库中选择所需程序动作，配置页面元素，并保存设置；

所述步骤C还包括：(C1)将页面用横线和竖线分割成若干高度和宽度各异的区域，称为区域；(C2)拖动横线或竖线可动态改变相对应区域的高度或宽度；(C3)将页面分割成若干高度和宽度各异的区域的横线和竖线的数量可以为0条，表示整个页面为一个区域；(C4)每个区域的大小可自定义或根据放置页面元素的数量自由伸缩；

所述步骤D还包括：(D1)每个区域内通过放置多行多列表格页面元素或放置多个层页面元素，而产生多个格子，称为元素容器；(D2)每个元素容器中，可放置一个或多个页面元素；(D3)每个元素容器的大小可自定义或根据放置页面元素的数量自由伸缩；

所述步骤E还包括：(E1)从页面元素库中，选择页面元素，放置在所选定的元素容器中；

所述步骤A中建立页面元素库，是通过对网站页面组成元素的分析，根据需要建立的可扩展的通用页面元素库。如图2所示，网站基本由，表格页面元素1、层页面元素2、文字页面元素3、图片页面元素4、多媒体页面元素5、按钮页面元素6、文本框页面元素7、单选框页面元素8、多选框页面元素9、下拉列表页面元素10组成。

图3是程序动作效果图示意，其中重复页面元素程序动作为1，重复文字(标题)页面元素程序动作，截取页面元素程序动作为2(截取了文字页面元素程序动作)，根据条件显示页面元素程序动作为3(根据日期显示不同的图片页面元素程序动作)。

图4是本发明实施例页面元素调用配置程序动作及保存流程图。参考图4，本发明的在网页浏览器中制作动态网站的方法，包括：

步骤A、从页面元素库中选择需要的页面元素；

步骤B、从程序动作库中选择需要的程序动作；

步骤C、设置页面元素属性，配置成期望的显示式样，并保存设置；

步骤D、在页面元素上配置需要的程序动作，并保存设置；

步骤E、保存页面元素属性及程序动作配置；

图5是本发明实施例中创建页面基本布局示意图，参考图5，创建页面基本布局时用横线和竖线将页面分割成若干高度和宽度各异的区域，称为区域，拖动横线或竖线可动态改变相对应区域的高度或宽度；

图6是本发明实施例中创建页面详细布局示意图，参考图6，从页面元素库中调用所需页面元素，对基本布局页面进行详细布局。每个区域内通过放置多行多列表格页面元素或放置多个层页面元素，而产生多个格子，称为元素容器；

图7是本发明实施例中元素容器示意图，参考图7，从页面元素库中，选择页面元素，放置在所选定的元素容器中。

图8是本发明实施例页面元素调用配置属性流程图，参考图8，包括以下步骤：

步骤A、从页元素库中选择所需要的页面元素；

步骤B、将页面元素放置于元素容器中，并保存设置；

步骤C、选择需要的页面元素属性配置页面元素；

步骤D、选择需要的页面元素属性配置页面元素，配置成期望的式样，并保存设置；

步骤E、保存设置；

图9是本发明实施例页面元素配置程序动作流程图，参考图9，包括以下步骤：

步骤A、选择元素容器中的页面元素；

步骤B、从程序动作库中选择所需的动作；

步骤C、配置页面元素产生所需的动作；

步骤D、保存设置；

图10是本发明创建的网站页面效果图。

Claims

1.一种在网页浏览器中制作动态网站的方法，其特征在于，包括以下步骤：

A、建立页面元素库，以便制作网站时使用；

B、建立程序动作库，以便制作网站时使用；

C、创建页面基本布局，并保存页面基本布局；

G、从程序动作库中选择所需程序动作，配置页面元素，并保存设置。

2.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述页面元素库是可扩展页面元素库。

3.根据权利要求2所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述页面元素库包括：表格页面元素、层页面元素、文字页面元素、图片页面元素、多媒体页面元素、按钮页面元素、文本框页面元素、单选框页面元素、多选框页面元素、下拉列表页面元素。

4.根据权利要求3所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述每个页面元素是包含颜色、大小、链接、风格、显示方式多种属性的页面元素。

5.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述程序动作库是可扩展程序动作库。

6.根据权利要求5所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述程序动作库包括：重复页面元素程序动作，截取页面元素程序动作，根据条件显示页面元素程序动作。

7.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述步骤C还包括：

C2、拖动横线或竖线可动态改变相对应区域的高度或宽度；

C4、每个区域的大小可自定义或根据放置页面元素的数量自由伸缩。

8.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述步骤D还包括：

D2、每个元素容器中，可放置一个或多个页面元素；

D3、每个元素容器的大小可自定义或根据放置页面元素的数量自由伸缩。

9.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法，其特征在于，所述步骤E还包括：

E1、从页面元素库中选择页面元素，放置在所选定的元素容器中。