È ora di passare al secondo incarico di questo corso.
Questa settimana abbiamo avuto pulsanti coperti, moduli,
tabelle, carte, immagini e media e poi finalmente abbiamo coperto badge.
Quindi, questo compito vedremo cercando di
esplorare la vostra comprensione di tutti questi argomenti.
Il tuo secondo incarico consiste in tre compiti.
Passiamo attraverso ognuno di loro passo dopo passo.
Il primo compito consiste nel creare un modulo nel passo della tabella di strategia dell'indice.
Quindi, questo è subito dopo le descrizioni che abbiamo quindi
utilizzare un'altra riga con il contenuto della riga lì.
Crea una carta con un titolo.
Prenota un tavolo e poi all'interno di quella carta,
nel blocco di carte, includi un modulo.
Il modulo conterrà i pulsanti di opzione.
È possibile controllare la documentazione per i moduli per capire come creare pulsanti di opzione.
Sono abbastanza semplici.
Quindi, abbiamo pulsanti radio in linea tutto il modo che vanno da uno a
sei e si permetterà all'utente di selezionare uno qualsiasi di questi pulsanti di opzione.
Quindi facendo clic su uno di essi,
ti permetterà di selezionare il numero di ospiti.
E la seconda informazione è la data,
e la terza informazione è il tempo.
Quindi, la data e l'ora saranno supportate da due campi di input
qui e poi abbiamo un pulsante di invio qui chiamato
«riserva» con il pulsante in colore blu.
Quindi, ricorda tutti questi diversi dettagli qui e questo è in un biglietto.
Ora, questa carta se è su uno schermo di dimensioni da piccolo a extra large,
sarà centrato in questa riga e occuperà otto colonne.
Quindi hai due colonne rimaste qui e due colonne rimaste lì.
Questi sono alcuni indizi su come si sta andando a posizionarlo.
Per le dimensioni dello schermo più piccole,
si occupa l'intera larghezza dello schermo,
altrimenti il modulo non può essere ospitato in modo significativo lì.
Quindi, questo è il primo compito del tuo secondo incarico.
Se si ricorda, a sinistra il secondo disegno del nostro contenuto senza stile,
si sta andando a utilizzare l'oggetto multimediale ora per lo stile di questo contenuto.
Nota in particolare che,
per l'oggetto multimediale, la tua immagine apparirà sul lato destro,
quindi usa il set giusto di
classi per far apparire l'immagine sul lato destro del contenuto, a
differenza degli altri in cui l'immagine appare sul lato sinistro.
E deve essere centrato verticalmente qui.
Inoltre, si noti che è necessario includere un badge qui con la parola «nuovo».
E così abbiamo visto questo già
nell'esercizio prima, quindi questo non dovrebbe essere molto difficile da raggiungere.
Quindi, il tuo secondo compito, ancora una volta,
è usare l'oggetto multimediale per lo stile attraverso.
Il compito finale nel secondo compito,
è quello di creare un pulsante qui.
Questo sarebbe un pulsante di blocco.
Quindi, classe di blocco pulsante che userai.
Ora, quello che puoi fare è che puoi riposizionare questo contenuto
qui per occupare metà dello schermo e
poi a questi due piacerà la parte rimanente dello schermo.
E usa le parole tabella di riserva lì dentro.
Non solo, quando clicchi su questo pulsante,
sarai portato giù al modulo in fondo alla pagina,
che ti permette di effettuare la prenotazione.
Quindi, questo è dove è necessario utilizzare i modi HTML di
specificare gli ID per ottenere questa azione.
Quindi, tornando indietro, questo pulsante dovrebbe essere posizionato verticalmente nella
tabella e dovrebbe condividere lo spazio dello schermo metà con il tuo logo qui.
Le parole qui possono occupare la restante metà degli script.
Quindi puoi usare le classi di colonna per regolare queste cose.