how-to-create-a-fixed-header-and-scrolling-content-area here is example
header{
width: 100%;
background: yellow;
position: fixed;
top: 0;
height: 60px !important;
opacity:.8;
}
p {
font-size: 0.8em;
padding: 10em;
border: thin solid black;
background: gray;
color: white;
}
--------------------------------------------------
fixed header in "yellow color"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>how-to-create-a-fixed-header-and-scrolling-content-area, Fixed Header/Footer With Scrolling In Between</title>
</head>
<style>
header{
width: 100%;
background: yellow;
position: fixed;
top: 0;
height: 60px !important;
opacity:.8;
}
p {
font-size: 0.8em;
padding: 10em;
border: thin solid black;
background: gray;
color: white;
}
</style>
<body>
<header>
header
</header>
<p>think a lot of these are great answers; however, I never find answers that say "build something" particularly helpful. Build what? Build how? Where do I even start?
I come from a business background, so I started with 0 knowledge and have never taken a programming class. This is how I would go about learning Web Development (with PHP) from the ground up. Feel free to skip steps if you already know some of this stuff. I would recommend reading this whole post, including the appendix before starting on anything. You want to make sure that you feel comfortable with this road map before you begin the journey.
Learning PHP on your own can be a difficult journey, but it's definitely doable. I would say that it should take abotu a month or two, considering some days you just won't be able to keep up with the lessons. As well, there will be other interesting tutorials you want to do before moving on I'm sure. Let's be realistic as well though. If you're working at another job, and you do this in your free time, it's going to take longer.
It has taken me a year to get to the point I'm at currently (a lot of starting and stopping). I've gone through hours of videos and tutorials that are probably useless to me, because I never found a guide to learn how to build website from the ground up. What I'm trying to do with this guide is to cut out those oh so many hours of trying to find resources, and not knowing what the next step is.
Step 1 - 2-4 days
Do the Learn to code course on HTML/CSS. This is an easy first step for beginners and allows you to inmmediately see real results from what you are learning (as opposed to learning <?php return 2 + 2; ?>, which I find dull, because I could do that with a calculator)
Step 2 - 1/2 day
Go to Free Educational Video Tutorials on Computer Programming, Adobe Software, Computer Science and More! and watch the first 12 videos in the List of Videos for PHP. By now, you have the basic tools to start building a semi-dynamic website! Next up, you need to learn more basic function in PHP.
At this point, it is also good to get a code editor. For these initial steps, I would recommend getting Bare Bones Software | TextWrangler (TextWrangler), because it is very simple to use, and won't overcomplicate or confuse a first time programmer. Although, you'll notice it's very different from the Codecademy environment.
(from the OOP tutorials you go over, you'll start to unders</p>
<center><h1>THIS IS HEADING hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</h1></center>
</body>
</html>
header{
width: 100%;
background: yellow;
position: fixed;
top: 0;
height: 60px !important;
opacity:.8;
}
p {
font-size: 0.8em;
padding: 10em;
border: thin solid black;
background: gray;
color: white;
}
--------------------------------------------------
fixed header in "yellow color"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>how-to-create-a-fixed-header-and-scrolling-content-area, Fixed Header/Footer With Scrolling In Between</title>
</head>
<style>
header{
width: 100%;
background: yellow;
position: fixed;
top: 0;
height: 60px !important;
opacity:.8;
}
p {
font-size: 0.8em;
padding: 10em;
border: thin solid black;
background: gray;
color: white;
}
</style>
<body>
<header>
header
</header>
<p>think a lot of these are great answers; however, I never find answers that say "build something" particularly helpful. Build what? Build how? Where do I even start?
I come from a business background, so I started with 0 knowledge and have never taken a programming class. This is how I would go about learning Web Development (with PHP) from the ground up. Feel free to skip steps if you already know some of this stuff. I would recommend reading this whole post, including the appendix before starting on anything. You want to make sure that you feel comfortable with this road map before you begin the journey.
Learning PHP on your own can be a difficult journey, but it's definitely doable. I would say that it should take abotu a month or two, considering some days you just won't be able to keep up with the lessons. As well, there will be other interesting tutorials you want to do before moving on I'm sure. Let's be realistic as well though. If you're working at another job, and you do this in your free time, it's going to take longer.
It has taken me a year to get to the point I'm at currently (a lot of starting and stopping). I've gone through hours of videos and tutorials that are probably useless to me, because I never found a guide to learn how to build website from the ground up. What I'm trying to do with this guide is to cut out those oh so many hours of trying to find resources, and not knowing what the next step is.
Step 1 - 2-4 days
Do the Learn to code course on HTML/CSS. This is an easy first step for beginners and allows you to inmmediately see real results from what you are learning (as opposed to learning <?php return 2 + 2; ?>, which I find dull, because I could do that with a calculator)
Step 2 - 1/2 day
Go to Free Educational Video Tutorials on Computer Programming, Adobe Software, Computer Science and More! and watch the first 12 videos in the List of Videos for PHP. By now, you have the basic tools to start building a semi-dynamic website! Next up, you need to learn more basic function in PHP.
At this point, it is also good to get a code editor. For these initial steps, I would recommend getting Bare Bones Software | TextWrangler (TextWrangler), because it is very simple to use, and won't overcomplicate or confuse a first time programmer. Although, you'll notice it's very different from the Codecademy environment.
(from the OOP tutorials you go over, you'll start to unders</p>
<center><h1>THIS IS HEADING hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</h1></center>
</body>
</html>
No comments:
Post a Comment