Home > TagScript > html、css、Javascriptを使用する

ベクトルドロー・レベルゼロ

html、css、Javascriptを使用する

新規作成日 2016-12-04
最終更新日

最初に、htmlを使ってホームページを作ろうとした時、htmlを覚えても、意図するデザインが全く作ることができないことに戸惑いました。

htmlページは、パズルを解くようにhtml、css、Javascriptを組み合わせて構築されています。htmlを使ってページを作成する場合は、その組み合わせの定石のような組み合わせパターンを見つけて、それを組み合わせる必要があります。

ホームページ作成の入門書やタグ辞典では、そのあたりの情報が欠落しています。Webデザインの書籍を参考に、どのように使用するか写経するように、あるいは、漢字の書き取りをするように、自分のものにしていく必要があります。

サイトを作成する際に利用する部品を構成する、htmlタグの組み合わせとcssの組み合わせは、数多くあり、その多くが簡単には思いつきません。

Webデザインをどのように使用するか説明する書籍は、htmlやcssに新しい規格が勧告されたときにまとまって出版されます。現在は、html 5とcss 3です。

自分が実現したいデザインのhtmlとcssの組み合わせが頭に浮かんでくると期待するのは、初心者は諦めたほうが賢明です。つまり、特定のデザインを実現するための公開されているパターンを集めて、実現したいデザインを実現する方法が現実的です。

また、携帯端末の登場により、サイトの作成でもパソコンだけでなく、携帯端末を意識してサイトを作成する必要があります。そのため、画面サイズの変化に対応する記述をする必要があります。そして、動きのあるページを作成するには、Javascriptの使って実現する必要があります。

これから、htmlとcssを学習する方に

サイトを作成するために、htmlとcssを習得したい場合、どうやって学ぶのが良いのでしょうか? 独学で学ぶ場合は、まず、書籍を使うのが効率的です。

テンプレートを取得する

まずは、既存のテンプレートを使用して、画像や文章を入力し、ホームページやブログなどのサイトを作成し、公開してしまうことがお勧めです。最初に、サイトを運営しようとするとき、サイトのデザインの独自性を出したいと考えてしまうのですが、サイトの独自性は、あなたが書く文章と貼り付ける画像で、十分表現できます。

htmlで望むデザインを作成できるようになるまでは、かなりの時間がかかります。それまで、サイトを開始しないのはとてももったいないことです。

人を引きつける文章を書くこと、サイトに掲載する写真を撮影すること、イラストや図を作成すること、そのどれもが、すぐに上達するわけではありません。サイトを運営しながら少しずつ上達を目指すことが大切です。

Javascriptについて

Javascriptは、動きのあるページを作成する際、凝ったデザインをする際、ほとんどの場合使う必要があります。しかし、htmlとcssと同様、独自のものを作成するのでなければ、公開されているものをそのまま使用してしまいましょう。そして、興味があれば、その作成方法について、少しずつ習得していけば良いのです。

html、cssを使うための基礎知識

これから、htmlとcssを学習する方に

サイトを作成するために、htmlとcssを習得したい場合、どうやって学ぶのが良いのでしょうか? 独学で学ぶ場合は、まず、書籍を使うのが効率的です。

テンプレートのhtmlフレームを作成する

htmlがどのように表示されるかは、その部分だけを入力しても表示できますが、動作を確認するためには、きちんとした空のhtmlのフレームを作成しておき、それを使ったほうがよいと思います。

cssの記述方法

htmlとcssを結びつけるには、cssファイルを作成して、htmlで、使用するcssファイルを指定する方法の他に、html内に記述する方法があります。cssファイルを使用すると、複数のページのデザインを統一する際に便利です。特定のページにしか使用しないcssを使用する場合には、ページ内に記述する方法が便利です。

IEハックとIEのサポート期間

旧バージョンのIE(Internet Explorer)は、独自拡張が行われており、他のブラウザと表示が大きく異る問題が存在します。 それを、スクリプトで無理やり矯正する方法がIEハックです。その方法と、いつまで対応する必要があるかの目安になるIEのサポート期間の話題です。

記事を作成する際、知っていると役立つhtml、cssの知識

テンプレートを使用するとメニューやフッタ、リンクのデザイン、サイドバーなど、こだわりたい部分の外観が既に出来上がっています。しかし、文章や画像、リンクを配置するためにも必要なhtmlやcssの知識が必要です。

このエントリーをはてなブックマークに追加

Home Editor Tools Operation TagScript HPSpace

Copyright (C) 2011-2018 Horio Kazuhiko(kukekko) All Rights Reserved.
kukekko@gmail.com
ご連絡の際は、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」