HTML5 oder nur HTML ?!

**VD3???** · 18.11.2012 17:15

Wie setze ich diesen Entwurf um?!>> http://m4terial.bplaced.net/m4terial...es_monats.html ps:index.html ist fertig und kann unter HOME aufgerufen werden.

Klicke auf die Grafik für eine größere Ansicht

Name: html.jpg
Hits: 64
Größe: 21,6 KB
ID: 16032

HTML-Code:

CSS
.main article {
    float: left;
    width: 57%;
}
article, aside, details, figcaption, figure, footer, header, 
hgroup, nav, section, summary {
    display: block;
}

img {
    vertical-align: middle;
    width: 100%;
}

Meine Überlegung:
Ich erstelle ein <div> mit einer id, das Bild würde ich dann als Hintergrundbild(widht100%) benutzen. Den text würde ich mit float den entsprechenden platz zuweisen.
Wie gehe ich an die Sache RICHTIG an?!

**Whiz-zarD** · 18.11.2012 17:48

Was willst du?

**VD3???** · 18.11.2012 18:00

http://m4terial.bplaced.net/m4terial...es_monats.html

Ich will dieser Seite ( http://m4terial.bplaced.net/m4terial...es_monats.html) in HTML/CSS programmieren. Bis jetzt hab cih nur ein einfaches Bild benutzt. Ich wills aber richtig machen...

**Whiz-zarD** · 18.11.2012 18:56

Du machst einfach mittels div ein Blockelement. Dieses Element bekommt dann als Hintergrund das Hintergrundbild und definierst du zwei Div-Blockelement in dem bestehenden Element und positionierst du diese.
Hier ein sehr minimalistisches Beispiel:

Code (html):

 
<!DOCTYPE HTML>
 <html>
	<head>
		<title>Test</title>
		<style type="text/css">
html {
	width:100%;
	height:100%;
}
 
body {
	width:1025px;
	height:100%;
	margin:0px auto;
}
 
#container {
	width:100%;
	height:850px;
	background-color:grey;
}
 
#container #username {
	position:relative;
	width: 300px;
	left:100px;
	top:50px;
	border:1px solid black;
}
 
#container #title {
	position:relative;
	width:300px;
	left:500px;
	top:500px;
	border:1px solid black;
}
      </style>
	</head>
	<body>
		<div id="container">
			<div id="username">Irgendein Nutzer</div>
			<div id="title">Projekt des<br/>Monats</div>
		</div>
	</body>
 </html>

**rgb** · 22.11.2012 20:33

@VD3: Was für einen Editor benutzt du? Sieht interessant aus mit dem Ein- und Ausklappen.

**Scavenger** · 22.11.2012 20:49

Zitat von rgb

@VD3: Was für einen Editor benutzt du? Sieht interessant aus mit dem Ein- und Ausklappen.

Sieht nach Eclipse aus kann aber auch Zend Studio sein, wobei Zend Studio 200 euronen kostet.

**Whiz-zarD** · 22.11.2012 21:16

Zitat von rgb

@VD3: Was für einen Editor benutzt du? Sieht interessant aus mit dem Ein- und Ausklappen.

Das sieht nicht wirklich nach einem Editor aus.
Das sieht nach Firebug oder Opera Dragonfly aus.

**Scavenger** · 22.11.2012 21:24

Zitat von Whiz-zarD

Das sieht nicht wirklich nach einem Editor aus.
Das sieht nach Firebug oder Opera Dragonfly aus.

Siehste mal, an Firebug hab ich gar nicht gedacht das es auch diese Ein-Ausklapp funktion hat.
Aber jetzt wo du es sagst. Hab jetzt nur an die Editoren gedacht weil die eben oben genannten auch solche funktionen haben ^^

**VD3???** · 29.11.2012 22:43

jap genau es ist der firebug =) udn sonst benutze ich Notepad++ da kann man auch ausklappen =) obwohl ich es da nie benutze xD

**VD3???** · 27.02.2013 21:20

Ich bins wieder ich hab bei wix diese seite gefunden
Artist Previewe

Ich sehe dort nciht durch und habe keinerlei Idee wie ich anfangen soll ... ich hab diese seite gefunden http://www.buildwindows.com/ sollte cih mir diese seite als Roling/vorlage nehmen? doer wie würdet ihr das machen ?

MfG
VD3

**Movert** · 05.03.2013 13:22

Zitat von VD3???

Ich bins wieder ich hab bei wix diese seite gefunden
Artist Previewe

Ich sehe dort nciht durch und habe keinerlei Idee wie ich anfangen soll ... ich hab diese seite gefunden http://www.buildwindows.com/ sollte cih mir diese seite als Roling/vorlage nehmen? doer wie würdet ihr das machen ?

MfG
VD3

Na das sind ja Ubisoftmethoden hier...

Was willst du denn nun? Selbst Designen, oder fertige anpassen mithilfe von CMS oder Website Builder? (HTML und CSS sind übrigens keine Programmiersprachen, und auch PHP ist nur eine Interpretersprache)

Thema: HTML5 oder nur HTML ?!

Themen-Optionen

Anzeige

Hybrid-Darstellung

Enwurf umsetzung

Stichworte

Berechtigungen