ilch Forum » Allgemein » HTML, PHP, SQL,... » Design erstellen?

Geschlossen
  1. Sa. 29.03.2008 11:38 Uhr #1
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    Wollte mal wissen, wie man ein Design erstellt und was man dazu brauch.
    Bestimmt Photoshop und Dreamweaver und ein paar Html Kenntnisse. Liege ich da falsch? wenn ja korrigiert mich.
    Und gibt es vielleicht ein paar gute Tutorials, dieses auf der Page hat mir nicht wirklich geholfen.


    Zuletzt modifiziert von SwatCorp am 29.03.2008 - 11:39:17
    externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 29.03.2008 12:10 Uhr #2
    User Pic
    ZSKing Mitglied
    Registriert seit
    05.05.2007
    Beiträge
    1.026
    Beitragswertungen
    0 Beitragspunkte
    Okay die Programme:

    Ein Grafikprogramm:
    Freeware GIMP ; Kostenpflichtig Photoshop

    Ein Coding-Programm:
    Freeware z.B. mein Programm (Link) ; Kostenpflichtig Dreamweaver


    So aber bevor du die Programm verwenden kannst, würde ich ein bisschen HTML lernen (über ein Buch oder hier). Jetzt solltest du lernen mit Photoshop umzugehen und Designs zu erstellen. - Jetzt kann dich nicht mehr aufhalten, nachdem du das hier das hier gelesen hast, kannst du eigene Designs für Ilch erstellen!


    Liebe Grüße
    ZSKing

    PS:
    Warum ich Werbung für mein Programm mache? Weil viele Leute mit Notepad coden und aufwendige Programm wie Dreamweaver meiner Meinung nicht nötig sind. - Mein Programm ist noch ein bisschen netter als Notepad, da es speziell auf HTML ausgelegt ist. Probier es einfach aus, das nächste Update bringe ich in ein paar Stunden heraus! lächeln


    Zuletzt modifiziert von ZSKing am 29.03.2008 - 12:11:32
    »inaktiv
    _________________________________
    0 Mitglieder finden den Beitrag gut.
  3. Mo. 31.03.2008 12:51 Uhr #3
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    Aber wenn ich schon Dreamweaver hab, werd ich auch das benutzen ^^

    Da es auch immer eine Vorschau gibt, was man alles gemacht hat
    externer Link
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 31.03.2008 14:16 Uhr #4
    User Pic
    ZSKing Mitglied
    Registriert seit
    05.05.2007
    Beiträge
    1.026
    Beitragswertungen
    0 Beitragspunkte
    War nur ne Empfehlung! zwinker Aber wenn du so ein gutes Programm hast, benutz es natürlich!
    »inaktiv
    _________________________________
    0 Mitglieder finden den Beitrag gut.
  5. Di. 01.04.2008 12:55 Uhr #5
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    So, jetzt hab ich schonmal ein bisl Html sowie Css kenntnisse. Mit Photoshop kannte ich mich auch schon vorher aus!
    Aber wenn ich mir mal von einem Free template mir den Index anschaue, frage ich mich, wie soll ich das alles schreiben xD
    Ich wüsste gar nicht wo ich anfangen sollte und wie ?


    Zuletzt modifiziert von SwatCorp am 01.04.2008 - 14:32:51
    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. Di. 01.04.2008 14:16 Uhr #6
    User Pic
    ZSKing Mitglied
    Registriert seit
    05.05.2007
    Beiträge
    1.026
    Beitragswertungen
    0 Beitragspunkte
    ?!?!
    Ilch-Anpassungen haben noch einen relativ kurzen Index, im Gegensatz zu anderen Webseiten, da es ja die Platzhalter gibt und ein Design für zu coden dauert im Normalfall evtl. 2 Stunden, wenn du Pausen nicht mit einrechnest. - Bei aufwendigen Clan-Seiten schon einmal mehr, aber viel mehr auch nicht! zwinker

    ZSKing
    »inaktiv
    _________________________________
    0 Mitglieder finden den Beitrag gut.
  7. Di. 01.04.2008 14:36 Uhr #7
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    Aber wenn ich mir das so anschaue, dann verwirrt mich das ganz schön ^^ 

    <?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  	<title>{TITLE}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" type="text/css" href="include/designs/neXor_16_blue/style.css">
	</head>
	
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
	
<body bgcolor:"#FFFFFF"  onLoad="MM_preloadImages('include/designs/neXor_16_blue/img/news_hover.gif','include/designs/neXor_16_blue/img/forum_hover.gif','include/designs/neXor_16_blue/img/server_hover.gif','include/designs/neXor_16_blue/img/links_hover.gif','include/designs/neXor_16_blue/img/downs_hover.gif','include/designs/neXor_16_blue/img/gbook_hover.gif')">
<center>
<div id="main">
<table background="include/designs/neXor_16_blue/img/haupt.gif" width="1005" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
<!-- Header ------------------------------------------------------------------------------------------------------------------------!-->    	
<div id="header_1"></div>

<!-- HORZ_NAV ------------------------------------------------------------------------------------------------------------------------!-->
<div id="horz_nav_main">

