Quellencode anzeigen 
Autore: Daniel S.
Visite 2330,
Followers 1,
Condiviso 0
Guten Abend,
Ich habe eine Frage bezüglich des Quellencodes. Ich habe meine Onlineshop Datei auf den Pc kopiert, und anschließend mit Windos-Editor geöffnet. Da kamen aber nur komische Zeichen etc.(nicht so<html>)Ich schätze mal das war der Quellentext. Können Sie mir bitte sagen wie ich zu dem klassischen HTML-Quellencode komme. Habe einen Onlineshop für die Schule gemacht, dort soll ich den Quellencode abgeben.
Postato il
Guten Abend Daniel,
was hast Du genau gemacht? Welche Onlineshop Datei hast Du auf den PC kopiert und wo kommt diese her?
Hast Du mit WebsiteX5 ein Projekt erstellt oder ist der Onlineshop mit einem anderen Progamm erzeugt worden?
Kannst Du eventuell die Datei hier hochladen oder eine Hardcipy der "komischen" Zeichen bereitstellen?
Hallo Daniel S.
verwende Notepad++ (Freeware), der zeigt dir den Quellcode Zeile für Zeile richtig an.
Quellcode = Seitenquelltext = HTML-Datei.
MCMACMASTER
Autore
Danke für die schnelle Antwort.
Ich habe die Onlineshop Datei auf meinen Desktop gezogen und anschließend mit dem Windows Editor geöffnet.
Hier ein Ausschnitt von dem Text.
{·m»1û;g23ÿœ?“©¤®<uÕ³’U•ÊJä&ŒúÏtÕ»é¾ÙÑDù±…Mò3p½ãB–e'Eêæ6s.C¿“·Ù’âúª[-A&Œ‚*9™azÄñ²äÅàô‚ujä7ÿ2䌿޸äèa{ N &\ôè3àgî‡çml}‹C^ÍÇèÎrêwŽÌhÑ%ø’„Δ©ò¥Ý— '§|.Xo6DÊš¿à!`à8Øó”ö…Àn&Ù´qÉ27?U!ç™1›Ýv©§¿ßÓŸ7¿¨Så1˜Ó)˜i¥lk¥ÌñäϦÔ,æÙBº*“lIè(²´¿Øé°º¯1DÛX‰Â#§µÄäØ»'Æð…û\¶ýÔUüö\ÖEå‹Yß–ØrÊ r),^/kÖð1‹Fi}ž ÛŽþGƒþ¢…Æ¢Ã×6%G¢Ñ ÏùDfø—\S^™Þ8'ïµ TÏqGï¿?oüÑß—@#„)Ž÷s½@\â{`2‡Zœ°Ñ;çL–¦Aóˆ!ý®—Pyžg®™¢2¥h㥈ù=^~±É` &¹ç’Ta'ÍŒò…ïÞ{ÓȾ„ú\ßA˜BgluÆ–:!ï±õyœ/òHâÑXx<¤Ž8â7ŽoLò”ÎÈäÝXÕ¿àq¬—÷®‡ñ_ÅΊ÷ënMÞ¬<x^Nd—Ð`2îý±À2džO
•’¸ÿ žÆ@^Á9p™ ‡Bp”Úœ½Êyb‘v$(áª'*'þz}œg¯ÕŸi²i{eõÿéÏÄøÖK5|‚º‡ÔÿLZËŠš9ÒVÓºv ðd½fʧޖª Ûò¯Ý¶Ž³éEv¶>1]´z•
ˆ½<í´bŠêÙ)|‚ÖÃ/Bõ¿Áê-Á3·l5,„só„`ñ±T@ZÙ'Ó†AúÈÌyxU&P„âDjCÂ#·»“ù1ÜëbõÁøòšÅ’Æ&AÇŠ"¼8ÁV¹ò·\u傦 )`_‰¿¿q?‹æ‡X]ùGrÉñ#—¡_–;… z*q§õ°!à¸" ‹boî[þœtf6jªãz}º°èÌ…ÿ&ÇÆ,m)[Ým/úÀÜLÒvªnþ*ÓPmD9º¨¦q ,©Wì …{\byHšzÓà÷wtŒ×êà½<‹Šˆ¶JPPK¿þ ==}8¡)#ôüZ4
8}“IE7Vš¤˜4u½ê´œ‹ÒСÿd†$ ¼¿öX²ñ2ƒât”±|sÆ ™íÝ|ì°f’Ä~æ86&ƒŸSЦ nqÄ–^4Is>mmÛ#ât{>MTÄœn8Þ¥úó8ží(ÖE¤f\Ð\sÜÂÄsa¼¡8CTáý"îÛ²()ó#ˆ¤É¢¤ž1^§Œ“×™ó!Ï`ôï9§î24ðÜŽ/'€’ÓüÆY½ë ê÷Œlhà𽲹Ó“äzðpÎ' @ j¾cKöDV —á9ñó[™1À(4ZJ›„!©&BXvžã‘[®Æ‘”y~ü¹O˜áš@T¸†ãkUó¶¦yZ®+¬hëuŠ6ŽîNgÔ~©g?\¯<TšË ¥»…@Ùx{¾œ>–þ¼«æ‘Ï,,²Ä
p[œžd|)ÐaƒÑ%Q ŠVZ>üº×Ùs®õ›Wš6k³¡Ô×6æ€Þ„Ú쥱ŠÔÄ:3
u¨AÒéÊÔå[Ú·4?Z¯JÄÎ2|õý‡2ŒŠ£^ّؖf”éZfúóþ.¾ØÇzËÍúES݆1Lúì_†ÏÛ{ð\>™ãŸ6³]ææÅ'È;øö±v§›yÃ.Ôm`eÛ×™»sÝy q‹·oà‹ô̼¡Ê “Qî.Ó¯Ñîî1*õt¤o]ØËÝB^Oåók‘2'q¶z¢z¬Ç<×Þì“ùîrï6»‘|Oí÷õ&[K„sàc‡” ,Üx4NÞ hð‡Â@°¡@ŽOõEƒ•°ê&®8ç™—ê0–—äÇ_'»¹´ÐøìÒjií
1^#*Õ@¾Ð@ÚUn™˜¤e„–|kÜÓ·u ]d2O ½oó|øî×Çæ{äæ܈yö:)ê¯(ÝgúSÒ gσˆE]=ð2—ˆ¢šÚ¿Ê3ï—áÇò–”nK¯[´-‡õÛ¯ÃgŽ×Ï{¶;9U®ØtÔ G(2•Ü¹²G6›ÎûØŽÊØbÚÝ)ŠÙb´›=S ïÄwÛé
ªYcÒ«Ôb´[=›-ÕévÒÁõª1Zfô\çÏå¶ å1kw*rÝ,
äù#Ì÷üßLgòd®Š}覺Ïêþ{tJÆ*adC‹µ“ÊF·‡=dËžyv|Þ£güÔò;ãû²AnIˈ³tÂfÝsHƱˆÙ¿‘:îÛíá=-Ö÷«7¢-ÖJÕÌÀ;PÛŽUþ3¥ÿà>}!Eî{Ïæi^ÿöp]ê´•Íb°ÇæåðûtiÝLJoé©ß Óî§U5f÷x¾u•Öz¦x•Ö>žBû¦4䯵Q¾|…>VxEÔZAÛæÌã$O>صÌ@
#kû±\ë#¿r%š#…aecÑz$§vÁZ¬V½gÌ“düö„
÷Ó|Lü¦N±Ì+z'´#¨ðG ¸…–‚+š1Ñh.Ñ峂ãœgµÉ'9¿daèU@6øÌ—9î aêXëµeO×t.RÇÕAÈî—}«¦9R“§ƒë¦òܼ•w`Ç㸿`<o¾ì/^Ó–«ôæXY–IGJO¥¦ôw´Az¢Êõ⛲¤µnœç5Ý =†ußr¶§…ˆƒü‚_B·h¼E§>ý) m›5¬‰räm°<'/Öªí"•q`óþ Ý©'Ì@ëo+(åxFìfˇ¨vÀÂVò®DŸ‰™Ûó>p§=¯0ý(£¤”A4v¶ñDø,?wÁŒœ¬ø…’®:̲Å-Œ™—öA°+3R<-‹"»Dôû -¼QèD4˜#*»bHÂ0Åt¢›)¹øh ¸xÒž í
5ª »ò(ĸQI‡âG2õqhF\r#‘j‡+–žLLòÜH£®Dü% ùh)öÊ™íܲlOr΋?²#UY¡¨ºóâžçIÇ~Õr +ñ\Û$ÆEÕÑŸP¶, å{ÞõËÄÁ·äá÷@$ñô}‘Ý•MÃ)IñuD?g6+˜Æ¾:‰sškªm¤Ü‘Qù3ïˤ°ì¥dX£lì¸Óž˜«Áê‡r«7˜ÒƒÐ±®ÚIªeHª PXìP”ÂBº°UÔš¦ú‹I^L²tuV*gôa8·@x+ÿ9õƒ:©X,—Œ¤®Œ‹Z5ŠªWR”óò[帰7°[æðŸ}
ÄG‡“ÏCò‰án"ä5Pìú}?<í
#ÁZ×@òÙE"€]¤]å/ËÞ+XÌ×7 /jÞ2êùhŒ‰²¤ÜIX|ïÔPºó}¡d8rxd＇Èß²Anc˵äoR¾ íªFÁéÜ&¬4½8¨LH9ã:q¬é~Á{ÎŒ@Cn©A–ªÕàZ
õAÀ…Æ\5 «Þ‡¼ë{•ØZÉ`r1SØMƒeb’:ñ Þ|(Mhä¶(ËåÀhˆ7?¬"HY””Šô¶æ ø—ÔÝíVæÑØêKœ¡ú«ªZw”
’Gjœ ±»“+=G¸b..¬ÝÄhÄ‚$ði'¦ï4¯#„ÒÞ1¹¾Ä=†à‹ªpRxˆKàN°UŒ¨§6Ô`ìIñ »\Š±(ľô+AçÄÈÁ %²ý~ä…t|”=Šþc’¢(,‚{È=-i}#ߣ.&¸hÜ?ä\ÞÜ霈ĕ h¦µTSgFàxgÑ+uÂíyDÀÓ°À€mA ªß¶›!b`•BX½àTöy
åzWbü¾Ê™b 5ŒÙÓów +©|B‚XË"ìr}š»°ˆéà–7öÃtIÔãÞ^ks,²+ÔÖ|®v²\©-+ ´R!½¯Þòa)rp³=RÄçÀ¯=ÆZ}*oY{¦\ÍåÊ¿ý<.Ç}IHÞfžûü~„ÉÜ}Ü°À÷*ŸÇ‰X ˆ"Bê`Säåî°™ƒ!UË:}Ú jœÃY÷û´?6ñÇ’&ü™?ÿWª-v3”\¨©éúvWÔO³»·ùœíòìÆÑw䬅%^^ì—0“ôÅ!ç3žc.Y\?®²¾¡Æ”%òèøÛõÛëK/–ƧUÔëŸ:¦—<NñÆû×Ѽ.ŽÝ×$TlƒXT†Æãƒ4—±LäѤS€Ï(¥¬9⽃âòÖ‰ˆ‰¼:ãC§£®gCªo ¸gê¿•¦“ÁR–Ñàg‘ĵ—6Å@d‹"b=Ôê1–‰Š)”î´6VÅp@5KaÝ0=².b|Ló‡¥Ó”Ùþ</y'=\7aÁlºh!ØmÌU}ÿ6ašÌ>£‹ítæC?8Œg
¶ÁÙ Ëy÷"*u|¢BÙYÙ$iüËtˆ!³h\f1Úš‘Õ ^¾{ CÐeœ;Ìr *Ii¯ªV¾{ïxïY·bímÈe3e¢RJ0<Tn¹\Ps§#¼˜2ö9ÿ J⧮S7®ÙDtŸ*†7.w$¸Ÿ‡0Ýé@nÖ‰ à˜†Ý‘Qè•+~róÎ){y‡Y觃ôî?ÖA‘2Òû ѱ#åîj'lÜô«,’Ò±ŸÒUì`‘mN– žw–42Wùµ-It“ĉÆ4áï¾o<×}dO:.®iWóyL7ø¢5úº5ëp@"@.ødëÝJ\U‰÷µT‘b!÷àáWZÑ}M]{ìÏþÌþŠ2ÅÀ5C ÖÇvOƒ³%O3‡øJÈ•Ç1H)CP›®=¨çÔÞªˆï•É¬74àØWP¢à ”Õ&å ¥Ã"ÚèÀ¦ãxB–a¨ìŒúF´&òã‚5k£ïý´’Œ+h î ü4|lFnW~VŽ“(Ü#ۀΠaІn}/×*Ö¥oc¹ƒ£å?ÞKY½k1›AËþÂOBׂT@Š Ê/\äOà5Ã2éßé}l怔›Ñ÷4_®HbÁÂâÀ8Y53….H ¡D~e3ÄíÉERCª˜õa#¯å‹Ê¢ñ@\
G;5êRQ·c@È)1׸BÁTëZWƒM‚(zzAV Èc6Ô~’^À¦ [UX|`ˆâ³/¸mq´Ãô?JÆ
Wie heißt denn diese Datei und wo hast Du sie her? Das Öffnen mit Notepad++, wie von Klaus vorgeschlagen, wird in diesem Fall höchst wahrscheinlich auch nichts nutzen. Es sieht so aus, als wäre diese Datei von einem Programm erzeugt worden. Daher ist auch wichtig zu wissen, mit welchem Programm die Onlineshop-Datei erzeugt wurde.
Autore
Die Datei wurde mit X5 Pro durchgeführt. Ich habe die Datei exportiert auf meinen Computer Desktop.
Ich habe Notepad++ geladen, aber es ist immer noch so ein komischer Text...
Ah, ich vermute Du hast im Punkt "5 Export" mit der dritten Option "Projekt exportieren" ein iwzip-Date erzeugt und willst diese jetzt öffnen. Das wird Dir für Dein Vorhaben nichts nutzen.
Wenn Du den Quellcode der Seite abgeben musst, solltest Du im Punkt "5 Export" die mittlere Option wählen: "Export der Website auf ein Laufwerk". Dort gibst Du ein Ziel an, z.B. USB-Stick oder CD, und dorthin wird dann die komplette Website veröffentlichungsfähig exportiert. Die Dateien müssen dann auf den Server kopiert werden.
Mit welcher X5 Version.
Wenn du das Projekt in X5 öffnest funktioniert sie da ???
Ansonsten ist das schon seltsam
AAAAAA
da war der Franz-Josef a bisserl schneller
Wenn das so der Fall ist, dann kann das auch nicht dargestellt werd ausser hyroglyphisch
So wie dies ausschaut, ist dies komprimiert, vermutlich die project.iwprj2 oder eine iwzip - Datei.
Der html-Code wird in W5 durch
Export der Website ins Internet oder
Export der Website auf ein Laufwerk
erzeugt, dies ergibt dann nebst den html xml und php Seiten auch Verzeichnisse mit css, bildern, js Dateien usw.
Wenn eine Seite im Browser angezeigt wird, kann auch direkt der Quelltext angesehen werden, auch in der Vorschau! Wenn die rechte Maustaste nicht blockiert ist darüber, sonst mit den Tools für Web-Entwickler im Browser.
Der Gesamte Quelltext ist dann wohl am Besten auf einem Laufwerk (USB-Stick oder CD DVD) abzugeben.
JJ.
Autore
Ich habe es jetzt auf meinen USB Stick gezogen, danach den Datei Ordner mit Notepad geöffnet.ebefalls kein erfolg..
Ist das relevant ob die Datei dupliziert wurde ? Muss der Shop komplett fertig sein um den Code anzuzeigen ?
Also, Du musst so vorgehen wie ich es oben beschrieben habe:
In Website X5 muss Dein Projekt geöffnet sein (sinnvollerweise sollte es komplett fertig sein)
Du klickst auf der linken Seite auf "5 Export" und wählst dann den Punkt "Export der Website auf ein Laufwerk". Im folgenden kannst Du dann ein Laufwerk und Pfad angeben. In diesen werden dann die Dateien Deiner Website angelegt. Wenn Du das Verzeichnis anzeigst, sollte dort eine ähnliche Ansicht wie folgende sein:
Frage: Sind Programmgeneratoren wie w5 für die Erstellung des Quellcodes von der Schule zugelassen?
Den Datenträger weitergeben mit dem Hinweis, das dieser Code nur auf einem Server voll funktionieren kann, (vor allem, wenn php Seiten und Datenbanken dabei sind).
die Vorschau ist nicht vollfunktionsfähig sondern eine art Testversion ohne Server-Umgebung, um zu sehen wie es Aussieht!
JJ.
Notepad++ und ähnliche Editoren für HTML zeigen den HTML-Code oft noch etwas bunter an, allerdings dar der Code nicht kompirimiert (gezipt) sein.
Autore
Ja diese Reihenfolge ist bei mir genauso...Welche bestimmte Datei muss ich dann im Notepad öffnen ?
Warum willst Du eine Datei in Notepad öffnen?
Wenn Du das Ergebnis ansehen willst, solltets Du vorzugsweise die Datei index.html in Deinem Browser öffnen. Du musst aber das beachten, was JJ. geschrieben hat: Bei php-Seiten und Datenbanke wird es nur funktionieren, wenn die Website auf dem Server ausgeführt wird.
Autore
Achso, weil wir eben den HTML Code per Stick abgeben sollen..Also kann es nur funktionieren wenn dieser auf einem Server läuft..?
Die Lehrer öffnen die Datei und öffnen es dann mit dem Internet Explorer um so die (Vorschau) zu sehen.
Ok, dann musst Du so vorgehen wie oben beschrieben:
In Website X5 muss Dein Projekt geöffnet sein.
Du klickst auf der linken Seite auf "5 Export" und wählst dann den Punkt "Export der Website auf ein Laufwerk". Im folgenden kannst Du dann den USB-Stick angeben. Darin werden dann die Dateien Deiner Website angelegt.
Wenn auf dem Stick html-Dateien sind, kannst Du sie auch mit dem Internet-Explorer öffnen und Dir ansehen.
Mir stellt sich aber jetzt noch die Frage, müsst ihr das Projekt mit Website X5 erstellen oder seid ihr für die Erstellung des Webshops frei bei der Auswahl eines HTML-Generators?
Autore
Wir sollen eigentlich mit einem Editor den HTML code aufschreiben, aber da ich davon keine Ahnung habe und ich sowieso x5 habe, möchte ich es auch mit x5 machen. Die Lehrerin meinte zu mir wenn ich dann den HTML code anzeigen lasse währe dies kein Problem.
Von daher möchte ich eben den Code anzeigen lassen und (wenn möglich) in einen Editor abtippen oder kopieren.
OKeeehhh...., hoffentlich bist Du Dir aber darüber im Klaren, dass es sich bei den von WebsiteX5 erzeugten Websites um eine "Gesamtstruktur" handelt. Wenn Du nur eine beliebige html-Datei kopierst und z.B. in einem anderen PC anzeigen lässt, wird diese mit Sicherheit nicht so angezeigt, wie Du es in der Vorschau von WebsiteX5 siehst. Es fehlen dann mindestens die Formatierungsmerkmale wie z.B. Schriftgröße und Farbe. Auch werden die Texte und Objekte - sofern sie überhaupt dargestellt werden - vom Layout her nicht richtig positioniert sein. Und ob die internen Links funktionieren ist auch eher unwahrscheinlich... Die Aufzählung ist nicht abschließend.
Wenn Du keine Ahnung von von HTML hast, solltest Du das gesamte exportierte Verzeichnis mitnehmen und hoffen, dass die Lehrerin das akzeptiert. Sie sagte ja, es wäre kein Problem.
Autore
Ich habe heute nochmal mit meiner Lehrerin geredet, und Sie meinte wenn der Quellencode auf dem USB Stick ist, ist es ihr egal mit welchem Programm man den Onlineshop macht.
Wenn es also anscheinend mit x5 nicht klappt..? Kennt jemand alternativ Programme wo man den Quellencode Kopieren und in einen Editor einfügen kann ?
Es klappt schon mit WebsiteX5. Ich habe schon in zwei Antworten geschrieben, wie der Code erzeugt wird. Wenn ihr einen Webshop erstellen sollt, ist dieser mit Sicherheit nicht nur mit einer Datei aufzubauen. Wenn es egal ist, mit welchem Programm der Shop aufgebaut wurde, dann mach es so wie oben beschrieben.
Dann prüfe mal
wenn wie oben der Export auf ein Laufwerk durchgeführt wurde,
dann sieht der Inhalt des Sticks ähnlich aus wie unten)
Doppelblicke index.html (.php) auf dem Stick
Dann sollte der Browser aufgehen und die Startseite anzeigen
Im Browser rechte Maustaste und Seitenquelltext (Quellcode)anzeigen (oder Menu - Entwickler-Tools)), danach sollte der HTML-Code zu sehen sein.
Der HTML-Code ist auf dem Stick, da bin ich sicher.
JJ.
Autore
Okay..Über einen Server dürfen wir leider nicht den Onlineshop laufen lassen..Deswegen wird er dann wahrscheinlich unvollständig wenn die Bilder etc. nicht richtig angezeigt werden.
Eine normale Website kannst du mit HTML-Code alleine betreiben. Wenn du aber Kontakformulare, Blogs, SHOPs haben willst, wird das alles serverseitig erledigt und mit PHP programmiert oder erzeugt. Da hilft dir reiner HTML-Code nichts oder zumindest läuft es nicht Offline.
Autore
Okay schade.. ich hatte gehofft das ich mit x5 vielleicht glück habe, und um den html Buchstabensalat rumkomme..
Naja anscheinend gibts keine Alternative die dies ermöglicht.. Trotzdem Vielen Dank für alle Antworten die versucht haben mir zu helfen (y) Klasse !