necto 16 training 6 - web component
TRANSCRIPT
![Page 1: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/1.jpg)
Necto 16 Training HTML & Web Components
![Page 2: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/2.jpg)
Objectives
• By the end of this lesson you will be able to:
Create a new HTML component Add items to the HTML component Create a new web component Use placeholders in the web component Change properties of the web component
![Page 3: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/3.jpg)
Necto HTML Component
![Page 4: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/4.jpg)
HTML Component
The Web component can be linked to another HTML page.The Web component can refer to a third party web application as well.To define the browser component– enter a URL. You may use placeholders in the URL. For example, use a web search service to locate more information about a parameter selected by the user.
![Page 5: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/5.jpg)
HTML ComponentThe HTML component is full of options, it is basically a hold all option for things that the more specific components do not cover.
![Page 6: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/6.jpg)
HTML Component Basic Items • The first area allows you to print, find, spell check items.• You can cut, copy and paste from Word, other formats and undo and redo items in the
HTML• You can also add hyperlinks and images
![Page 7: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/7.jpg)
HTML Component Media Items • Here you can add Flash, Media and YouTube items• PDF files for download• Add templates• Get help with items
![Page 8: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/8.jpg)
HTML Component Table and Formatting Items• You can add a table and edit it with many options• Add Emoticons, special characters• Format fonts, Colors, change items from front to back
![Page 9: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/9.jpg)
HTML Component Using HTML and SDK
![Page 10: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/10.jpg)
Necto Web Component
![Page 11: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/11.jpg)
Web Components Example
![Page 12: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/12.jpg)
Workboard Web Component• You can show many of the most popular web
sites in the world.
![Page 13: Necto 16 training 6 - web component](https://reader036.vdocuments.net/reader036/viewer/2022062523/589994511a28ab30328b63ab/html5/thumbnails/13.jpg)
Web Components PlaceholdersThe placeholder can be added for a parameter or any other placeholder option