Hello! My name is Seán and i have just learned html and css but im having trouble.. do you know the way you can have a navigation menu page for your website? I have one and everytime i click on one of the links it brings me back to the home page. how to i get it to bring me to the page i want it to go to (e.g if you press contact me on a website and then the contact details come up) And one last question, is there any point in me learning javascript for websites and later on using the phonegap framework for making android, windows phone and ios apps? Thank you for your help :)
You need to make individual buttons for each link.
Phonegap? It depends, what's your main platform?
I can't help with your main question but, JavaScript is the scripting language if you want to interface with the user most of this webpage is in javascript.
Phonegap is just a concept for me and i have buttons for the link but when i press on the buttons it just refreshes the page, so i need to know how to make it when you press the link the second page i made come up instead of the home page refreshing.
Simple way
- Create separate html page
- Each link goes to its own html page
Probably best you go through some tutorials >> http://www.w3schools.com/
Any web dev you will need to know at least the basics of scripting languages like JS, Perl etc >> http://www.codecademy.com/ is a great place to start learning.
Do all of the pages have a /<pagename>
address?
Html code: (template for the site)
html
My Website
My Website
<div id="main">
<h2>Home Page</h2>
<p> This is my basic website. </p>
<p> I have made this website using only html and css. </p>
<p> I am doing this as i want to get a job that is related with programming. </p>
</div>
</div>
<div id="footer">
Copyright © 2015 Sean Power.
</div>
</div>
css code (template)
body {
background-color: #1F2E4C;
font-family: Helvetica, Arial, Sans-Serif;
}
a {
text-decoration: none;
color: red;
}
h1, h2, h3 {
margin: 0;
}
container {
background-color: white;
width: 800px;
margin-left: auto;
margin-right: auto;
}
header {
background-color: #B2CCFF;
color: white;
text-align: center;
padding: 10px;
}
content {
padding: 10px;
}
nav {
width: 180px;
float: left;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav .selected {
font-weight: bold;
}
main {
width: 600px;
float: right;
}
footer {
clear: both;
padding: 10px;
background-color: #999999;
color: white;
text-align: right;
}
look at the post above
i already have learned and ill try that, how do i link a file from my local computer? (notepad++ files)
Uh, this is one page. You don't have anything to link to.
Go through the tutorials properly and you'll learn everything you need to know.
http://www.w3schools.com/html/html_links.asp
<ul><li><a href="home.html">Home</a></li>
<li><a href="contact.html">Contact Me</a></li>
<li><a href="other/stuff.html">Stuff</a></li></ul>
Understand how directory structures work. Local & remote etc.