Récapitulatif de la séance 4 (11/10/2017)
PLAN DU COURS
Encodage et format de fichier
Rappel HTML
Exercice : Création d’une page
html contenant un tableau d’url avec un script bash
I Encodage et format de fichier
1.1 encodage
L’ensemble de travail est basé sur utf-8 pour éviter des
problèmes éventuels causés par l’encodage.
Pour en faire, nous avons plusieurs commandes unix :
1.1.1 $file -i [FILE]
Permettre de connaître le type d’un fichier, y compris
son encodage.
1.1.2
$iconv [options] [-f from-encoding] [-t to-encoding] [inputfile]...
Permettre de convertir l’encodage d’un fichier.
1.1.3 $utrac [options] [FILE]
Commande non noyau unix, avec des fonctions similaires
que $iconv
1.2 Format de fichier
En l’occurence, il s’agit notamment de la fin de ligne
des fichiers edités avec des outils d'Unix et de Windows. Notre environment de travail
est Unix (distribution Linux Ubuntu 16.04). Il est donc necessaire de
s’assurer que la fin de ligne de chaque fichier se conforme au standard
Unix.
1.2.1
Format
Windows
: 0x0D0x0A = CRLF = \r\n
Unix : 0x0A = LF = \n
1.2.2 Solutions
1) avec l’IU de l’éditeur de texte kate : => Tools
=> End of line => Unix
2) avec la commande $utrac supra.
2 Rappel HTML
Il s’agit de
1) connaître la structure d’une page HTML et de
2) construire une page html contenant un tableau, ce que nous avons déjà complété dans le blog précédent.
EXERCICE
Création d’une page html contenant un tableau d’urls avec
un script bash :
Environment de travail :
/home/.../PROJET_MOT_SUR_LE_WEB
$ tree -d
.
├── CONTEXTES
├── DUMP-TEXT
├── IMAGES
├── PAGES-ASPIREES
├── PROGRAMMES
├── TABLEAUX
└── URLS
Script :
./PROGRAMMES/CreationTableau_url_1colonne_html_test.sh
#!bin/bash
#PATH=$PATH:~/home/.../PROJET_MOT_SUR_LE_WEB
#./PROGRAMMES/CreationTableau_url_1colonne_html_test.sh
#testé avec ./URLS/liste-url-newspaper.txt fourni par le prof
################################################################
# Création d'une page html contenant une colonne d'urls
# Entrée : un fichier .txt contenant des urls
# Sortie : un fichier .html contenant un tableau d'une colonne
################################################################
echo "Création d'une page html contenant une colonne d'urls";
echo 'Entrez le nom du fichier.txt contenant des liens :';
read f;
echo 'Entrez le nom du fichier.html pour stocker les liens : ';
read t;
echo '<!DOCTYPE html>' > $t;
echo '<html>' >> $t;
echo '<head>' >> $t;
# l'encodage de caractères
echo '<title>Tableau urls</title>' >> $t;
echo '<meta charset = "utf-8">' >> $t;
echo '</head>' >> $t;
echo '<body>' >> $t;
echo '<p>Tableau des urls de teste<p>' >> $t;
echo '<table border = "1" bordercolor = "#47baae" width = "60%" align = "center">' >> $t;
echo '<tr>' >> $t;
echo '<th>liens</th>' >> $t;
echo '</tr>' >> $t;
#boucle d'insertion des liens ligne par ligne
for l in $(cat $f);
do
echo "<tr><td align = "center"><a href="$l">$l</a></td><tr>" >> $t;
done;
echo '</table>' >> $t;
echo '</body>' >> $t;
echo '</html>' >> $t;
echo 'Fin de création de tableau.'
Exécution :
~/Documents/ProjetEncadre20172018/PROJET_MOT_SUR_LE_WEB$ bash ./PROGRAMMES/CreationTableau_url_1colonne_html_tes
t.sh
Création d'une page html contenant une colonne d'urls
Entrez le nom du fichier.txt contenant des liens :
./URLS/liste-url-newspaper.txt
Entrez le nom du fichier.html pour stocker les liens :
./TABLEAUX/tableau_url_1col_test.html
Fin de création de tableau.
~/Documents/ProjetEncadre20172018/PROJET_MOT_SUR_LE_WEB$ firefox ./TABLEAUX/tableau_url_1col_test.html
Résultat :
Références
http://www.linuxcertif.com/man/1/utrac/
https://doc.ubuntu-fr.org/iconv
