Coding for the Web


A friend asked me - ‘Hey, you do a bit of coding with HTML5 and CSS3, how do you get things onto the screen? Not just anywhere but nicely placed, side by side. Well, that’s the million dollar question, I had to learn, teach myself how things work and I am still learning! But as I said, start with the basics. The problem with computer coding, languages and so on is that they do and can change rapidly. HTML5 is using quite a number of new ‘tags’ as is CSS3. So-called div’s are now not as supremely important.
What I tend to do is draw up a grid of blocks. First the header, this can be a logo, a coloured navigation bar (although with HTML5 we now have the nav tag. Then I fill the blocks with a colour just to see where they fall onto the page and I can size them correctly, even with space between them. You start off with the usual opening tags using a editor like 'gedit' or Sublime Text:
<!DOCTYPE html>
<html>
<head>
<title>page.html</title>
<style="text/css"></style>
</head>

Open the <body> tag to denote the beginning of the page you’ll see on the screen.
<body>
Now the header tags and code to position the images or text etc.
<header class="bar">
<img src="images/headerbar.png" alt="header" width="900">
<p class=rightpos2><span style="font-weight: bold;">Discover who we are...</span>&nbsp;&nbsp; <span style="font-weight: bold;">Where we come from...</span></p>
</header>
.
‘bar’ will be part of the CSS3 code. HTML code is used to put ‘stuff’ onto a screen, CSS is used to style it. So ‘bar’ is specifically positioning the header, followed by the styling.
.bar {
float: left;
margin-left: 25px;
}
This means it is positioned to the left and 25 pixels to the right.
The image is within a subdirectory called ‘images’ and positioned as ‘bar’ directed.
There will be some text – denoted by the <p> tag, positioned as directed by the CSS ‘rightpos2’ code. This styles the textual part and puts the words where they are wanted. That can be anywhere you want them, I tend to experiment a lot!

.rightpos2 {
position: absolute;
font-family: Helvetica, Arial, sans-serif;
text-shadow: 2px 2px black;
font-size: 24px;
left: 580px;
top: 30px;
width: 300px;
height: 20px;
color: purple;
font-style: oblique;
}
This hopefully is self-explanatory. I will put some more on at a later date to show the positioning of the other blocks.
You will see the result on the ‘history’ page of my website – dutchenery.net’.

Comments

Post a Comment

Popular posts from this blog

Where are the aliens?

  The question and Answer software called ‘Quora’ had some quite interesting debate about aliens. I am bowled over by how many, and some are quite educated, believe in aliens. Particularly that they have been here and not just that, are still here and doing great intelligent things like making crop circles. I have to be honest here and say that yes there are aliens except we will never see or hear them. As probability will tell you that with trillions of galaxies, having billions of stars the likelihood of other life is near to 100%. The problem is that life such as ours on Earth needs to move but in such a way as is possible on Earth. That is to say, a gravity of 1, oxygen to breathe and food of a kind that is digestible. The next thing to consider is movement, meaning star travel. It is pretty clear that life such as on Earth is not really around in our solar system. We might find some microbes but that’s about it . The distances between the star systems even
Read more

Is there such a thing as mind-control?

One of my favourite author’s Scott Mariani. Writing explosive stories with the great character he created, Benedict Hope. The latest gung-ho story called The Moscow Cipher actually highlights one of the things that has bothered a lot of people. That of mind-control. I’ve wondered about that as well since even in this country that is a process carried out. It is not a bloody affair as depicted in the book but nevertheless computers, the power of the chip has made it so much easier to influence the minds of the general public. Fake news, little bits of untruths here and there. No hesitation in deluding the general public. Just read, listen and make your mind up. All done in the name of “the truth would harm us all”. But will it? . We have smart phones. With chips that know where we are, what we do and what we say. And yes, it is logged somewhere. We have been rail-roaded into using Facebook, Twitter, WhatsApp. Google knows more about you than the taxman or even your partner and that
Read more

Is humanity performing euthanasia on itself?

Looking at the happenings in the Middle East I wonder how suddenly Hamas, i.e the de-facto army of the so-called Palestinian state, took it upon themselves to invade Israel. It cannot be a coincidence that Russia needed some pressures, not in Ukraine but somewhere else to take away the limelight on them. W here better than the Middle East. I am virtually certain that one way or another there are political shenanigans afoot. What IS Palestine exactly? I know about Bedouins, Arabs and Jews, are these not all one and the same? Sure, there are different religions but if you look very closely there are great similarities. It is stupid of most of us not to notice but three of the most followed religions are all based on the same precedents. So w here does the term Palestine come from, I might ask. There was the Ottoman empire, and prior to that the Roman. Prior to that Alexander rampaged through the area. Prior to that we had Egyptians, Hittites and God knows what else. Even monkeys held sw
Read more