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

