Line 31: |
Line 31: |
| | | |
| == Detailed Description == | | == Detailed Description == |
− | Introduction: | + | <b>Introduction:</b> |
| The domain/area which is yet to be explored by children is Web. This activity is a step towards the effort to help them learn HTML and Web development. Using this activity, children can | | The domain/area which is yet to be explored by children is Web. This activity is a step towards the effort to help them learn HTML and Web development. Using this activity, children can |
| * Easily create HTML pages using HTML tags | | * Easily create HTML pages using HTML tags |
Line 37: |
Line 37: |
| * Develop web site by creating set of HTML pages | | * Develop web site by creating set of HTML pages |
| | | |
− | Features: | + | <b>Features:</b> |
| * <b>IDE:</b> This will be an Integrated Development Environment(IDE) where toolbars will be presented with HTML components on it. Thus providing drag-drop feature for creating HTML pages just by dragging HTML components on canvas. The drag-drop operation on canvas will generate HTML markup in the backgroud and save to the file | | * <b>IDE:</b> This will be an Integrated Development Environment(IDE) where toolbars will be presented with HTML components on it. Thus providing drag-drop feature for creating HTML pages just by dragging HTML components on canvas. The drag-drop operation on canvas will generate HTML markup in the backgroud and save to the file |
− | * It will support three modes- | + | * <b>Modes of Operation:</b> It will support three modes- |
| <b>(a)Design Mode:</b> In this mode, children can create HTML pages on the fly using drag-drop feature. | | <b>(a)Design Mode:</b> In this mode, children can create HTML pages on the fly using drag-drop feature. |
| <br/> | | <br/> |
Line 49: |
Line 49: |
| | | |
| Screen Mockups: | | Screen Mockups: |
| + | |
| + | Design Mode: |
| + | This image shows the mockup of screen in Design Mode. On left hand side you |
| [[File:DevelopWeb_DesignMode.jpg]] | | [[File:DevelopWeb_DesignMode.jpg]] |
| + | |
| + | Source Mode: |
| + | This image shows the mockup of screen in Source Mode. |
| + | [[File:DevelopWeb_SourceMode.jpg]] |
| + | |
| + | Publish Mode: |
| + | This image shows the mockup of screen in Source Mode. |
| + | [[File:DevelopWeb_PublishMode.jpg]] |
| | | |
| ''Expand on the summary, if appropriate. A couple of sentences suffices to explain the goal, but the more details you can provide the better.'' | | ''Expand on the summary, if appropriate. A couple of sentences suffices to explain the goal, but the more details you can provide the better.'' |