Features/Develop Web: Difference between revisions
No edit summary |
No edit summary |
||
| 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.'' | ||