Word und Html

Aus Gründen der Faulheit wollte ich meine Tutorials in Word reinkopieren und dann als Html-Datei abspeichern. Geht auch alles wunderbar, nur macht dieses ver....... Word einen Fehler. Bei einigen Bildern (keine Ahnung weshalb) wird die Grafik verkleinert. Im nachfolgenden Fall hat die Grafik eine Größe von 762x579. Word wandelt das jedoch in 755x574 im.

Code:
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:566.25pt; height:430.5pt'>
<v:imagedata src="easygen-Dateien/image001.jpg" o:title="Image8"/>
</v:shape><![endif]--><![if !vml]><img border=0 width=755 height=574 src="easygen-Dateien/image001.jpg" v:shapes="_x0000_i1025"><![endif]></p>

Der Nachteil ist, dass die Grafik vollkommen unscharf aussieht und man die Schrift kaum mehr lesen kann. Wie man das im Html-Code ändern kann, weiß ich, aber es ist ja nicht Sinn der Sache, dass ich noch stundenlang den Code nachbessere. Wie kann man Word am einfachsten beibringen, dass es das richtig macht? :??:
 
Merke: Du sollst kein Word benutzen, um html Code zu schreiben !
Am besten solltest Du nur einen Texteditor nutzen, das produziert den saubersten Code.
Selbst gute Editoren, wie Dreamweaver schreiben einen Haufen Mist, wie die Generator Tags, was keine Sau interessiert, aber den Code unnötig aufbläst.

Also, wie Du es nimmst, wenn die Seiten vernünftig sein sollen, wirst Du von Hand den Code schreiben müssen, was aber sicher nicht aufwändiger ist, als den Word-Salat zu bereinigen.
 
Jo, ganz meine Meinung. Den Code schreibe ich ausschließlich nur mit einem Texteditor. Bloß bei den riesigen Textwüsten mit Bildern wollte ich es mir einfacher machen und das über Word erstellen. Ging auch super, bis auf die Bilder.
 

RTL-Kevin

Cacodemon
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:566.25pt; height:430.5pt'>
<v:imagedata src="easygen-Dateien/image001.jpg" o:title="Image8"/>
</v:shape><![endif]--><![if !vml]>
image001.jpg
<![endif]></p>


Also damit würde ich nicht leben wollen. Das ist ja kein html mehr sondern irgendeine (Microsoft)Krankheit.

Dreamweaver oder Frontpage schreiben zwar manchmal auch Mist rein, aber das ist noch OK. Besser als alles sebst Tippen, da wird man ja verrückt wenn man mal eine etwas aufwändigere Seite machen will.... :gaga:
 
Originally posted by Fragpoint@07.09.03, 11:56
Jo, ganz meine Meinung. Den Code schreibe ich ausschließlich nur mit einem Texteditor. Bloß bei den riesigen Textwüsten mit Bildern wollte ich es mir einfacher machen und das über Word erstellen. Ging auch super, bis auf die Bilder.
Naja. Gerade bei Riesenmengen Text kannst Du ja viel mit Copy & Paste arbeiten. Ein paar
Tags kannst Du immer noch von Hand eintippen. Oder mit <pre> und </pre> arbeiten.
 
Naja, wurscht. Die 2 alten Tutorials für EasyGen und Wolfenstein werden eh kaum mehr gefragt. Da müssen sich die Leut halt mit ner Word-Version zufrieden geben. So viel Arbeit steck ich da nicht mehr rein. Dauert eh noch, bis ich die neu PHP-Homepage von mir online stelle. Aber für D3 und HL2 werde ich dann wohl doch wieder alles selber machen.
 

LordSavage

Revenant
also ich bau schon seit jahren eigene hps mit notepad früher hab ich das aber auch so mit word gemacht zum rumprobieren.

aber das ist doch nun wirklich kein html mehr:
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:566.25pt; height:430.5pt'>
<v:imagedata src="easygen-Dateien/image001.jpg" o:title="Image8"/>
</v:shape><![endif]--><![if !vml]>

wer sowas coded gehört doch eingesperrt.
 
Exakt. Wenn man den ganzen Müll raus lässt, kann man die Datei locker auf 1/2 der Größe bringen.

So schauts nur bis zum Ende vom head aus:

