Method and system for section-based editing of a website page

A visual design system comprising:

• at least one database to store visual creations created by said visual design system, said visual creations having pages with at least two components, said at least one database to also store at least the editing history of said at least two components by a user of said visual design system and dynamic layout rules at least associated with at least one of:
• anchors and constraints for positioning said at least two components;
• a dynamic layout editor to edit content according to said dynamic layout rules during an editing session of a visual creation;
• a page analyzer to analyze component editing history and element geometrical relationships of at least two components on at least one page in response to addition, removal, or modification of at least one of said at least two components during said editing session and to divide said at least one page into at least two sections accordingly, wherein a section of said at least two sections contains at least one component of said at least two components;
• a UI subsystem to generate and present to a user for editing, during said editing session, at least one section from among said at least two sections as a virtual container containing at least one of said at least two components;
• a change executor to regenerate and display said at least one page during said editing session with said at least one section according to editing changes made during said editing session;
• and
• a memory and a processor to activate said dynamic layout editor, said page analyzer, said UI subsystem and said change executor.