プログラミング、何から始たらいい…?ウェブページを作ってみよう

プログラミングをやってみたいけど、どうしたらいいの?

まったくの未経験だけど何から始めたらいいの?

…という方はウェブページのコーディングを体験してみてはいかがでしょうか。

この記事では、これから書くコードがウェブブラウザで表示されるまで…を体験できます。

 

ウェブページのコーディングは、厳密にはプログラミングではありません。

しかし、ウェブ言語HTMLの興味が、ウェブ系プログラミング言語(JavaScriptやPHP)の興味につながっていきます。

実際にウェブ言語からプログラミングに進む技術者も多いのです。

ウェブページのコーディング体験

パソコンのメモ帳を使ってウェブページのコーディングをしてみましょう。

時間は5分もあればできます。

ウェブページのコーディングのやり方

ウェブ(html)コーディングのファイル作成・保存の手順を説明する画像

<!DOCTYPE html>
<html>
<body>
<h1>ウェブコーディングの始め方</h1>
</body>
</html>
  1. パソコンのメモ帳を開きます。
  2. 上のコード6行をコピーして、メモ帳にペーストしてください。
  3. メモ帳を「名前を付けて保存」します。保存先はデスクトップにしてください。
    ファイル名:test.html
    ファイルの種類:すべてのファイル
    文字コード:UTF-8
  4. デスクトップに保存した「test.html」ファイルをダブルクリック。

…すると、たった今コーディングしていたものがウェブブラウザで表示されたと思います。

これは、今あなたが作ったウェブページなのです。

次は、真っ白なページに色を付けてみましょう

<!DOCTYPE html> 
<html>
<head>
<style>
body { background: lightpink; font-family: serif;}
div { background: snow; border-radius: 8px; width: 640px;}
</style>
</head>
<body>
<h1>ウェブコーディングの始め方</h1>
<script>
document.write(new Date().getHours()+":",+new Date().getMinutes());
</script>
<div>
<ol>
<li>ウェブデザイナーを目指すことができます。</li>
<li>ウェブプログラマーへの道もあります。</li>
<li>スクールで学べば副業できるようになります。</li>
</ol>
</div>
</body>
</html>

上のコードをメモ帳にコピーペーストして名前をつけて保存し、ダブルクリックしてみてください。

ウェブページはこのようにhtmlのコードにどんどん「色付け」して作っていきます。

このhtmlファイルをウェブサーバーに保存すると、インターネットで世界中に公開される。

…というのがウェブサイトの仕組みです。

ウェブページから広がるプログラミングへの興味

色やフォントに面白みを感じるなら…

色を付けている部分はCSSというデザインの技術を使っています。

ページのデザイン(色やフォントなど)に面白みを感じるなら、ウェブデザインを勉強してみてはいかがでしょうか。

ウェブページはHTMLファイルをCSSで装飾して、イラストレーターやフォトショップの画像を配置して作り上げていきます。

ほとんどのプログラミングスクールには、ウェブの技術を習得できるコースがあります。

ウェブの技術には、プログラミングの基礎が詰まっています。

時間表示の技術に面白みを感じるなら…

時間表示の部分は、JavaScriptというプログラミング言語を使っています。

このトリックのような技術に面白みを感じるなら、ウェブプログラミングを勉強することをおすすめします。

ウェブプログラミングの言語は、初心者でもとても習得しやすいです。

JavaScriptの他に、PHPという言語がよく使われています。

ウェブプログラミングの言語は、IT系の転職市場でも常に募集が多いです。

もしプログラミングに挑戦してみたいなら、スクールの無料体験をおすすめします。

プログラミングスクール おすすめ

文字を書くことに興味が向いたなら…

自分の文章をインターネットに公開してみたいなら、ブログを始めてみることもおすすめです。

多くのブログでは、WordPressというツールが使われています。

このブログもWordPressを使って書いています。

WordPressを使うのに、プログラミングの技術や知識は要りません。

ブログの運営はけっこう簡単なのです。始めてみませんか?

WordPressを使っていくうちにブログのシステムに興味が向いて…

そこからPHPという言語をプログラミングして覚えていったという人も多いです。

 

© 2019-2021 ノンブロ.