Wordpress e HTML: Fondamenti e Struttura

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

More Like This

WordPress App Features and Functionality Quiz
3 questions

WordPress App Features and Functionality Quiz

EntrancedTrust avatar
EntrancedTrust
WordPress REST API Fundamentals Quiz
12 questions

WordPress REST API Fundamentals Quiz

NavigableParody avatar
NavigableParody
WordPress Overview Quiz
10 questions

WordPress Overview Quiz

TalentedArgon avatar
TalentedArgon
Introduction à WordPress et licence GNU GPL
13 questions

Introduction à WordPress et licence GNU GPL

ParamountBoston2609 avatar
ParamountBoston2609
Use Quizgecko on...
Browser
Open
Browser
Browser