☰

» »

Ocena? Kako bi dodal podstrani?

Ocena? Kako bi dodal podstrani?

Quantum ::

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 ()

shadeX ::

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 ()

Quantum ::

@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 ()

d4vid ::

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.
Main PC: Asus PN50 | AMD Ryzen 5 4500U | 16 GB RAM | 256 GB SSD
PC2: HP Z400 | Intel Xeon L5630 | 6 GB RAM | 120 GB SSD
Laptop: HP Elitebook 840G1 | Intel i5 | 8 GB RAM | 256 GB SSD

shadeX ::

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 ::

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

shadeX ::

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 ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč		151950 (1678) kr?en
»

meni razporejen po celotni dolžini

Oddelek: Izdelava spletišč		72247 (2115) XzupanX
»

poravnava li elementov

Oddelek: Izdelava spletišč		82156 (2021) boss-tech
»

Kontaknti obrazec - potrebujem pomoč

Oddelek: Programiranje		181158 (880) cobrica
»

CSS background-image in IE6?

Oddelek: Izdelava spletišč		133080 (2946) Road Runner

Več podobnih tem