CN101118493A - 一种在网页浏览器中制作动态网站的方法 - Google Patents
一种在网页浏览器中制作动态网站的方法 Download PDFInfo
- Publication number
- CN101118493A CN101118493A CNA2007101521078A CN200710152107A CN101118493A CN 101118493 A CN101118493 A CN 101118493A CN A2007101521078 A CNA2007101521078 A CN A2007101521078A CN 200710152107 A CN200710152107 A CN 200710152107A CN 101118493 A CN101118493 A CN 101118493A
- Authority
- CN
- China
- Prior art keywords
- page
- page elements
- storehouse
- web browser
- elements
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
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 (9)
1.一种在网页浏览器中制作动态网站的方法,其特征在于,包括以下步骤:
A、建立页面元素库,以便制作网站时使用;
B、建立程序动作库,以便制作网站时使用;
C、创建页面基本布局,并保存页面基本布局;
D、从页面元素库中调用所需页面元素,对基本布局页面进行详细布局,并保存设置;
E、从页面元素库中调用所需页面元素,放置在页面相应位置,并保存设置;
F、设置页面元素属性,配置成期望的显示式样,并保存设置;
G、从程序动作库中选择所需程序动作,配置页面元素,并保存设置。
2.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述页面元素库是可扩展页面元素库。
3.根据权利要求2所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述页面元素库包括:表格页面元素、层页面元素、文字页面元素、图片页面元素、多媒体页面元素、按钮页面元素、文本框页面元素、单选框页面元素、多选框页面元素、下拉列表页面元素。
4.根据权利要求3所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述每个页面元素是包含颜色、大小、链接、风格、显示方式多种属性的页面元素。
5.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述程序动作库是可扩展程序动作库。
6.根据权利要求5所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述程序动作库包括:重复页面元素程序动作,截取页面元素程序动作,根据条件显示页面元素程序动作。
7.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述步骤C还包括:
C1、将页面用横线和竖线分割成若干高度和宽度各异的区域,称为区域;
C2、拖动横线或竖线可动态改变相对应区域的高度或宽度;
C3、将页面分割成若干高度和宽度各异的区域的横线和竖线的数量可以为0条,表示整个页面为一个区域;
C4、每个区域的大小可自定义或根据放置页面元素的数量自由伸缩。
8.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述步骤D还包括:
D1、每个区域内通过放置多行多列表格页面元素或放置多个层页面元素,而产生多个格子,称为元素容器;
D2、每个元素容器中,可放置一个或多个页面元素;
D3、每个元素容器的大小可自定义或根据放置页面元素的数量自由伸缩。
9.根据权利要求1所述的一种在网页浏览器中制作动态网站的方法,其特征在于,所述步骤E还包括:
E1、从页面元素库中选择页面元素,放置在所选定的元素容器中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNA2007101521078A CN101118493A (zh) | 2007-09-17 | 2007-09-17 | 一种在网页浏览器中制作动态网站的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNA2007101521078A CN101118493A (zh) | 2007-09-17 | 2007-09-17 | 一种在网页浏览器中制作动态网站的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN101118493A true CN101118493A (zh) | 2008-02-06 |
Family
ID=39054624
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CNA2007101521078A Pending CN101118493A (zh) | 2007-09-17 | 2007-09-17 | 一种在网页浏览器中制作动态网站的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN101118493A (zh) |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101859322A (zh) * | 2010-05-26 | 2010-10-13 | 卓望数码技术(深圳)有限公司 | 一种移动终端的网页显示方法 |
CN102087749A (zh) * | 2009-12-07 | 2011-06-08 | 索尼公司 | 漫画创作设备、漫画创作方法和漫画创作程序 |
CN102289498A (zh) * | 2011-08-23 | 2011-12-21 | 吉林中软吉大信息技术有限公司 | 一种实验信息的生成方法及装置 |
CN102375889A (zh) * | 2011-11-01 | 2012-03-14 | 深圳市信游天下网络科技有限公司 | 一种通过网页构建数据库构建网页的方法 |
CN102402591A (zh) * | 2011-11-01 | 2012-04-04 | 深圳市信游天下网络科技有限公司 | 一种用于网页制作的数据库*** |
WO2012068885A1 (zh) * | 2010-11-23 | 2012-05-31 | 腾讯科技(深圳)有限公司 | 一种编辑应用网页的方法及应用网页编辑装置 |
CN102915328A (zh) * | 2012-09-04 | 2013-02-06 | 新浪网技术(中国)有限公司 | 编辑富文本的方法及富文本编辑器 |
CN103176778A (zh) * | 2011-12-21 | 2013-06-26 | 北大方正集团有限公司 | 网页开发方法和装置 |
CN104731459A (zh) * | 2015-03-31 | 2015-06-24 | 广州酷狗计算机科技有限公司 | 网络社区外观属性设置方法和装置 |
CN104808891A (zh) * | 2014-01-27 | 2015-07-29 | 阿里巴巴集团控股有限公司 | 一种页面信息的处理方法及装置 |
CN104965691A (zh) * | 2014-04-18 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 配置网页页面的页面元素的方法、装置及*** |
CN107609050A (zh) * | 2017-08-21 | 2018-01-19 | 上海精灵天下数字技术有限公司 | 基于html5的新型页面***及其作品生成方法 |
CN107766106A (zh) * | 2017-12-05 | 2018-03-06 | 北京百度网讯科技有限公司 | 生成配置文件的方法和装置 |
WO2018219285A1 (zh) * | 2017-05-31 | 2018-12-06 | 阿里巴巴集团控股有限公司 | 一种数据对象展示方法及装置 |
CN110704153A (zh) * | 2019-10-10 | 2020-01-17 | 深圳前海微众银行股份有限公司 | 界面逻辑解析方法、装置、设备及可读存储介质 |
CN111258690A (zh) * | 2020-01-10 | 2020-06-09 | 中国建设银行股份有限公司 | 一种构建3d页面的方法和装置 |
CN112149034A (zh) * | 2020-09-17 | 2020-12-29 | 山谷网安科技股份有限公司 | 简化网页制作的通用方法及*** |
-
2007
- 2007-09-17 CN CNA2007101521078A patent/CN101118493A/zh active Pending
Cited By (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102087749A (zh) * | 2009-12-07 | 2011-06-08 | 索尼公司 | 漫画创作设备、漫画创作方法和漫画创作程序 |
CN102087749B (zh) * | 2009-12-07 | 2013-06-05 | 索尼公司 | 漫画创作设备和漫画创作方法 |
CN101859322A (zh) * | 2010-05-26 | 2010-10-13 | 卓望数码技术(深圳)有限公司 | 一种移动终端的网页显示方法 |
WO2012068885A1 (zh) * | 2010-11-23 | 2012-05-31 | 腾讯科技(深圳)有限公司 | 一种编辑应用网页的方法及应用网页编辑装置 |
CN102289498A (zh) * | 2011-08-23 | 2011-12-21 | 吉林中软吉大信息技术有限公司 | 一种实验信息的生成方法及装置 |
CN102375889A (zh) * | 2011-11-01 | 2012-03-14 | 深圳市信游天下网络科技有限公司 | 一种通过网页构建数据库构建网页的方法 |
CN102402591A (zh) * | 2011-11-01 | 2012-04-04 | 深圳市信游天下网络科技有限公司 | 一种用于网页制作的数据库*** |
CN103176778A (zh) * | 2011-12-21 | 2013-06-26 | 北大方正集团有限公司 | 网页开发方法和装置 |
CN102915328A (zh) * | 2012-09-04 | 2013-02-06 | 新浪网技术(中国)有限公司 | 编辑富文本的方法及富文本编辑器 |
CN102915328B (zh) * | 2012-09-04 | 2016-05-11 | 新浪网技术(中国)有限公司 | 编辑富文本的方法及富文本编辑器 |
CN104808891A (zh) * | 2014-01-27 | 2015-07-29 | 阿里巴巴集团控股有限公司 | 一种页面信息的处理方法及装置 |
CN104808891B (zh) * | 2014-01-27 | 2018-09-18 | 阿里巴巴集团控股有限公司 | 一种页面信息的处理方法及装置 |
CN104965691A (zh) * | 2014-04-18 | 2015-10-07 | 腾讯科技(深圳)有限公司 | 配置网页页面的页面元素的方法、装置及*** |
CN104965691B (zh) * | 2014-04-18 | 2018-11-06 | 腾讯科技(深圳)有限公司 | 配置网页页面的页面元素的方法、装置及*** |
CN104731459A (zh) * | 2015-03-31 | 2015-06-24 | 广州酷狗计算机科技有限公司 | 网络社区外观属性设置方法和装置 |
CN104731459B (zh) * | 2015-03-31 | 2018-03-13 | 广州酷酷软件科技有限公司 | 网络社区外观属性设置方法和装置 |
WO2018219285A1 (zh) * | 2017-05-31 | 2018-12-06 | 阿里巴巴集团控股有限公司 | 一种数据对象展示方法及装置 |
CN107609050A (zh) * | 2017-08-21 | 2018-01-19 | 上海精灵天下数字技术有限公司 | 基于html5的新型页面***及其作品生成方法 |
CN107766106A (zh) * | 2017-12-05 | 2018-03-06 | 北京百度网讯科技有限公司 | 生成配置文件的方法和装置 |
CN110704153A (zh) * | 2019-10-10 | 2020-01-17 | 深圳前海微众银行股份有限公司 | 界面逻辑解析方法、装置、设备及可读存储介质 |
CN111258690A (zh) * | 2020-01-10 | 2020-06-09 | 中国建设银行股份有限公司 | 一种构建3d页面的方法和装置 |
CN112149034A (zh) * | 2020-09-17 | 2020-12-29 | 山谷网安科技股份有限公司 | 简化网页制作的通用方法及*** |
CN112149034B (zh) * | 2020-09-17 | 2023-06-27 | 山谷网安科技股份有限公司 | 简化网页制作的通用方法及*** |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101118493A (zh) | 一种在网页浏览器中制作动态网站的方法 | |
CN105740315B (zh) | 一种多种屏幕响应式网页布局调整的方法 | |
CN105373567B (zh) | 页面生成方法及客户端 | |
CN101025738B (zh) | 一种免模板动态网站生成方法 | |
CN104410720B (zh) | 一种基于web图形的实时监控平台***及其方法 | |
KR101760777B1 (ko) | 반응형 웹사이트 빌더 시스템 및 그 방법 | |
CN105324763A (zh) | 用于从移动设备设计可定制产品的***、方法和用户界面 | |
CN104834753A (zh) | 生成网页截图的方法及其装置 | |
CN104380280A (zh) | 动态转换网页的***、方法以及计算机可读记录介质 | |
CN107169007A (zh) | 一种移动终端的显示界面设置方法及装置 | |
CN102163193A (zh) | 超链接地图信息*** | |
CN103258015A (zh) | 一种基于xml动态生成问卷的方法 | |
CN103927209A (zh) | Feebless建站引擎 | |
US20160224534A1 (en) | Grid-based user interface system | |
JP2009146334A (ja) | 電子商取引における商品情報選択画面の編集方法、電子商取引システムおよび電子商取引における商品情報選択画面の編集プログラム | |
CN106648581A (zh) | 页面显示方法及装置 | |
KR20000049456A (ko) | 홈페이지 자동생성 및 관리방법 | |
CN103414888A (zh) | 基于svg技术的楼宇视频图形化显示方法 | |
JP2002109012A (ja) | 提供情報作成装置、提供情報作成方法、及び、記録媒体 | |
JP4847991B2 (ja) | 情報処理装置、方法、プログラムシステム及びサーバコンピュータ | |
CN104036028B (zh) | 一种电子文档信息片段的处理***与电子文档信息片段的生成、处理、差异化显示的方法 | |
CN104133680A (zh) | 一种erp窗体模块的快速构建方法 | |
CN111324575A (zh) | 一种om运营活动管理*** | |
KR102072066B1 (ko) | 사스 기반의 웹 크롤링 시스템 | |
KR20030095546A (ko) | 웹모듈을 이용한 웹페이지 및 웹사이트 구축방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20080206 |