WEBPAGE LEARNINGS TUT
HOW TO CREATE AND OPEN WEBPAGE?
- Login to exp.gndec.ac.in
- Switch to desk
- Under the public section, go to website and open “webpage”
- To add a new webpage, click on add webpage button on upper right corner
- Specify the title of webpage, content type and start to add rows
- For each specified row select web template depending on requirement
- Edit values and submit the new values
- Save the webpage and one can easily view it
EDITTING WEPAGE TEMPLATE
- Container
- Space at top : used to give space at top of wepage before content starts
- Space at bottom : used to give space at bottom of wepage after content ends
- Border at top : used to give border line at top
- Border at top : used to give border line at top
- Border at bottom : used to give border line at bottom
- Add grey background : used to add grey background
- Hide block : the webpage created is not visible
- Add Background images :Used to add background image
![img](Screenshot%20(267).png)
VARIOUS WEB TEMPLATES
SECTION WITH COLLAPSIBLE CONTENTS
It has collapsible contents
![img](Screenshot%20(270).png)
SECTION WITH CARDS
It has various inbuilt cards, each one used to address a particular issue
![img](Screenshot%20(271).png)
SECTION WITH TABS
It has various tabs that can be switched as per requirement , each tab containing particular infomation
![img](Screenshot%20(272).png)
DISCUSSIONS
It is section of website meant for viewers ideas and point of view. On can customise it for
1.single thread
2.muktple thread
![img](Screenshot%20(274).png)
MARKDOWN
In this template contents of webpage is written using markdown.
![img](Screenshot%20(273).png)
SECTION WITH IMAGE GRIDS
we can present images using grids
![img](Screenshot%20(276).png)
SECTION WITH VIDEOS
It is used to present video in webpage
SECTION WITH SMALL CTA
This section consist of several small CTA’s containing url’s of other webpages
![img](Screenshot%20(275).png)
HERO
It is used to present title and subtitle
![img](Screenshot%20(277).png)
HERO SLIDER
In this style of webpage, user can navigate through images using arrow buttons appearing on the left and right edge of the image.
![img](Screenshot%20(278).png)
COVER IMAGE
This is used as cover page of website
![img](/SDC/shutterstock-709918504.webp)