TPHTML1_BTS1A/Compte_rendu_TPHTML1_HAAS.htm

856 lines
38 KiB
HTML
Raw Normal View History

2017-01-14 23:09:05 +01:00
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 14">
<meta name=Originator content="Microsoft Word 14">
<link rel=File-List href="Compte_rendu_TPHTML1_HAAS_fichiers/filelist.xml">
<link rel=Edit-Time-Data href="Compte_rendu_TPHTML1_HAAS_fichiers/editdata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Flavien Haas</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Pedagogie</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:TotalTime>130</o:TotalTime>
<o:Created>2016-12-02T07:35:00Z</o:Created>
<o:LastSaved>2016-12-02T07:35:00Z</o:LastSaved>
<o:Pages>6</o:Pages>
<o:Words>494</o:Words>
<o:Characters>2719</o:Characters>
<o:Lines>22</o:Lines>
<o:Paragraphs>6</o:Paragraphs>
<o:CharactersWithSpaces>3207</o:CharactersWithSpaces>
<o:Version>14.00</o:Version>
</o:DocumentProperties>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>120</o:PixelsPerInch>
<o:TargetScreenSize>1280x1024</o:TargetScreenSize>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<link rel=dataStoreItem href="Compte_rendu_TPHTML1_HAAS_fichiers/item0001.xml"
target="Compte_rendu_TPHTML1_HAAS_fichiers/props002.xml">
<link rel=themeData href="Compte_rendu_TPHTML1_HAAS_fichiers/themedata.thmx">
<link rel=colorSchemeMapping
href="Compte_rendu_TPHTML1_HAAS_fichiers/colorschememapping.xml">
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Print</w:View>
<w:SpellingState>Clean</w:SpellingState>
<w:GrammarState>Clean</w:GrammarState>
<w:TrackMoves>false</w:TrackMoves>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>FR</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<w:DoNotOptimizeForBrowser/>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="&#45;-"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;
mso-font-charset:1;
mso-generic-font-family:roman;
mso-font-format:other;
mso-font-pitch:variable;
mso-font-signature:0 0 0 0 0 0;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-536870145 1073786111 1 0 415 0;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-520081665 -1073717157 41 0 66047 0;}
@font-face
{font-family:"Calibri Light";
panose-1:2 15 3 2 2 2 4 3 2 4;
mso-font-charset:0;
mso-generic-font-family:swiss;
mso-font-pitch:variable;
mso-font-signature:-1610611985 1073750139 0 0 415 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-parent:"";
margin-top:0cm;
margin-right:0cm;
margin-bottom:8.0pt;
margin-left:0cm;
line-height:107%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
h1
{mso-style-priority:9;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Titre 1 Car";
mso-style-next:Normal;
margin-top:12.0pt;
margin-right:0cm;
margin-bottom:0cm;
margin-left:0cm;
margin-bottom:.0001pt;
line-height:107%;
mso-pagination:widow-orphan lines-together;
page-break-after:avoid;
mso-outline-level:1;
font-size:16.0pt;
font-family:"Calibri Light","sans-serif";
mso-ascii-font-family:"Calibri Light";
mso-ascii-theme-font:major-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:major-fareast;
mso-hansi-font-family:"Calibri Light";
mso-hansi-theme-font:major-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:major-bidi;
color:#2E74B5;
mso-themecolor:accent1;
mso-themeshade:191;
mso-font-kerning:0pt;
mso-fareast-language:EN-US;
font-weight:normal;}
p.MsoTitle, li.MsoTitle, div.MsoTitle
{mso-style-priority:10;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Titre Car";
mso-style-next:Normal;
margin:0cm;
margin-bottom:.0001pt;
mso-add-space:auto;
mso-pagination:widow-orphan;
font-size:28.0pt;
font-family:"Calibri Light","sans-serif";
mso-ascii-font-family:"Calibri Light";
mso-ascii-theme-font:major-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:major-fareast;
mso-hansi-font-family:"Calibri Light";
mso-hansi-theme-font:major-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:major-bidi;
letter-spacing:-.5pt;
mso-font-kerning:14.0pt;
mso-fareast-language:EN-US;}
p.MsoTitleCxSpFirst, li.MsoTitleCxSpFirst, div.MsoTitleCxSpFirst
{mso-style-priority:10;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Titre Car";
mso-style-next:Normal;
mso-style-type:export-only;
margin:0cm;
margin-bottom:.0001pt;
mso-add-space:auto;
mso-pagination:widow-orphan;
font-size:28.0pt;
font-family:"Calibri Light","sans-serif";
mso-ascii-font-family:"Calibri Light";
mso-ascii-theme-font:major-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:major-fareast;
mso-hansi-font-family:"Calibri Light";
mso-hansi-theme-font:major-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:major-bidi;
letter-spacing:-.5pt;
mso-font-kerning:14.0pt;
mso-fareast-language:EN-US;}
p.MsoTitleCxSpMiddle, li.MsoTitleCxSpMiddle, div.MsoTitleCxSpMiddle
{mso-style-priority:10;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Titre Car";
mso-style-next:Normal;
mso-style-type:export-only;
margin:0cm;
margin-bottom:.0001pt;
mso-add-space:auto;
mso-pagination:widow-orphan;
font-size:28.0pt;
font-family:"Calibri Light","sans-serif";
mso-ascii-font-family:"Calibri Light";
mso-ascii-theme-font:major-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:major-fareast;
mso-hansi-font-family:"Calibri Light";
mso-hansi-theme-font:major-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:major-bidi;
letter-spacing:-.5pt;
mso-font-kerning:14.0pt;
mso-fareast-language:EN-US;}
p.MsoTitleCxSpLast, li.MsoTitleCxSpLast, div.MsoTitleCxSpLast
{mso-style-priority:10;
mso-style-unhide:no;
mso-style-qformat:yes;
mso-style-link:"Titre Car";
mso-style-next:Normal;
mso-style-type:export-only;
margin:0cm;
margin-bottom:.0001pt;
mso-add-space:auto;
mso-pagination:widow-orphan;
font-size:28.0pt;
font-family:"Calibri Light","sans-serif";
mso-ascii-font-family:"Calibri Light";
mso-ascii-theme-font:major-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:major-fareast;
mso-hansi-font-family:"Calibri Light";
mso-hansi-theme-font:major-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:major-bidi;
letter-spacing:-.5pt;
mso-font-kerning:14.0pt;
mso-fareast-language:EN-US;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
{mso-style-noshow:yes;
mso-style-priority:99;
mso-style-link:"Texte de bulles Car";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:8.0pt;
font-family:"Tahoma","sans-serif";
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-fareast-language:EN-US;}
span.TitreCar
{mso-style-name:"Titre Car";
mso-style-priority:10;
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:Titre;
mso-ansi-font-size:28.0pt;
mso-bidi-font-size:28.0pt;
font-family:"Calibri Light","sans-serif";
mso-ascii-font-family:"Calibri Light";
mso-ascii-theme-font:major-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:major-fareast;
mso-hansi-font-family:"Calibri Light";
mso-hansi-theme-font:major-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:major-bidi;
letter-spacing:-.5pt;
mso-font-kerning:14.0pt;}
span.Titre1Car
{mso-style-name:"Titre 1 Car";
mso-style-priority:9;
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:"Titre 1";
mso-ansi-font-size:16.0pt;
mso-bidi-font-size:16.0pt;
font-family:"Calibri Light","sans-serif";
mso-ascii-font-family:"Calibri Light";
mso-ascii-theme-font:major-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:major-fareast;
mso-hansi-font-family:"Calibri Light";
mso-hansi-theme-font:major-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:major-bidi;
color:#2E74B5;
mso-themecolor:accent1;
mso-themeshade:191;}
span.TextedebullesCar
{mso-style-name:"Texte de bulles Car";
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-unhide:no;
mso-style-locked:yes;
mso-style-link:"Texte de bulles";
mso-ansi-font-size:8.0pt;
mso-bidi-font-size:8.0pt;
font-family:"Tahoma","sans-serif";
mso-ascii-font-family:Tahoma;
mso-hansi-font-family:Tahoma;
mso-bidi-font-family:Tahoma;}
span.GramE
{mso-style-name:"";
mso-gram-e:yes;}
.MsoChpDefault
{mso-style-type:export-only;
mso-default-props:yes;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:Calibri;
mso-fareast-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;
mso-fareast-language:EN-US;}
.MsoPapDefault
{mso-style-type:export-only;
margin-bottom:8.0pt;
line-height:107%;}
@page WordSection1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 70.85pt 70.85pt;
mso-header-margin:35.4pt;
mso-footer-margin:35.4pt;
mso-paper-source:0;}
div.WordSection1
{page:WordSection1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:8.0pt;
mso-para-margin-left:0cm;
line-height:107%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-fareast-language:EN-US;}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>
<body lang=FR style='tab-interval:35.4pt'>
<div class=WordSection1>
<p class=MsoTitle>TP1&nbsp;: Cr<43>ation de pages web</p>
<h1>Introduction</h1>
<p class=MsoNormal style='text-align:justify'>Toutes les pages web ont <20>t<EFBFBD>
test<EFBFBD>es sur chrome, safari et internet explorer en langage Unicode et chinois.</p>
<h1>Exercice 1&nbsp;:</h1>
<p class=MsoNormal>Cr<EFBFBD>er <20> partir de l<><6C>diteur de texte un fichier appel<65>
TPHTML1_1.htm contenant le code suivant&nbsp;:</p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shapetype
id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Image_x0020_7" o:spid="_x0000_i1035" type="#_x0000_t75"
style='width:282.75pt;height:158.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image001.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=377 height=211
src="Compte_rendu_TPHTML1_HAAS_fichiers/image001.png" v:shapes="Image_x0020_7"><![endif]></span></p>
<p class=MsoNormal style='text-align:justify'>J<EFBFBD>ai ouvert le logiciel
Notepad++, cr<63><72> un nouveau document et mis le langage sur <20>&nbsp;HTML&nbsp;<EFBFBD>.
Une fois le code tap<61> dans le logiciel, je l<>ai sauvegard<72> sous le nom
TPHTML1_1.html et je l<>ai ex<65>cut<75> dans chrome et internet explorer. C<>est le
m<EFBFBD>me processus pour tous les documents cr<63><72>s sur le TP.</p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_1" o:spid="_x0000_i1034" type="#_x0000_t75" style='width:453.75pt;
height:315pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image002.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=605 height=420
src="Compte_rendu_TPHTML1_HAAS_fichiers/image003.jpg" v:shapes="Image_x0020_1"><![endif]></span></p>
<p class=MsoNormal style='text-align:justify'>Voici le rendu dans internet
explorer du code HTML donn<6E>. Nous pouvons voir que le texte entr<74> dans la
balise <20>&nbsp;title&nbsp;<EFBFBD> est visible dans le nom de l<>onglet et que le texte
entr<EFBFBD> dans la balise <20>&nbsp;body&nbsp;<EFBFBD> s<>affiche dans le contenu de la page.</p>
<h1>Exercice 2&nbsp;:</h1>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_10" o:spid="_x0000_i1033" type="#_x0000_t75" style='width:445.5pt;
height:273.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image004.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=594 height=365
src="Compte_rendu_TPHTML1_HAAS_fichiers/image004.png" v:shapes="Image_x0020_10"><![endif]></span></p>
<p class=MsoNormal>Pour ce deuxi<78>me exerce, j<>ai copi<70> le code du premier dans
un nouveau document et j<>ai commenc<6E> <span class=GramE><EFBFBD></span> r<>diger le
texte du sujet entre balises &lt;p&gt; de paragraphe. J<>ai ensuite ajout<75> la
mise en forme avec les balises &lt;b&gt; pour mettre en gras, &lt;br&gt; pour
le retour <20> la ligne et &lt;big&gt; pour grossir les caract<63>res.</p>
<p class=MsoNormal>En faisant le rendu sur navigateur, visiblement aucun
probl<EFBFBD>me au d<>part. En mettant le navigateur dans une langue qui n<>utilise pas
le m<>me format de lecture des pages web qu<71>en France, je me suis rendu compte
que toutes les lettres accentu<74>es ne pouvaient s<>afficher. C<>est pourquoi je
suis all<6C> sur internet chercher la correspondance des caract<63>res dans les
autres langues. Ici le <20>&nbsp;<EFBFBD>&nbsp;<EFBFBD> s<><73>crit <20>&nbsp;&amp;eacute;&nbsp;<EFBFBD> pour
pouvoir s<>afficher dans toute les langues et le <20>&nbsp;<EFBFBD>&nbsp;<EFBFBD> s<><73>crit <20>&nbsp;&amp;agrave;&nbsp;<EFBFBD>.</p>
<p class=MsoNormal>Apr<EFBFBD>s avoir effectu<74> ces changements, le sujet demande
d<EFBFBD>ajouter <20> la page deux <20>quations. De la m<>me mani<6E>re, j<>ai ajout<75> la balise
&lt;sub&gt; et &lt;sup&gt; pour afficher les caract<63>res en indice ou exposant.</p>
<p class=MsoNormal align=center style='margin-bottom:0cm;margin-bottom:.0001pt;
text-align:center'><span style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_11" o:spid="_x0000_i1032" type="#_x0000_t75" style='width:379.5pt;
height:41.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image005.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=506 height=55
src="Compte_rendu_TPHTML1_HAAS_fichiers/image005.png" v:shapes="Image_x0020_11"><![endif]></span></p>
<p class=MsoNormal align=right style='margin-bottom:6.0pt;text-align:right'><i
style='mso-bidi-font-style:normal'>Code ajout<75><o:p></o:p></i></p>
<p class=MsoNormal style='text-align:justify'>Enfin, pour rapetisser les
caract<EFBFBD>res ou les agrandir, j<>ai utilis<69> la balise &lt;big&gt; et &lt;small&gt;
respectivement.</p>
<p class=MsoNormal style='text-align:justify'>Et voici le rendu final de l<>exercice
sur internet explorer.</p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_4" o:spid="_x0000_i1031" type="#_x0000_t75" style='width:453.75pt;
height:283.5pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image006.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=605 height=378
src="Compte_rendu_TPHTML1_HAAS_fichiers/image007.jpg" v:shapes="Image_x0020_4"><![endif]></span></p>
<h1>Exercice 3</h1>
<p class=MsoNormal>Pour cet exercice, j<>ai cr<63><72> un nouveau document HTML et
j<EFBFBD>ai regard<72> dans la documentation comment formater du texte en titre de
plusieurs niveaux&nbsp;: il s<>agit de la balise &lt;hn&gt; ou l<>on remplace le
n par le niveau souhait<69>.</p>
<p class=MsoNormal>Apr<EFBFBD>s, le sujet demande d<>ajouter sous les titres des listes
non ordonn<6E>es, la balise pour cela est &lt;ul&gt; et pour chaque <20>l<EFBFBD>ment de la
liste il faut le baliser avec &lt;li&gt;.</p>
<p class=MsoNormal align=center style='text-align:center'><o:p>&nbsp;</o:p></p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_12" o:spid="_x0000_i1030" type="#_x0000_t75" style='width:363.75pt;
height:374.25pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image008.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=485 height=499
src="Compte_rendu_TPHTML1_HAAS_fichiers/image008.png" v:shapes="Image_x0020_12"><![endif]></span></p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_6" o:spid="_x0000_i1029" type="#_x0000_t75" style='width:453.75pt;
height:309pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image009.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=605 height=412
src="Compte_rendu_TPHTML1_HAAS_fichiers/image010.jpg" v:shapes="Image_x0020_6"><![endif]></span></p>
<p class=MsoNormal style='text-align:justify'>Ici nous pouvons donc voir que
les <20>l<EFBFBD>ments de la liste ont une <20>&nbsp;puce&nbsp;<EFBFBD> comme sur un logiciel de
traitement de texte.</p>
<h1>Exercice 4</h1>
<p class=MsoNormal>Pour cet exercice, j<>ai dupliqu<71> le fichier TPHTML1_1 et
j<EFBFBD>ai juste ajout<75> dans le body le chemin du fichier en suivant l<>annexe (balise
&lt;a&gt;). Pour la bulle d<>aide, j<>ai entr<74> mon texte avant de refermer la
balise.</p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_13" o:spid="_x0000_i1028" type="#_x0000_t75" style='width:420pt;
height:171pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image011.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=560 height=228
src="Compte_rendu_TPHTML1_HAAS_fichiers/image011.png" v:shapes="Image_x0020_13"><![endif]></span></p>
<p class=MsoNormal align=center style='text-align:center'><!--[if gte vml 1]><v:shape
id="_x0000_i1025" type="#_x0000_t75" style='width:452.25pt;height:298.5pt'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image012.gif" o:title="TP1EXO4GIF"/>
<o:lock v:ext="edit" cropping="t"/>
</v:shape><![endif]--><![if !vml]><img width=603 height=398
src="Compte_rendu_TPHTML1_HAAS_fichiers/image012.gif" v:shapes="_x0000_i1025"><![endif]></p>
<h1>Exercice 5</h1>
<p class=MsoNormal>Pour le dernier exercice, j<>ai dupliqu<71> TPHTML1_2 et j<>y ai
rajout<EFBFBD> de la m<>me mani<6E>re que dans l<>exercice 4 un lien vers TPHTML1_1. Avant
de fermer la balise &lt;a&gt; du lien vers la page TPHTML1_1, j<>ai ajout<75> une
balise &lt;img&gt; avec les param<61>tres <20>&nbsp;src&nbsp;<EFBFBD> o<> l<>on entre la
localisation de l<>image, <20>&nbsp;width&nbsp;<EFBFBD> et <20>&nbsp;height&nbsp;<EFBFBD> pour la
longueur et le largueur de l<>image. Le r<>sultat produit est une image cliquable
qui nous dirige vers TPHTML1_1.</p>
<p class=MsoNormal align=center style='text-align:center'><span
style='mso-fareast-language:FR;mso-no-proof:yes'><!--[if gte vml 1]><v:shape
id="Image_x0020_14" o:spid="_x0000_i1027" type="#_x0000_t75" style='width:444pt;
height:330.75pt;visibility:visible;mso-wrap-style:square'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image013.png" o:title=""/>
</v:shape><![endif]--><![if !vml]><img width=592 height=441
src="Compte_rendu_TPHTML1_HAAS_fichiers/image013.png" v:shapes="Image_x0020_14"><![endif]></span></p>
<p class=MsoNormal align=center style='text-align:center'><!--[if gte vml 1]><v:shape
id="_x0000_i1026" type="#_x0000_t75" style='width:452.25pt;height:298.5pt'>
<v:imagedata src="Compte_rendu_TPHTML1_HAAS_fichiers/image014.gif" o:title="TP1EXO5GIF"/>
<o:lock v:ext="edit" cropping="t"/>
</v:shape><![endif]--><![if !vml]><img width=603 height=398
src="Compte_rendu_TPHTML1_HAAS_fichiers/image014.gif" v:shapes="_x0000_i1026"><![endif]></p>
</div>
</body>
</html>