Changes

Jump to navigation Jump to search
342 bytes added ,  04:49, 24 August 2012
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.''

Navigation menu