Code:
<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="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 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="wolfenstein-Dateien/filelist.xml">
<link rel=Edit-Time-Data href="wolfenstein-Dateien/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]-->
<title>Wolfenstein-Tutorial von [url]www.FRAGPOINT.de</title>[/url]
<!--[if gte mso 9]><xml>
 <o:OfficeDocumentSettings>
  <o:RemovePersonalInformation/>
 </o:OfficeDocumentSettings>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:HideSpellingErrors/>
  <w:ActiveWritingStyle Lang="EN-GB" VendorID="64" DLLVersion="131078"
   NLCheck="1">1</w:ActiveWritingStyle>
  <w:ActiveWritingStyle Lang="DE" VendorID="64" DLLVersion="131078" NLCheck="1">1</w:ActiveWritingStyle>
  <w:DocumentProtection>TrackedChanges</w:DocumentProtection>
  <w:TrackRevisions/>
  <w:AutoHyphenation/>
  <w:HyphenationZone>21</w:HyphenationZone>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
 </w:WordDocument>
</xml><![endif]-->
<style>
<!--
 /* Font Definitions */
 @font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;
	mso-font-charset:2;
	mso-generic-font-family:auto;
	mso-font-pitch:variable;
	mso-font-signature:0 268435456 0 0 -2147483648 0;}
