The basics of web production. How do you make it?

If you are watching this blog, you are all watching the Web from your device.
In the first place, how is the web created?


In this article, I would like to tell you how the Web works roughly.
I would like to summarize it so that you can understand it to the extent that “Hmm, that’s right”.

What is the Web?

The Web is the World Wide Web. It’s different, but it’s also called the Internet.

In the world of the Internet, computers such as PCs, smartphones, home appliances, and automobiles are connected through a line.


There are various countries on the earth. There are borders, and it takes a lot of time and immigration to get there. But in the internet, anyone can quickly see websites around the world.
(Some countries have restrictions on browsing.)

I think that one of the charms of the web is that you can easily connect with people from all over the world.

I got off track, there’s a computer called a ‘Web server’ in the Internet.

This web server publishes a website and we are looking at it.

Web server

When you think of a ‘server’, you might think of a big computer in a room with no windows, but a laptop like you have can also be some kind of server.

A ‘server’ is a computer that provides some kind of service.

For example, a mail server is a server that provides the function of delivering mail, and a file server is a server with the function of managing and sharing files.

A Web server is a computer that has a function that allows people to see the web site that you created.

Specifically, it refers to a computer with web server software installed.

Well-known software include Apache, Nzinx, and IIS.

When you install these software, you can published a specific folder that on your computer.

If you place a web page in it, people in the world will be able to view it through the Internet.

Web page

This screen you are seeing now is called a web page.

Web pages are made of electronic files written in a programming language called HTML.

For example, it will be a file like this.

HTML


<html>
   <head>
      <title>Name of this site</title>
   </head>
   <body>
      <h1>It's a headline.</h1>
      <p>Aieo</p>
      <a href="https://google.co.jp">This is a link. Jump to another web page.</a>
   </body>
</html>

When you open HTML written like this in an Internet browser, it looks like this.

This page has headline(h1 tag) and paragraph(p tag) and link(a tag) from above.

When click the link, you can go to the other page.

In this way, web pages are connected in a mesh pattern in the internet world, and that is why it is called the Web (spider’s nest).

Summary

For the time being, this is how the Web works.

If nothing is done, web page will be boring. But you can deecorate with other programming language called ‘CSS’. And can add movement with ‘Javascript’.

As for the basic way of writing HTML, Tell me! How to write HTML is summarized, so please see here as well.

If you want to know about CSS, Tell me! How to write CSS.

If you want to know about Javascript, Tell me! How to write Javascript.

Shitakke!

  • The Web is the internet world.
  • Web server publishes web pages in the Internet.
  • Web pages are written in HTML.
  • Web pages are interconnected like spider nests.

本格的にプログラミングを学びたいですか?ITのエンジニアになりたいですか?

IT業界は万年人手不足であり、ニーズがあります。
パソコンとインターネットがあれば場所を問わず仕事ができるので、リモートワークが普及しつつある現代にマッチした職種と言えると思いますし、 物理的に必要なものはパソコンぐらいなので初期投資にかかる費用も少なく、人並みに仕事ができればフリーランスになって会社依存を脱却することもできます。

身につけた技術は一生モノです。

もし本腰を入れて勉強したいという方はスクールに入るのも一つの手です。
いくつか紹介しますので、興味があればサイトを覗いてみてください。

DMM WEBCAMP

転職を本気で考えている方向けのプログラミングスクールです。 転職を保証しているため、未経験からIT業界へ転職を求めている方へおすすめです!

DMM WEBCAMPのサイトへ

TechAcademy

最短4週間で未経験からプロを育てるオンライン完結のスクールです。 どこかに通う必要なく、自宅でもプログラミングやアプリ開発を学ぶことができます。

TechAcademyのサイトへ

Want to learn programming in earnest? Want to be an IT engineer?

The IT industry is understaffed for many years and has needs.
If you have a computer and the Internet, you can work anywhere, so I think it can be said that it is a job type that matches the present age when remote work is becoming widespread. The initial investment cost is low, and if you can work like a normal person, you can become freelance and get rid of your dependence on the company.

The skills that you have acquired is something that will last a lifetime.

If you want to study in earnest, you can go to school.
I will introduce some of them, so if you are interested, please take a look at the site.

DMM WEBCAMP

This is a programming school for those who are serious about changing jobs. guarantee a job change, so it is recommended for those who are inexperienced and are looking for a job change in the IT industry!

move to DMM WEBCAMP

TechAcademy

It is an online school that trains professionals from inexperienced in a minimum of 4 weeks. You can learn programming and app development at home without having to go anywhere.

move to TechAcademy