1 00:00:03,260 --> 00:00:08,650 È ora di passare al secondo incarico di questo corso. 2 00:00:08,650 --> 00:00:13,599 Questa settimana abbiamo avuto pulsanti coperti, moduli, 3 00:00:13,599 --> 00:00:20,095 tabelle, carte, immagini e media e poi finalmente abbiamo coperto badge. 4 00:00:20,095 --> 00:00:23,870 Quindi, questo compito vedremo cercando di 5 00:00:23,870 --> 00:00:29,780 esplorare la vostra comprensione di tutti questi argomenti. 6 00:00:30,010 --> 00:00:33,920 Il tuo secondo incarico consiste in tre compiti. 7 00:00:33,920 --> 00:00:37,120 Passiamo attraverso ognuno di loro passo dopo passo. 8 00:00:37,120 --> 00:00:44,160 Il primo compito consiste nel creare un modulo nel passo della tabella di strategia dell'indice. 9 00:00:44,160 --> 00:00:48,110 Quindi, questo è subito dopo le descrizioni che abbiamo quindi 10 00:00:48,110 --> 00:00:53,345 utilizzare un'altra riga con il contenuto della riga lì. 11 00:00:53,345 --> 00:00:57,850 Crea una carta con un titolo. 12 00:00:57,850 --> 00:01:01,065 Prenota un tavolo e poi all'interno di quella carta, 13 00:01:01,065 --> 00:01:04,460 nel blocco di carte, includi un modulo. 14 00:01:04,460 --> 00:01:08,095 Il modulo conterrà i pulsanti di opzione. 15 00:01:08,095 --> 00:01:13,280 È possibile controllare la documentazione per i moduli per capire come creare pulsanti di opzione. 16 00:01:13,280 --> 00:01:14,620 Sono abbastanza semplici. 17 00:01:14,620 --> 00:01:19,100 Quindi, abbiamo pulsanti radio in linea tutto il modo che vanno da uno a 18 00:01:19,100 --> 00:01:25,400 sei e si permetterà all'utente di selezionare uno qualsiasi di questi pulsanti di opzione. 19 00:01:25,400 --> 00:01:26,780 Quindi facendo clic su uno di essi, 20 00:01:26,780 --> 00:01:29,455 ti permetterà di selezionare il numero di ospiti. 21 00:01:29,455 --> 00:01:32,900 E la seconda informazione è la data, 22 00:01:32,900 --> 00:01:35,055 e la terza informazione è il tempo. 23 00:01:35,055 --> 00:01:40,480 Quindi, la data e l'ora saranno supportate da due campi di input 24 00:01:40,480 --> 00:01:44,040 qui e poi abbiamo un pulsante di invio qui chiamato 25 00:01:44,040 --> 00:01:47,955 «riserva» con il pulsante in colore blu. 26 00:01:47,955 --> 00:01:52,855 Quindi, ricorda tutti questi diversi dettagli qui e questo è in un biglietto. 27 00:01:52,855 --> 00:01:59,980 Ora, questa carta se è su uno schermo di dimensioni da piccolo a extra large, 28 00:01:59,980 --> 00:02:08,000 sarà centrato in questa riga e occuperà otto colonne. 29 00:02:08,000 --> 00:02:11,180 Quindi hai due colonne rimaste qui e due colonne rimaste lì. 30 00:02:11,180 --> 00:02:14,915 Questi sono alcuni indizi su come si sta andando a posizionarlo. 31 00:02:14,915 --> 00:02:17,020 Per le dimensioni dello schermo più piccole, 32 00:02:17,020 --> 00:02:20,900 si occupa l'intera larghezza dello schermo, 33 00:02:20,900 --> 00:02:25,670 altrimenti il modulo non può essere ospitato in modo significativo lì. 34 00:02:25,670 --> 00:02:31,505 Quindi, questo è il primo compito del tuo secondo incarico. 35 00:02:31,505 --> 00:02:38,285 Se si ricorda, a sinistra il secondo disegno del nostro contenuto senza stile, 36 00:02:38,285 --> 00:02:41,980 si sta andando a utilizzare l'oggetto multimediale ora per lo stile di questo contenuto. 37 00:02:41,980 --> 00:02:43,790 Nota in particolare che, 38 00:02:43,790 --> 00:02:47,460 per l'oggetto multimediale, la tua immagine apparirà sul lato destro, 39 00:02:47,460 --> 00:02:50,365 quindi usa il set giusto di 40 00:02:50,365 --> 00:02:55,800 classi per far apparire l'immagine sul lato destro del contenuto, a 41 00:02:55,800 --> 00:03:00,275 differenza degli altri in cui l'immagine appare sul lato sinistro. 42 00:03:00,275 --> 00:03:02,930 E deve essere centrato verticalmente qui. 43 00:03:02,930 --> 00:03:08,665 Inoltre, si noti che è necessario includere un badge qui con la parola «nuovo». 44 00:03:08,665 --> 00:03:11,530 E così abbiamo visto questo già 45 00:03:11,530 --> 00:03:15,025 nell'esercizio prima, quindi questo non dovrebbe essere molto difficile da raggiungere. 46 00:03:15,025 --> 00:03:16,780 Quindi, il tuo secondo compito, ancora una volta, 47 00:03:16,780 --> 00:03:21,030 è usare l'oggetto multimediale per lo stile attraverso. 48 00:03:21,030 --> 00:03:24,545 Il compito finale nel secondo compito, 49 00:03:24,545 --> 00:03:27,455 è quello di creare un pulsante qui. 50 00:03:27,455 --> 00:03:29,735 Questo sarebbe un pulsante di blocco. 51 00:03:29,735 --> 00:03:32,635 Quindi, classe di blocco pulsante che userai. 52 00:03:32,635 --> 00:03:38,430 Ora, quello che puoi fare è che puoi riposizionare questo contenuto 53 00:03:38,430 --> 00:03:41,170 qui per occupare metà dello schermo e 54 00:03:41,170 --> 00:03:44,770 poi a questi due piacerà la parte rimanente dello schermo. 55 00:03:44,770 --> 00:03:47,910 E usa le parole tabella di riserva lì dentro. 56 00:03:47,910 --> 00:03:50,815 Non solo, quando clicchi su questo pulsante, 57 00:03:50,815 --> 00:03:55,085 sarai portato giù al modulo in fondo alla pagina, 58 00:03:55,085 --> 00:03:57,340 che ti permette di effettuare la prenotazione. 59 00:03:57,340 --> 00:04:01,150 Quindi, questo è dove è necessario utilizzare i modi HTML di 60 00:04:01,150 --> 00:04:05,695 specificare gli ID per ottenere questa azione. 61 00:04:05,695 --> 00:04:12,940 Quindi, tornando indietro, questo pulsante dovrebbe essere posizionato verticalmente nella 62 00:04:12,940 --> 00:04:21,610 tabella e dovrebbe condividere lo spazio dello schermo metà con il tuo logo qui. 63 00:04:21,610 --> 00:04:25,550 Le parole qui possono occupare la restante metà degli script. 64 00:04:25,550 --> 00:04:30,930 Quindi puoi usare le classi di colonna per regolare queste cose.