@font-face
	{font-family:Verdana;
	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:536871559 0 0 0 415 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
h1
	{mso-style-next:Standard;
	margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:3.0pt;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	page-break-after:avoid;
	mso-outline-level:1;
	font-size:16.0pt;
	font-family:Arial;
	mso-font-kerning:16.0pt;}
h2
	{mso-style-next:Standard;
	margin-top:12.0pt;
	margin-right:0cm;
	margin-bottom:3.0pt;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	page-break-after:avoid;
	mso-outline-level:2;
	font-size:14.0pt;
	font-family:Arial;
	font-style:italic;}
p.MsoToc1, li.MsoToc1, div.MsoToc1
	{mso-style-name:"Verzeichnis 1\,Kapitelüberschrift";
	mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:26.95pt;
	margin-bottom:.0001pt;
	text-align:justify;
	text-indent:-26.95pt;
	line-height:150%;
	mso-pagination:widow-orphan;
	tab-stops:63.0pt right 467.2pt;
	font-size:10.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:"Times New Roman";
	mso-no-proof:yes;}
p.MsoToc2, li.MsoToc2, div.MsoToc2
	{mso-style-name:"Verzeichnis 2\,Unterkapitel";
	mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:45.0pt;
	margin-bottom:.0001pt;
	text-align:justify;
	text-indent:-27.0pt;
	mso-pagination:widow-orphan;
	tab-stops:right 467.2pt;
	font-size:10.0pt;
	mso-bidi-font-size:12.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:"Times New Roman";
	font-weight:bold;
	mso-bidi-font-weight:normal;}
p.MsoToc3, li.MsoToc3, div.MsoToc3
	{mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:24.0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoToc4, li.MsoToc4, div.MsoToc4
	{mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:36.0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoToc5, li.MsoToc5, div.MsoToc5
	{mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:48.0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoToc6, li.MsoToc6, div.MsoToc6
	{mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:60.0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoToc7, li.MsoToc7, div.MsoToc7
	{mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:72.0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoToc8, li.MsoToc8, div.MsoToc8
	{mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:84.0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoToc9, li.MsoToc9, div.MsoToc9
	{mso-style-update:auto;
	mso-style-noshow:yes;
	mso-style-next:Standard;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:96.0pt;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoHeader, li.MsoHeader, div.MsoHeader
	{margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	tab-stops:center 8.0cm right 16.0cm;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
p.MsoFooter, li.MsoFooter, div.MsoFooter
	{margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	tab-stops:center 8.0cm right 16.0cm;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
a:link, span.MsoHyperlink
	{color:white;
	text-decoration:underline;
	text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
	{color:purple;
	text-decoration:underline;
	text-underline:single;}
span.postcolor1
	{mso-style-name:postcolor1;
	mso-ansi-font-size:9.0pt;
	mso-bidi-font-size:9.0pt;}
p.Abschnitt1Hauptkapitel, li.Abschnitt1Hauptkapitel, div.Abschnitt1Hauptkapitel
	{mso-style-name:"Abschnitt 1 \(Hauptkapitel\)";
	mso-style-update:auto;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:36.0pt;
	margin-bottom:.0001pt;
	text-align:justify;
	text-indent:-36.0pt;
	mso-pagination:widow-orphan;
	font-size:14.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:Arial;
	mso-ansi-language:EN-GB;
	font-weight:bold;
	mso-bidi-font-weight:normal;}
p.Abschnitt2Unterkapitel, li.Abschnitt2Unterkapitel, div.Abschnitt2Unterkapitel
	{mso-style-name:"Abschnitt 2 \(Unterkapitel\)";
	mso-style-update:auto;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:36.0pt;
	margin-bottom:.0001pt;
	text-align:justify;
	mso-pagination:widow-orphan;
	tab-stops:72.0pt;
	font-size:10.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:"Times New Roman";
	font-weight:bold;
	mso-bidi-font-weight:normal;}
p.Abschnitt3normalerTextblock, li.Abschnitt3normalerTextblock, div.Abschnitt3normalerTextblock
	{mso-style-name:"Abschnitt 3 \(normaler Textblock\)";
	mso-style-update:auto;
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:36.0pt;
	margin-bottom:.0001pt;
	text-align:justify;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:Arial;
	color:black;
	mso-ansi-language:EN-GB;}
p.Abschnitt4Einrckungen, li.Abschnitt4Einrckungen, div.Abschnitt4Einrckungen
	{mso-style-name:"Abschnitt 4 \(Einrückungen\)";
	mso-style-parent:"Abschnitt 3 \(normaler Textblock\)";
	margin-top:0cm;
	margin-right:0cm;
	margin-bottom:0cm;
	margin-left:126.0pt;
	margin-bottom:.0001pt;
	text-align:justify;
	text-indent:-90.0pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:Arial;
	color:black;
	mso-ansi-language:EN-GB;}
span.Betonung
	{mso-style-name:Betonung;
	mso-style-parent:"";
	font-style:italic;
	mso-bidi-font-style:normal;}
@page Section1
	{size:595.3pt 841.9pt;
	margin:2.0cm 2.0cm 2.0cm 70.9pt;
	mso-header-margin:34.0pt;
	mso-footer-margin:22.7pt;
	mso-header:url("wolfenstein-Dateien/header.htm") h1;
	mso-even-footer:url("wolfenstein-Dateien/header.htm") ef1;
	mso-footer:url("wolfenstein-Dateien/header.htm") f1;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
 /* List Definitions */
 @list l0
	{mso-list-id:264967379;
	mso-list-type:hybrid;
	mso-list-template-ids:1136298674 1738438724 67567619 67567621 67567617 67567619 67567621 67567617 67567619 67567621;}
@list l0:level1
	{mso-level-start-at:0;
	mso-level-number-format:bullet;
	mso-level-text:-;
	mso-level-tab-stop:36.0pt;
	mso-level-number-position:left;
	text-indent:-18.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:Arial;}
@list l1
	{mso-list-id:659231721;
	mso-list-type:hybrid;
	mso-list-template-ids:-1476118166 723801714 67567619 67567621 67567617 67567619 67567621 67567617 67567619 67567621;}
@list l1:level1
	{mso-level-start-at:0;
	mso-level-number-format:bullet;
	mso-level-text:-;
	mso-level-tab-stop:36.0pt;
	mso-level-number-position:left;
	text-indent:-18.0pt;
	font-family:Verdana;
	mso-fareast-font-family:"Times New Roman";
	mso-bidi-font-family:Arial;}
ol
	{margin-bottom:0cm;}
ul
	{margin-bottom:0cm;}
-->
</style>
<!--[if gte mso 10]>
<style>
 /* Style Definitions */
 table.MsoNormalTable
	{mso-style-name:"Normale Tabelle";
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	mso-style-noshow:yes;
	mso-style-parent:"";
	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
	mso-para-margin:0cm;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:"Times New Roman";}
table.MsoTableGrid
	{mso-style-name:Tabellengitternetz;
	mso-tstyle-rowband-size:0;
	mso-tstyle-colband-size:0;
	border:solid windowtext 1.0pt;
	mso-border-alt:solid windowtext .5pt;
	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
	mso-border-insideh:.5pt solid windowtext;
	mso-border-insidev:.5pt solid windowtext;
	mso-para-margin:0cm;
	mso-para-margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:"Times New Roman";}
</style>
<![endif]--><!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="2050"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1"/>
 </o:shapelayout></xml><![endif]-->
</head>

Der Vorteil ist halt, dass man sich um fast nix kümmern muss.
 
Top