Page 239 - Web Applications (803) Class 12
P. 239

Now click on the     Run button, the above code is executed and the contents of the web page on the left
                 will change as follows:


                                                 Lab Assignment ‘n Activity




                    Try creating your own snippet! Here are the steps:
                    Open Chrome and go to Developer Tools (Ctrl+Shift+I)
                    Click on Sources → Snippets
                    Type the following code in the snippet panel:


                    document.body.innerHTML='';
                    const p=document.createElement('p');
                    p.textContent='Hello I am a Snippet!';

                    document.body.appendChild(p);





























                 In Notepad++, snippets  can be enabled using the Notepad++ plugin manager. To insert a snippet into
                 your working document, place the insertion cursor where you want to insert the snippet, select the snippet
                 category, then select the snippet you want to insert in the category list.

                   4.2 PSD TEMPLATES

                 You must build appealing and efficient pages as a web designer. Keep in mind that in addition to displaying
                 content to a visitor, the design must also be appealing to entice them to return to the website. You must
                 maintain a balance between aesthetic design and coding when it comes to Web design. Even though basic
                 HTML can be used to construct simple web designs, it is always a good idea to explore effective designs.
                 Components of some of the attractive websites can be created using PSD templates.
                 A PSD template is a pre-made design using which users can produce customised files without worrying about
                 the design's layout, composition, or other aesthetic details. PSD templates are multi-layered files that allow
                 for independent editing. You can update the text or add new photos while leaving the design layer in its
                 current state.

                                                                                  Advanced Features of Web-Design    237
   234   235   236   237   238   239   240   241   242   243   244