Microsoft Expression Web - Video
In questo capitolo impareremo come aggiungere video al sito Web e quali formati sono supportati in Expression Web. Con l'aiuto dei video, puoi facilmente attirare l'attenzione dei potenziali clienti sui prodotti o servizi della tua azienda.
Microsoft Expression Web è uno strumento di progettazione Web che semplifica il processo di aggiunta di video promozionali, di marketing o di formazione alle pagine Web. Puoi inserire facilmente i tuoi video nella visualizzazione Progettazione di Microsoft Expression.
Per impostazione predefinita, Expression Web supporta formati di codifica video come Silverlight, Adobe Flash, WMV, ASF, MWA, AVI, WVX e MPEG.
Esempio
Facciamo ora un esempio per comprendere il processo di aggiunta di un video in modo graduale.
Step 1 - Aggiungi un nuovo file HTML e chiamalo videodemo.html.
Step 2- Fare clic con il mouse nella posizione all'interno della pagina Web in cui deve essere inserito il video. Supponiamo di voler aggiungere un video sotto l'intestazione.
Step 3 - Vai al Insert menu → Mediache aprirà il sottomenu contenente l'elenco dei formati di lettore video supportati di default da Expressions. SelezioniamoWindows Media Player.
Step 4- Individua il video che desideri utilizzare. Seleziona il nome del file video e fai clic sul pulsante Inserisci per inserirlo nella pagina web. Salva il file premendo Ctrl + S e vedrai la finestra di dialogo Salva file incorporati.
Step 5 - Fare clic su OK e vedrai che il file multimediale viene aggiunto alla cartella del sito web.
Di seguito è riportato il codice in videodemo.html page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta content = "text/html; charset = utf-8" http-equiv = "Content-Type" />
<title>Untitled 1</title>
</head>
<body>
<h1> Video Demo</h1>
<p>
<object id = "media1" height = "200" type = "video/x-ms-wmv" width = "200">
<param name = "filename" value = "logo.wmv" />
</object>
</p>
</body>
</html>
Step 6- Vediamo ora in anteprima la pagina web in un browser. Vedrai che il video è in riproduzione.