code html
BIN
Compte_rendu_TPHTML1_HAAS.docx
Normal file
855
Compte_rendu_TPHTML1_HAAS.htm
Normal file
@ -0,0 +1,855 @@
|
||||
<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="--"/>
|
||||
<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 : Création de pages web</p>
|
||||
|
||||
<h1>Introduction</h1>
|
||||
|
||||
<p class=MsoNormal style='text-align:justify'>Toutes les pages web ont été
|
||||
testées sur chrome, safari et internet explorer en langage Unicode et chinois.</p>
|
||||
|
||||
<h1>Exercice 1 :</h1>
|
||||
|
||||
<p class=MsoNormal>Créer à partir de l’éditeur de texte un fichier appelé
|
||||
TPHTML1_1.htm contenant le code suivant :</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’ai ouvert le logiciel
|
||||
Notepad++, créé un nouveau document et mis le langage sur « HTML ».
|
||||
Une fois le code tapé dans le logiciel, je l’ai sauvegardé sous le nom
|
||||
TPHTML1_1.html et je l’ai exécuté dans chrome et internet explorer. C’est le
|
||||
même processus pour tous les documents créé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é. Nous pouvons voir que le texte entré dans la
|
||||
balise « title » est visible dans le nom de l’onglet et que le texte
|
||||
entré dans la balise « body » s’affiche dans le contenu de la page.</p>
|
||||
|
||||
<h1>Exercice 2 :</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ème exerce, j’ai copié le code du premier dans
|
||||
un nouveau document et j’ai commencé <span class=GramE>à</span> rédiger le
|
||||
texte du sujet entre balises <p> de paragraphe. J’ai ensuite ajouté la
|
||||
mise en forme avec les balises <b> pour mettre en gras, <br> pour
|
||||
le retour à la ligne et <big> pour grossir les caractères.</p>
|
||||
|
||||
<p class=MsoNormal>En faisant le rendu sur navigateur, visiblement aucun
|
||||
problè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’en France, je me suis rendu compte
|
||||
que toutes les lettres accentuées ne pouvaient s’afficher. C’est pourquoi je
|
||||
suis allé sur internet chercher la correspondance des caractères dans les
|
||||
autres langues. Ici le « é » s’écrit « &eacute; » pour
|
||||
pouvoir s’afficher dans toute les langues et le « à » s’écrit « &agrave; ».</p>
|
||||
|
||||
<p class=MsoNormal>Après avoir effectué ces changements, le sujet demande
|
||||
d’ajouter à la page deux équations. De la même manière, j’ai ajouté la balise
|
||||
<sub> et <sup> pour afficher les caractè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é<o:p></o:p></i></p>
|
||||
|
||||
<p class=MsoNormal style='text-align:justify'>Enfin, pour rapetisser les
|
||||
caractères ou les agrandir, j’ai utilisé la balise <big> et <small>
|
||||
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éé un nouveau document HTML et
|
||||
j’ai regardé dans la documentation comment formater du texte en titre de
|
||||
plusieurs niveaux : il s’agit de la balise <hn> ou l’on remplace le
|
||||
n par le niveau souhaité.</p>
|
||||
|
||||
<p class=MsoNormal>Après, le sujet demande d’ajouter sous les titres des listes
|
||||
non ordonnées, la balise pour cela est <ul> et pour chaque élément de la
|
||||
liste il faut le baliser avec <li>.</p>
|
||||
|
||||
<p class=MsoNormal align=center style='text-align:center'><o:p> </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 éléments de la liste ont une « puce » comme sur un logiciel de
|
||||
traitement de texte.</p>
|
||||
|
||||
<h1>Exercice 4</h1>
|
||||
|
||||
<p class=MsoNormal>Pour cet exercice, j’ai dupliqué le fichier TPHTML1_1 et
|
||||
j’ai juste ajouté dans le body le chemin du fichier en suivant l’annexe (balise
|
||||
<a>). Pour la bulle d’aide, j’ai entré 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é TPHTML1_2 et j’y ai
|
||||
rajouté de la même manière que dans l’exercice 4 un lien vers TPHTML1_1. Avant
|
||||
de fermer la balise <a> du lien vers la page TPHTML1_1, j’ai ajouté une
|
||||
balise <img> avec les paramètres « src » où l’on entre la
|
||||
localisation de l’image, « width » et « height » 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>
|
BIN
Compte_rendu_TPHTML1_HAAS.pdf
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
||||
<a:clrMap xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" bg1="lt1" tx1="dk1" bg2="lt2" tx2="dk2" accent1="accent1" accent2="accent2" accent3="accent3" accent4="accent4" accent5="accent5" accent6="accent6" hlink="hlink" folHlink="folHlink"/>
|
22
Compte_rendu_TPHTML1_HAAS_fichiers/filelist.xml
Normal file
@ -0,0 +1,22 @@
|
||||
<xml xmlns:o="urn:schemas-microsoft-com:office:office">
|
||||
<o:MainFile HRef="../Compte_rendu_TPHTML1_HAAS.htm"/>
|
||||
<o:File HRef="item0001.xml"/>
|
||||
<o:File HRef="props002.xml"/>
|
||||
<o:File HRef="themedata.thmx"/>
|
||||
<o:File HRef="colorschememapping.xml"/>
|
||||
<o:File HRef="image001.png"/>
|
||||
<o:File HRef="image002.png"/>
|
||||
<o:File HRef="image003.jpg"/>
|
||||
<o:File HRef="image004.png"/>
|
||||
<o:File HRef="image005.png"/>
|
||||
<o:File HRef="image006.png"/>
|
||||
<o:File HRef="image007.jpg"/>
|
||||
<o:File HRef="image008.png"/>
|
||||
<o:File HRef="image009.png"/>
|
||||
<o:File HRef="image010.jpg"/>
|
||||
<o:File HRef="image011.png"/>
|
||||
<o:File HRef="image012.gif"/>
|
||||
<o:File HRef="image013.png"/>
|
||||
<o:File HRef="image014.gif"/>
|
||||
<o:File HRef="filelist.xml"/>
|
||||
</xml>
|
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image001.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image002.png
Normal file
After Width: | Height: | Size: 38 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image003.jpg
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image004.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image005.png
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image006.png
Normal file
After Width: | Height: | Size: 85 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image007.jpg
Normal file
After Width: | Height: | Size: 24 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image008.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image009.png
Normal file
After Width: | Height: | Size: 67 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image010.jpg
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image011.png
Normal file
After Width: | Height: | Size: 9.0 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image012.gif
Normal file
After Width: | Height: | Size: 945 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image013.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/image014.gif
Normal file
After Width: | Height: | Size: 971 KiB |
2
Compte_rendu_TPHTML1_HAAS_fichiers/item0001.xml
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<b:Sources SelectedStyle="\APASixthEditionOfficeOnline.xsl" StyleName="APA" Version="6" xmlns:b="http://schemas.openxmlformats.org/officeDocument/2006/bibliography" xmlns="http://schemas.openxmlformats.org/officeDocument/2006/bibliography"></b:Sources>
|
2
Compte_rendu_TPHTML1_HAAS_fichiers/props002.xml
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<ds:datastoreItem ds:itemID="{9CCD85C8-5D1A-4995-8DE4-6BF92C9DFB2B}" xmlns:ds="http://schemas.openxmlformats.org/officeDocument/2006/customXml"><ds:schemaRefs><ds:schemaRef ds:uri="http://schemas.openxmlformats.org/officeDocument/2006/bibliography"/></ds:schemaRefs></ds:datastoreItem>
|
BIN
Compte_rendu_TPHTML1_HAAS_fichiers/themedata.thmx
Normal file
BIN
Compte_rendu_TPHTML1_HAAS_origin.docx
Normal file
13
TPHTML1_1.html
Normal file
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML exo 1</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Premier exercice HTML</p>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> retour à l'index</a>
|
||||
</body>
|
||||
</html>
|
20
TPHTML1_2.html
Normal file
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML exo 2</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Premier exercice HTML</p>
|
||||
<p><big><b>Hyper Text Markup Language</b></big></p>
|
||||
<p>HTLM est un language facile à maitriser. Il s'agit d'un <b>language à balises</b>, c'est-à-dire contenant des</br>
|
||||
instructions dans des balises (<b>tags</b>) délimitées entre les symboles inférieur ("<") et supérieur (">").</br>
|
||||
Ces instructions sont <big><b>interprétées</b></big> par les différents navigateurs et <small><b>apparaissent</b></small> sur votre écran.
|
||||
|
||||
<p>U<sub>0</sub>=1234</p>
|
||||
<p>U<sub>0</sub>=U<sub>n-1</sub>x(<i>n</i>-8)<sup>2</sup></p>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> retour à l'index</a>
|
||||
</body>
|
||||
</html>
|
28
TPHTML1_3.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML exo 3</title>
|
||||
</head>
|
||||
<body>
|
||||
<p><h2>Titre 1 niveau 2</h2></p>
|
||||
<ul>
|
||||
<li>curl</li>
|
||||
<li>php</li>
|
||||
<li>java</li>
|
||||
<li>swift</li>
|
||||
</ul>
|
||||
<p><h3>Titre 1 niveau 3</h3></p>
|
||||
<ul>
|
||||
<li>RAM</li>
|
||||
<li>processeur</li>
|
||||
<li>carte mère</li>
|
||||
<li>SSD</li>
|
||||
</ul>
|
||||
<p><h2>Titre 2 niveau 2</h2></p>
|
||||
<p><h3>Titre 2 niveau 3</h3></p>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> retour à l'index</a>
|
||||
</body>
|
||||
</html>
|
14
TPHTML1_4__1.html
Normal file
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML exo 4</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Premier exercice HTML</p>
|
||||
<a href="TPHTML1_4__2.html"> lien vers le ficher TPHTML1_2.html</a>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> retour à l'index</a>
|
||||
</body>
|
||||
</html>
|
28
TPHTML1_4__2.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML exo 2</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Premier exercice HTML</p>
|
||||
<p><big><b>Hyper Text Markup Language</b></big></p>
|
||||
<p>HTLM est un language facile à maitriser. Il s'agit d'un <b>language à balises</b>, c'est-à-dire contenant des</br>
|
||||
instructions dans des balises (<b>tags</b>) délimitées entre les symboles inférieur ("<") et supérieur (">").</br>
|
||||
Ces instructions sont <big><b>interprétées</b></big> par les différents navigateurs et <small><b>apparaissent</b></small> sur votre écran.
|
||||
|
||||
<p>U<sub>0</sub>=1234</p>
|
||||
<p>U<sub>0</sub>=U<sub>n-1</sub>x(<i>n</i>-8)<sup>2</sup></p>
|
||||
<a href="TPHTML1_4__1.html"> lien vers le ficher TPHTML1_1.html</a>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> retour à l'index</a>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
16
TPHTML1_5__1.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML exo 1</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Premier exercice HTML</p>
|
||||
</body>
|
||||
<a href="TPHTML1_5__2.html"> lien vers le ficher TPHTML1_2.html</a>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> retour à l'index</a>
|
||||
|
||||
|
||||
</html>
|
28
TPHTML1_5__2.html
Normal file
@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML exo 2</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Premier exercice HTML</p>
|
||||
<p><big><b>Hyper Text Markup Language</b></big></p>
|
||||
<p>HTLM est un language facile à maitriser. Il s'agit d'un <b>language à balises</b>, c'est-à-dire contenant des</br>
|
||||
instructions dans des balises (<b>tags</b>) délimitées entre les symboles inférieur ("<") et supérieur (">").</br>
|
||||
Ces instructions sont <big><b>interprétées</b></big> par les différents navigateurs et <small><b>apparaissent</b></small> sur votre écran.
|
||||
|
||||
<p>U<sub>0</sub>=1234</p>
|
||||
<p>U<sub>0</sub>=U<sub>n-1</sub>x(<i>n</i>-8)<sup>2</sup></p>
|
||||
<a href="TPHTML1_5__1.html"> <img src="lien.png" width="50" height="50"/> <p>lien vers le ficher TPHTML1_1.html</p> </a>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> retour à l'index</a>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
27
index.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>TP1 HTML</title>
|
||||
</head>
|
||||
<body>
|
||||
<p><h1>Index TPHTML1</h1></p>
|
||||
<ol>
|
||||
<li><a href="TPHTML1_1.html"> lien vers le ficher TPHTML1_1.html</a></li>
|
||||
<li><a href="TPHTML1_2.html"> lien vers le ficher TPHTML1_2.html</a></li>
|
||||
<li><a href="TPHTML1_3.html"> lien vers le ficher TPHTML1_3.html</a></li>
|
||||
<li><a href="TPHTML1_4__2.html"> lien vers le ficher TPHTML1_4.html</a></li>
|
||||
<li><a href="TPHTML1_5__2.html"> lien vers le ficher TPHTML1_5.html</a></li>
|
||||
</ul>
|
||||
<p>
|
||||
<p><a href="Compte_rendu_TPHTML1_HAAS.pdf"> téléchargement du compte rendu au format PDF</a></p>
|
||||
<p><a href="Compte_rendu_TPHTML1_HAAS.htm"> téléchargement du compte rendu au format HTML</a></p>
|
||||
<p><a href="Compte_rendu_TPHTML1_HAAS.docx"> téléchargement du compte rendu au format word</a></p>
|
||||
<HR>
|
||||
|
||||
<a href="index.html"> Vous êtes à l'acceuil</a>
|
||||
|
||||
<p><i>Flavien Haas, 2016</i></p>
|
||||
|
||||
</body>
|
||||
</html>
|