Making a web site for a project

w1llyg

w1llyg

w1llyg

Associate
Joined
23 Dec 2009
Posts
549
Hi guys,

Im at university and i need to make a website for my science project.

Iv been able to buy the new dreamweaver (at student price) to help build it.

Is there any good tutorials online to help give me clever short cuts and give useful tips etc.

I know its stupid that im asking this as I havent installed it yet but is it simple to use? (exam period atm so no chance on playing on it quite yet.) How long would you estimate it takes to build one to a decent standard?
 
I am a complete beginner at making a website.
Unfortunately i have no idea of any html/css what so ever. :'(

I have to make this website in 3weeks along with a 5k review.

I wana cry lol.
 
I wanted an image in the home page and you click different parts of the image, and a pop up occurs telling you alittle bit on that subject, but a link to be there too to take you to a page with more information on tht topic etc.

But yeah ill have a look.
 
I havent started it yet.

Ill email my tutor to see if i need to make it from scratch.

Ill have a look at all these videos after tuesday (thats my last exam)
 
Riddell said:
I highly recommend you watch the following video series from nettuts:

http://tutsplus.com/course/30-days-to-learn-html-and-css/

It's about 5 hours of video but takes you through the whole process of building a site with no previous knowledge.

You might also want to search on youtube for Google HTML/CSS/Javascript from the ground up. Quite useful for a beginner.
Click to expand...

I love you so much! Using this guide atm and this guy is amazing!

Its quite rewarding, typing something in and seeing the effect it has.
 
Hit a rock 2day.

Ive been trying to make a side bar with links to different parts of my website. But I cant seem to get the side bar to go on the left handle side and look detached from the content bit.

Ive been following Jeffery Way's video on floating and simple lay out but it just doesnt want to work for me



EDIT:
Ive made a nav bar. But its in the top left corner. I would like it at the same height as my content. but when i put it in the <div> of my content it is aligned in the left of the box of my content (which is in the middle)
 
Last edited:
Ok new problem. Ive moved the navigation bar down to the position i want it. On full screen it looks good, but as soon as i make it half page, the content box goes underneath the navigation bar.


Uploaded with ImageShack.us


Uploaded with ImageShack.us

EDIT: Im tryin to get it into a similar look like the bbc sport page.
 
Last edited:
Thank you Riddell so much!!!!!! <3

Now onto my next problem..... how to i get it to sych the sidebar in with the header so there is no gap.

I also have no footer, because i would like my white background of the wrapper to carry all the way to the bottom of the screen instead.


Another thing is how do i code for my side bar to carry on going down? (unsure if i want it like it is or all the way down.

One last thing, i cant seem to move my text in the wrapper away from the sidebar...ive tried text indent and padding left but neither have been successful :(

Sorry for being a pain. Left the coding at the bottom too, it may help.

Thanks :D

Code: 
<html>
<head>

<title>CF</title>
<link rel="stylesheet" href="css/Quick.css"/>
</head>
<body>
<div class="container">
  
  
  <div class="header">
    <h1> Cystic Fibrosis </h1>
  </div>
  
    
    <ul class="lsidebar">
          <li><a href="Cystic Fibrosis Website.html">What is CF?</a></li>
          <li><a href="Lungs Cystic Fibrosis.html">Which Organs are affected?</a></li>
          <li><a href="#">Anoxeria in CF</a></li
          ><li><a href="Contact Me.html">Contact Me</a></li>
      </ul> 

  <div class="wrap">
  
    <h2> About CF</h2>
      <p> 
        <strong>Cystic Fibrosis</strong> is a <em>disease.</em>
      </p>


  <dl>
    <h3><dt>Organs affected in CF</dt></h3>
    <ul><li><a href="Lungs Cystic Fibrosis.html"">Lungs</a></li></dt>
    <li>Testes</li>
    </ul>
   </dl>
   
   
     <blockquote>
      <p>
        "Hello, how have you got on?"
      </p>
    </blockquote>
    
    
    
    <p> Visit the <a href="http://www.cftrust.org.uk/aboutcf/whatiscf/" target=_blank"> CF trust website. </a>.</p>
  <img src="Images/New Human Body.jpg" alt"Image of the Human Body"/>
  </div>
  </div>
  

    



</div>

</body>
</html>

Heres the CSS
Code: 
body {
	background:#66FFB3;
}

.container {
	width: 800px;
	margin: auto;
	background:#EEE;
}

.wrap {
	width:400px
	margin-left: auto;
	background:#FFF;
}
.lsidebar{
	padding-left:0px;
	list-style:none;
	border-bottom:none;
	float:left;
	width:203px;
	height: 600px;
}
ul.lsidebar li{
    float:left;
}
ul.lsidebar a{
    width:12em;
    display:block;
    border:none;
    padding:5px;
    margin-right:10px;
    background-color:#234f32;
    text-decoration:none;
    color: #0F6;
    text-align:center;
}
ul.lsidebar a:hover{
    width:12em;
    display:block;
    border:none;
    padding:5px;
    margin-right:5px;
    background-color:#92cc47;
    color:#4FFFA7;
    text-decoration:none;
    text-align:center;
}
a{
  color: red;text-decoration: none;
  font-family: Tahoma, Geneva, sans-serif;
}

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	text-align:center
}
h2,h3, h4 {
	font-family:Tahoma, Geneva, sans-serif;
	padding-left: 20px;
}
p {
	font-family: Tahoma, Geneva, sans-serif;
	padding-left: 20px;
}
 
Last edited:
Thanks again.

1)I still cant sycn inline together. When i change the margins and nothing happens.

2) EDIT:DONE

3. When i make my sidebar 100% it does exactly what i want but my "buttons/links" are super big, each link is a page long.

4. Im also tryin to make the side bar thinner by around 20px, but again nothing happens but the writing in the white area go into the side bar

5. How do I make the image go in the centre?



Uploaded with ImageShack.us
 
Last edited:
Hey again everyone,

Atm I'm trying to embed a Java script.

Its called Jmol. Its a program that renders molecules.
I doubt anyone knows how to use it.

But if you do, im tryin to use a molecule that can be opened with the pdb of 3DK2.

Im tryin to embed the interactive 3D image of it on my website. I can get Jmol on my website but not showing the molecule i want it to show.

If any1 has had any experience with java script ill love you forever :)
 
You must log in or register to reply here.
Back
Top Bottom