Wordpress e HTML: Fondamenti e Struttura
32 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Quale delle seguenti proprietà CSS controlla il modo in cui i contenuti vengono allineati sull'asse principale?

  • justify-content (correct)
  • align-items
  • align-self
  • align-content
  • Quale proprietà CSS controlla l'allineamento di un singolo elemento all'interno del suo contenitore?

  • justify-content
  • align-items
  • align-content
  • align-self (correct)
  • Quale delle seguenti proprietà CSS può essere usata per definire la distanza tra gli elementi all'interno di un contenitore flex?

  • align-items
  • gap (correct)
  • justify-content
  • align-content
  • Quale delle seguenti opzioni NON è un valore valido per la proprietà align-content?

    <p>stretch (A)</p> Signup and view all the answers

    Quale di queste funzioni è offerta da Figma per creare prototipi di interazioni?

    <p>Prototipazione (B)</p> Signup and view all the answers

    Quale delle seguenti proprietà CSS può essere utilizzata per definire il colore di sfondo di un elemento?

    <p>background-color (A)</p> Signup and view all the answers

    Quali sono le due parti principali di una regola CSS?

    <p>selettore e dichiarazione (C)</p> Signup and view all the answers

    Quale delle seguenti proprietà CSS controlla la ripetizione dell'immagine di sfondo?

    <p>background-repeat (A)</p> Signup and view all the answers

    Qual è la funzione principale dei tag h1, h2, h3, h4, h5 e h6 in HTML?

    <p>Definire titoli e sottotitoli con diversi livelli di importanza (B)</p> Signup and view all the answers

    Quale tra queste affermazioni riguardo a Wordpress è FALSA?

    <p>Wordpress è immune dagli attacchi degli hacker grazie alla sua sicurezza intrinseca. (B)</p> Signup and view all the answers

    Quale tra le seguenti è una funzione aggiuntiva che può essere integrata in Wordpress tramite i plugin?

    <p>Integrazione di un modulo di contatto (D)</p> Signup and view all the answers

    Quale tag HTML viene utilizzato per creare un break, ovvero un salto di riga?

    <p><code>&lt;br&gt;</code> (A)</p> Signup and view all the answers

    Quale tra questi elementi NON fa parte della struttura di base di un sito web?

    <p>Sidebar (C)</p> Signup and view all the answers

    Quale tra queste affermazioni sul Flexbox è VERA?

    <p>Il Flexbox è un modello CSS che consente di creare layout reattivi e flessibili. (C)</p> Signup and view all the answers

    Quale differenza chiave esiste tra articoli e pagine in Wordpress?

    <p>Gli articoli possono essere commentati dagli utenti, mentre le pagine no. (C)</p> Signup and view all the answers

    Quale tra questi è un vantaggio di Wordpress rispetto ad altri CMS?

    <p>La sua facile usabilità e la vasta comunità di supporto. (A)</p> Signup and view all the answers

    Quale di queste caratteristiche distingue i font serif dai font sans serif?

    <p>Presenza di decorazioni chiamate grazie (D)</p> Signup and view all the answers

    Quale proprietà CSS è utilizzata per definire il tipo di carattere?

    <p>font-family (D)</p> Signup and view all the answers

    Qual è la funzione principale dei commenti in JavaScript?

    <p>Ignorare porzioni di testo dal parser (C)</p> Signup and view all the answers

    Quale delle seguenti affermazioni è corretta riguardo alle variabili in JavaScript?

    <p>Richiedono l'istruzione var per essere dichiarate (C)</p> Signup and view all the answers

    Qual è la funzione del valore 'normal' nella proprietà font-weight?

    <p>Indicare un peso medio del carattere (B)</p> Signup and view all the answers

    Qual è una delle modalità per esprimere il peso di un font?

    <p>Valori numerici (A)</p> Signup and view all the answers

    In JavaScript, quali caratteri delimitano le stringhe valide?

    <p>Virgolette doppie o apici (C)</p> Signup and view all the answers

    Quali valori può assumere un dato booleano in JavaScript?

    <p>Solo true e false (D)</p> Signup and view all the answers

    Cosa differenzia il testo obliquo dal corsivo in tipografia?

    <p>Il testo obliquo è una deformazione del normale (B)</p> Signup and view all the answers

    Qual è l'operatore di concatenazione in JavaScript?

    <ul> <li>(A)</li> </ul> Signup and view all the answers

    In quale sezione di una pagina HTML può essere inserito il codice JavaScript?

    <p>In entrambe le sezioni (B)</p> Signup and view all the answers

    Qual è lo scopo principale del JavaScript in una pagina web?

    <p>Fornire interattività alle pagine web (A)</p> Signup and view all the answers

    Quale dei seguenti è un esempio di struttura di selezione in JavaScript?

    <p>if e else (D)</p> Signup and view all the answers

    Cosa sono le famiglie generiche in CSS?

    <p>Categorie ampie di font (A)</p> Signup and view all the answers

    Che cosa permette di fare la struttura di controllo di iterazione?

    <p>Eseguire più istruzioni fino a quando una condizione è vera (D)</p> Signup and view all the answers

    Quale tra i seguenti è un operatore di confronto in JavaScript?

    <p>&lt;= (D)</p> Signup and view all the answers

    Flashcards

    Caratteri con grazie

    Caratteri tipografici con piccole decorazioni sulle lettere, migliorano la leggibilità ad alta risoluzione.

    Caratteri senza grazie

    Caratteri tipografici privi di decorazioni, più leggibili a bassa risoluzione.

    font-family

    Proprietà CSS che definisce il tipo di carattere in un documento.

    caratteri compatibili

    Riferito a font che funzionano su diverse piattaforme come Windows, Mac e Linux.

    Signup and view all the flashcards

    font-weight

    Proprietà CSS che definisce il peso o la grossezza del carattere.

    Signup and view all the flashcards

    font-style

    Proprietà CSS che determina varianti del testo, come corsivo o obliquo.

    Signup and view all the flashcards

    JavaScript

    Linguaggio di programmazione per il web che aggiunge dinamicità alle pagine.

    Signup and view all the flashcards

    inserire JavaScript

    Tecnica per includere codice JavaScript in un documento HTML.

    Signup and view all the flashcards

    Commenti in JavaScript

    Testo ignorato dal parser, può essere di una o più righe.

    Signup and view all the flashcards

    Variabili

    Celle di memoria per salvare dati durante l'esecuzione.

    Signup and view all the flashcards

    Stringhe

    Sequenze di caratteri alfanumerici, delimitate da ' o ".

    Signup and view all the flashcards

    Dati booleani

    Valori che possono essere solo true o false.

    Signup and view all the flashcards

    Operatori matematici

    Restituiscono valori numerici usando +, -, *, /.

    Signup and view all the flashcards

    Operatori di concatenazione

    Uniscono due stringhe, usando il simbolo +.

    Signup and view all the flashcards

    Selezione

    Struttura per scegliere tra due blocchi di istruzioni, usando if ed else.

    Signup and view all the flashcards

    Iterazione

    Struttura di controllo che esegue istruzioni ripetutamente a condizione.

    Signup and view all the flashcards

    Wordpress

    CMS più utilizzato al mondo, open source, che gestisce i contenuti senza competenze in HTML.

    Signup and view all the flashcards

    Back end e Front end

    Back end: tutto ciò che c'è dietro un sito. Front end: l'interfaccia visibile agli utenti.

    Signup and view all the flashcards

    Hosting

    Spazio web in cui vengono memorizzati i file di un sito Wordpress.

    Signup and view all the flashcards

    Articoli e Pagine

    Articoli: contenuti dinamici con commenti. Pagine: contenuti statici senza commenti.

    Signup and view all the flashcards

    Tag HTML

    Elementi che definiscono la struttura e il formato del contenuto in una pagina HTML.

    Signup and view all the flashcards

    Codifica UTF-8

    Standard di codifica che permette l'uso di caratteri speciali e lettere accentate.

    Signup and view all the flashcards

    Flexbox

    Modello CSS per creare layout flessibili e reattivi utilizzando gli assi dello schermo.

    Signup and view all the flashcards

    Tag per le liste

    Strutture HTML per creare liste ordinate o non ordinate.

    Signup and view all the flashcards

    justify-content

    Definisce l’allineamento lungo l'asse principale in un layout flex.

    Signup and view all the flashcards

    align-items

    Definisce come vengono allineati gli elementi lungo l'asse secondario.

    Signup and view all the flashcards

    gap

    Controlla lo spazio tra gli elementi in un layout flex.

    Signup and view all the flashcards

    Figma

    Strumento gratuito per la progettazione e l'animazione di applicazioni e giochi.

    Signup and view all the flashcards

    CSS

    Cascading Style Sheets; separa il contenuto dalla presentazione nelle pagine web.

    Signup and view all the flashcards

    Selettore

    Parte del CSS che identifica a quale elemento si applica una regola di stile.

    Signup and view all the flashcards

    background

    Proprietà CSS che definisce lo sfondo di un elemento, come il colore o l'immagine.

    Signup and view all the flashcards

    Font

    Serie completa di caratteri con lo stesso stile tipografico.

    Signup and view all the flashcards

    Study Notes

    Wordpress

    • Wordpress è il CMS (Content Management System) più diffuso al mondo, open source
    • Consente di gestire i contenuti senza necessità di competenze approfondite in HTML
    • Si divide in due parti:
      • Backend: parte del sito non visibile all'utente, che gestisce le impostazioni
      • Frontend: parte del sito visibile all'utente
    • Vantaggi: facile da usare, gratuito, ampia disponibilità di plugin (funzioni aggiuntive)
    • Svantaggi: spesso bersaglio di attacchi hacker
    • Funziona tramite hosting (spazio sul server web)
    • Possibilità di creare contenuti tramite articoli (dinamici, con commenti) o pagine (statiche, senza commenti)
    • Struttura di un sito web:
      • Header (parte iniziale)
      • Navbar (barra di ricerca)
      • Main (corpo principale del sito)
      • Footer (parte finale)

    HTML

    • Creato da Tim Berners-Lee e Robert Caillau nel 1989-1990
    • Formato di una pagina:
      • html: tag principale
      • head: sezione contenente metadati (es. titolo)
      • title: titolo della pagina
      • body: sezione contenente il testo e gli elementi della pagina
    • Esempio di struttura base:
      <html>
      <head>
      <title> Titolo pagina </title>
      </head>
      <body>
      testo
      </body>
      </html>
      
    • Tag contenitori: <span>, <p>, <div> (per raggruppare elementi)
    • Tag per la formattazione testo: <strong>, <em>, <u>, <br/>, <hr/> (linea orizzontale)
    • Tag per i titoli (h1, h2, h3, h4, h5, h6) con grandezze decrescenti da h1 ad h6
    • Necessità di UTF-8 per consentire l'utilizzo di caratteri accentati

    Flexbox

    • Modello CSS per creare layout flessibili e reattivi
    • Utilizzo di assi per la disposizione degli elementi
    • Proprietà utili per justify-content, align-items, align-content, align-self, gap

    Figma

    • Strumento per la progettazione di interfacce utente ed animazioni

    CSS

    • Cascading Style Sheets, per separare il contenuto dal design di una pagina
    • Struttura: selettore { proprietà: valore; }
    • Esempi di proprietà: background-color, background-image, background-position

    Javascript

    • Linguaggio di programmazione per aggiungere interattività alle pagine web
    • Permette l'esecuzione di codice dinamicamente (es. inserimento commenti, gesti variabili)
    • Le variabili sono celle di memoria che contengono valori
    • Le stringhe sono sequenze di caratteri racchiuse tra virgolette
    • Operatori matematici, operatori stringa, operatori booleani
    • Utilizzo di if, else e switch per controlli e selezioni di codice
    • Utilizzo di while e for per iteraizioni di codice
    • Strutture di selezione, iterazione per la programmazione.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    Corso web designer esame PDF

    Description

    Questo quiz esplora le basi di Wordpress e HTML, due strumenti fondamentali per la creazione di contenuti web. Scoprirai le differenze tra backend e frontend di Wordpress, oltre alla struttura di una pagina HTML. Testa quanto conosci sulla gestione dei contenuti e sulla creazione dei siti web.

    More Like This

    WordPress REST API Fundamentals Quiz
    12 questions
    WordPress Overview Quiz
    10 questions
    Introduction à WordPress et licence GNU GPL
    13 questions
    Use Quizgecko on...
    Browser
    Browser