Structure content of a course [closed]

Navigation
0

I'm a beginner, both HTML and CSS. As you can see in the image you need help solving 3 problems:

I want to make a sort of menu (or splits) that will be the modules of my course. This menu will list (class1, class2) vertically.

2- I would like from the moment I click on one of the modules the contents of the module open on the right side. The page can reload or not (I do not know what it is possible to do) ...

3 - In addition, this content is great so I would like to split it so that it can be passed with the arrow as part of a slide (I thought about doing an iframe, but I do not know how to do it structure to pass the content.)

I would like help in solving these 3 problems, so I avoid using PHP or javascript because I have not started learning yet.

    
asked by anonymous 16.11.2017 / 15:02

2 answers

0

Problem 1:

You can use Bootstrap , it has a col class that can be used for this, and may leave you responsive here .

Problem 2:

No javascript gets complicated, but you can use :hover to change the slide show ( none and inline ), but it will not be very good

Problem 3:

As a beginner, I suggest using WOWSlider to create this "PowerPoint"

    
16.11.2017 / 15:18
0

Thank you very much for the tip. However, I realized that the slide would limit my content a lot. So I learned some JavaSCript and realized that I can do exactly what I wanted using a basic script: 

function mostra() {
document.getElementById('introduçao').style.display = 'block';

In the div: 

<div id="introd" class="hidden">
        <object data="oi.pdf" width="1000" height="550"></object>
        </div>

In CSS: 

#introd{display: none;}
    
17.11.2017 / 16:59
Doubt in SQL conversion to Django ORM Deletion of master-detail record TCxGrid