<table width="1005" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td><a href="?news" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','include/designs/neXor_16_blue/img/news_hover.gif',1)"><img src="include/designs/neXor_16_blue/img/news.gif" name="Image1" width="305" height="24" border="0"></a></td>
    <td><a href="?forum" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','include/designs/neXor_16_blue/img/forum_hover.gif',1)"><img src="include/designs/neXor_16_blue/img/forum.gif" name="Image2" width="128" height="24" border="0"></a></td>
    <td><a href="?contact" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','include/designs/neXor_16_blue/img/server_hover.gif',1)"><img src="include/designs/neXor_16_blue/img/server.gif" name="Image3" width="123" height="24" border="0"></a></td>
    <td><a href="?links" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','include/designs/neXor_16_blue/img/links_hover.gif',1)"><img src="include/designs/neXor_16_blue/img/links.gif" name="Image4" width="123" height="24" border="0"></a></td>
    <td><a href="?downloads" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','include/designs/neXor_16_blue/img/downs_hover.gif',1)"><img src="include/designs/neXor_16_blue/img/downs.gif" name="Image5" width="121" height="24" border="0"></a></td>
    <td><a href="?gbook" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','include/designs/neXor_16_blue/img/gbook_hover.gif',1)"><img src="include/designs/neXor_16_blue/img/gbook.gif" name="Image6" width="205" height="24" border="0"></a></td>
  </tr>
</table>

</div>

<!-- Linke Navigation ----------------------------------------------------------------------------------------------------------------!-->
	
<!-- Menü Nr. 1 --------------------------------------------------------!-->	
<div id="navi">
<div class="login_head">Login-Bereich</div>
<div class="box_l">{_boxes_login}</div>
<div class="box_l_foot"></div>
<div id="navibox_l">
			{_list_menunr1@
				<div class="top">
					<div class="input">%1</div>
				</div>
				<div class="com_menu">%2</div>
			}
</div>

<!-- Menü Nr. 2 --------------------------------------------------------!-->
<div id="navibox_l">
			{_list_menunr2@
				<div class="top_2">
					<div class="input">%1</div>
				</div>
				<div class="box_l">%2</div>
				<div class="box_l_foot"></div>
			}
			
</div>
</div>

<!-- Content ------------------------------------------------------------------------------------------------------------------------!-->
<div id="content">{EXPLODE}<br /><br /><center>
  Design-Copyright by: <a href="http://www.nexor-ad.de">neXor.AD</a> Script-Copyright by: <a href="http://www.ilch.de">ilch.de</a>
</center></div>

<!-- Rechte Navigation ------------------------------------------------------------------------------------------------------------------------!-->
<div id="navibox_r">
<div class="adsense">

<script language='JavaScript' type='text/javascript' src='http://www.nexor-gaming.eu/adserver/adx.js'></script>
<script language='JavaScript' type='text/javascript'>
<!--
   if (!document.phpAds_used) document.phpAds_used = ',';
   phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
   
   document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
   document.write ("http://www.nexor-gaming.eu/adserver/adjs.php?n=" + phpAds_random);
   document.write ("&amp;clientid=40&amp;target=_blank");
   document.write ("&amp;exclude=" + document.phpAds_used);
   if (document.referrer)
      document.write ("&amp;referer=" + escape(document.referrer));
   document.write ("'><" + "/script>");
//-->
</script><noscript><a href='http://www.nexor-gaming.eu/adserver/adclick.php?n=ae2102cf' target='_blank'><img src='http://www.nexor-gaming.eu/adserver/adview.php?clientid=40&amp;n=ae2102cf' border='0' alt=''></a></noscript>


</div>
{_list_menunr3@
				<div class="top_r">
					<div class="input_r">%1</div>
				</div>
				<div class="box_r">%2</div>
				<div class="box_r_foot"></div>
			}	
			
</div>
</td>
</tr>
</table>
</div>
</center>
</body>
</html>


{_list_hmenupoint@<li><a target="%1" class="com_menu" href="%2">%3</a>|</li>||</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<li><a target="%1" class="com_menu" href="%2">%3</a>|</li>|<ul>|</ul></li>}
{_list_vmenubegi@<ul>}
{_list_vmenuende@</ul>}
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. Di. 01.04.2008 14:43 Uhr #8
    User Pic
    ZSKing Mitglied
    Registriert seit
    05.05.2007
    Beiträge
    1.026
    Beitragswertungen
    0 Beitragspunkte
    Klar verwirren dich die NexorAd-Designs:

    • Die Ads, also die Werbung in Java verwirrt Leute die nur HTML können sehr
    • Die Kommentare sind ziemlich überflüssig gestaltet, diese Striche in den HTML-Kommentare sollen nur helfen, dass Kommentare schneller gefunden werden.
    • Es handelt sich außerdem noch um (X)HTML und da herrscht noch ein kleiner Unterschied


    Ein normaler HTML-Kommentar sieht so aus: 
    <!-- Hier dein Kommenar -->


    Viele Coder nutzen Kommentare um den Quelltext verständlicher zu gestalten. Also um sich besser im Code zurecht zu finden. Deswegen Kommentare á la "Anfang Navi" und "Ende Navi"! zwinker Du verstehst das alles schon noch! lächeln

    ZSKing
    »inaktiv
    _________________________________
    0 Mitglieder finden den Beitrag gut.
  9. Di. 01.04.2008 14:47 Uhr #9
    User Pic
    SwatCorp Mitglied
    Registriert seit
    28.03.2008
    Beiträge
    99
    Beitragswertungen
    0 Beitragspunkte
    xhtml

    meinst du das?

    Weil bei Punkt 3 ist so eine Frau vor dem html ^^
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten