Ocena? Kako bi dodal podstrani? @ Slo-Tech

Forum » Pomoč in nasveti »
Ocena? Kako bi dodal podstrani?

Ocena? Kako bi dodal podstrani?

Quantum :: 3. feb 2014, 20:51

Kot sem že omenjal za začetku, sem začel delati v HTML jeziku. Po dobrem tednu treniranja se je rodila zasnova za mojo spletno stran. Kaj menite o njej kaj bi še dodal?? hvala! ps. zanima me kako bi dodal podstrani.
INDEX.HTML

<!DOCTYPE html>
<html>
<head>
    <title>My Personal Webpage</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
    
	<div id="header">
		<div id="nav"><a href="index.html">Home</a> | <a href="#">About Me</a> | <a href="#">Contact Me</a> | <a href="#">My Photos</a> | <a href="#">My Videos</a></div>
		<div id="bg"></div>
	</div>
	
	<div id="main-content">
		<div id="left-column">
			<div id="logo">
			Welcome to Quantum's Webpage
			</div>
			<div class="box">
        		<h1>What You'll Find Here</h1>
        		<p>This is my space. Here are some of my interests: </p>
				<ul style="margin-top:10px;">
					<li>Programming web pages</li>
					<li>Playing guitar</li>
					<li>Playing ice basketball</li>
					<li>Interesting in physics</li>
					<li> Iam in love withTrack and field</li>
				</ul>
			</div>
			<h2>A Few of My Famous Quotes</h2>
			<p>
				<img src="https://lh3.googleusercontent.com/-HSWE58Fefic/AAAAAAAAAAI/AAAAAAAAACQ/55-DDssWb4I/photo.jpg
" width="139" height="150" style="margin: 0 10px 10px 0;float:left;" />
				<em>"That's what she said."</em> - Me<br/>
				<em>"Would I rather be feared or loved? Easy, both. I want people to be afraid of how much they love me."</em> - Me<br/>
				<em>"Wikipedia is the best thing ever. Anyone in the world can write anything they want about any subject, so you know you are getting the best possible information."</em> - Me<br/>
				<em>"I am Michael, and I am part English, Irish, German, and Scottish, sort of a virtual United Nations."</em> - Me<br/>
			</p>
		</div>
		<div id="right-column">
			<div id="main-image"><img src="http://www.radiokrka.com/Portals/Slike/SlikeClanki/2010/8/19/35C4E066-07A5-4D4D-A83A-28218FB736F1.jpg
" width="160" height="188" /></div>
			<div class="sidebar">
				<h3>Blurb About Me</h3>
				<p>My name is Saso. And I love Running, programming and physics.</p>
				<h3>Find Me Elsewhere</h3>
				<div class="box">
					<ul>
						<li><a href="http://facebook.com" target="_blank">Facebook</a></li>
						<li><a href="http://twitter.com" target="_blank">Twitter</a></li>
						<li><a href="http://linkedin.com" target="_blank">LinkedIn</a></li>
						<li><a href="http://tumblr.com" target="_blank">Tumblr</a></li>
						<li><a href="http://pinterest.com" target="_blank">Pinterest </a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		Copyright &copy; 2014 Quantum. All rights reserved.<br/>
		Layout adapted from <a href="http://www.web-designers-directory.org/" target="_blank">Web Designers' Directory</a>.
	</div>
</div>

</body>
</html>

STYLE.CSS

/* Layout */

body {
    font:normal 12px/1.6em Arial, Helvetica, sans-serif;
	color:#2a3845;
	margin:0;
	padding:0;
	background:#FFFFFF;
}

p {
	margin:0;
	padding:0;
}

#wrapper {
	margin:0 auto;
	width:632px;
	border-left:1px solid #f0e9eb;
	border-right:1px solid #f0e9eb;
}

#header {
	margin:0 1px;
}

#bg {
	height:36px;
	background:url('http://img840.imageshack.us/img840/9886/87926428.gif') repeat-x;
}

#main-content {
	margin:0 auto;
}

#main-image {
	text-align:center;
}

#left-column {
	width:300px;
	padding:0 30px 30px;
	float:left;
}

#right-column {
	width:270px;
	float:right;
}

.sidebar {
	width:218px;
	margin:0 auto;
	padding:10px 25px;
	background:url('http://img404.imageshack.us/img404/3092/shadowh.jpg') no-repeat top;
}

#footer {
	background:#f7f7f7;
	border-top:1px solid #f0e9eb;
	padding:10px 15px;
	clear:both;
}

/* Global Styling */

a:visited, a:link {
	color:#a43b55;
	text-decoration:underline;
	background:none;
}

a:hover {
	color:#a43b55;
	text-decoration:none;
	background:none;
}

h1 {
	color:#7a2e40;
	margin:0 0 10px;
	padding-bottom:10px;
	font:normal 17px Georgia, serif;
	border-bottom:1px solid #efece7;
}

h2 {
	color:#7a2e40;
	margin:20px 0 10px;
	padding-bottom:10px;
	font:normal 17px Georgia, serif;
	border-bottom:1px solid #efece7;
}

h3 {
	color:#7a2e40;
	margin:10px 0;
	padding-bottom:10px;
	font:bold 14px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #efece7;
}

ul {
	padding:0;
	margin:0 0 0 17px;
	list-style:square url('http://img525.imageshack.us/img525/1890/bulletr.gif');
}

.box {
	background:#f7f7f7;
	border:1px solid #f0e9eb;
	padding:15px;
}

#nav {
	background:#06a;
	padding:10px 20px;
	text-align:right;
	color:#f6dde3;
}

#nav a {
	margin: 0 10px;
}

#nav a:visited, #nav a:link {
	text-decoration:none;
	color:#f6dde3;
}

#nav a:hover {
	text-decoration:underline;
	color:#f6dde3;
}

#logo {
	margin-bottom:20px;
	font:normal 18px Georgia, serif;
	color:#fa7393;
}

spremenil: Quantum (3. feb 2014 ob 21:03)

shadeX :: 3. feb 2014, 20:59

Lahko bi prilepil tudi kako izgleda v browserju ane :)

Kot sem že omenjal za začetku, sem začel programirati v HTML jeziku

HTML ni programski jezik, zato ne programiraš v HTML-ju.

Če si to sam naredil, za prvi teden je ok. Ampak bo treba še pilit. Poglej si kakšne druge strani. Recimo next challenge -> klik

Zgodovina sprememb…

spremenil: shadeX (3. feb 2014 ob 20:59)

Quantum :: 3. feb 2014, 21:07

@shadeX hvala za popravke in komentarje. Zanima me nekaj: kakšne je bistvena razlika med HTML-jem ter PHP-jem programskim jezikom?

LP Q

Zgodovina sprememb…

spremenil: Quantum (3. feb 2014 ob 21:16)

d4vid :: 3. feb 2014, 21:35

PHP za spletne strani brez HTMLja ne gre. HTML je neka osnova, oblika, ki jo potem še dodatno izboljšaš s CSS. v HTMLju lahko narediš statično spletno stran - vsako stvar moraš it spreminjat v kodo. Ko pa dodaš zraven PHP, iz te strani narediš dinamično - dodajaš lahko prispevke brez spreminjanja v HTMLju, spreminjaš lahko naslov strani itd... Seveda ko to sprogramiraš. HTML je zelo enostavna stvar, pravtako CSS. Tudi osnove PHPja niso pretirano težke, vendar ko se naučiš PHP in te mika, da bi se naučil še kak drug jezik, opaziš da je veliko podobnosti s PHPjem... Večinoma je samo sintaksa, ukazi so pa tudi zelo podobni.

shadeX :: 4. feb 2014, 11:58

Vse kar je rekel d4vid.

PHP za spletne strani brez HTMLja ne gre.

Ubistvu (kolikor sem jaz seznanjen) noben spletni programski jezik ne more brez HTML-ja. HTML je kot ogrodje ki drži skupaj vse.

technolog :: 4. feb 2014, 12:06

No, ni res. Jezik (framework) ti lahko da neko abstrakcijo, tako da ti HTMLja sploh ni treba poznat.

shadeX :: 4. feb 2014, 12:10

Nisem napisal da moraš znat HTML. Napisal sem da programski brez HTML-ja ne more. Ali ga znaš ali pa framework naredi delo za tebe je druga. HTML se pa še vedno renderira v browserju. Tko kot naprimer pri asp.net imaš server controls. Recimo:

<asp:Label>

se rendira v

<span>.

Ampak html je še vedno uporabljen, pa če tudi skrit.

Vredno ogleda ...

	Tema	Sporočila	Ogledi	Zadnje sporočilo
	Tema	Sporočila	Ogledi	Zadnje sporočilo
»	Prikaz strani na različni resoluciji-Joomla jugostyle Oddelek: Izdelava spletišč	15	1796 (1524)	kr?en 26. jun 2014 18:57:18
»	meni razporejen po celotni dolžini XzupanX Oddelek: Izdelava spletišč	7	1989 (1857)	XzupanX 5. nov 2013 18:04:06
»	poravnava li elementov boss-tech Oddelek: Izdelava spletišč	8	1973 (1838)	boss-tech 1. okt 2012 08:19:03
»	Kontaknti obrazec - potrebujem pomoč dasooo Oddelek: Programiranje	18	1067 (789)	cobrica 18. sep 2012 11:24:25
»	CSS background-image in IE6? para! Oddelek: Izdelava spletišč	13	2916 (2782)	Road Runner 12. jun 2008 19:07:09

Več podobnih tem

Zadnje novice

Zadnji članki

Išči:

Forum » Pomoč in nasveti »
Ocena? Kako bi dodal podstrani?

Ocena? Kako bi dodal podstrani?