NO IMAGE Webのメモ

Bracketsのインストールと使い方

プログラミングする際にもっとも重要な仕事道具が「テキストエディタ」です。Brackets(ブラケッツ)のインストールと基本的な使い方、効率を高めるショートカットについて解説します。 テキストエディタとは HTMLやCSSのファイルは、文...
NO IMAGE カスタマイズ

Gistを見やすくカスタマイズしてみた

こんにちは!サムです。 少し前に、ソースコードを表示する方法を調べました。 CodePenとGistの2つをソースコード表示まで一通りやってみたんですが、自分はGistの方が使いやすかったですね。 シンプルにファイル拡張子を書...
NO IMAGE Webのメモ

作業フォルダを作成する

HTMLを書き始める前に、ファイルの置き場となる「作業フォルダ」を作成します。 作業フォルダは任意の場所でかまいません。その中に「images」「css」というフォルダを作成し、imagesフォルダには必要な画像ファイルをすべて入れます。...
NO IMAGE Webのメモ

ファイルの拡張子を表示する

HTMLとCSS、どちらも文字データだけで構成されたテキストファイルですが、役割が違います。 コンピュータとユーザーが理解できるようにする必要があります。 ファイルがどのような文書(種類や形式)なのか 判別に使用するのが、ファイル...
NO IMAGE Webのメモ

ウェブページにソースコードを表示する方法3選

ウェブページでは、ソースを張りつけてもそのまま表示することはできません。 ソースを公開する方法を3つ紹介します。 海外サイト「Code Pen」 有料プランもありますが、無料で使える機能なのでFREEで登録しましょう。 ...
NO IMAGE カスタマイズ

クリックすると展開表示する「折りたたみメニュー」をHTMLで実装する方法

長すぎるページをコンパクトにしたい ぱっと見で全体を把握できるようにしたい 使いにくいから概要だけ表示するようにしたい 一部のユーザー向けの補足情報を折りたたんでおきたい 項目がありすぎてごちゃごちゃしてみえるからスッキリさせたい ...
NO IMAGE リファレンス

CSSとは

カスケーディング・スタイル・シート CSS(シーエスエス)とは、「Cascading Style Sheets」の略。 ウェブページのスタイルを指定するための言語です。 ワープロソフトなどで作成される文書も含めて、文書のスタイル...
NO IMAGE リファレンス

HTMLタグ

HTMLタグは、さまざまな要素を明確にするための目印になります。 HTMLの最も重要な役割は、コンピュータに理解できるように文書構造を定義することです。 そのため、用途にあったHTMLタグを使用することが重要になります。タグによ...
NO IMAGE リファレンス

HTMLとは

ハイパーテキスト・マークアップ・ランゲージ HTML(エイチティーエムエル)とは、「HyperText Markup Langage」の略。 Webページの作成するために開発された言語です。現在、インターネット上で公開さ...
NO IMAGE 書籍

服部雄樹「HTML&CSSとWebデザインが1冊できちんと身につく本」

HTML&CSSとWebデザインが1冊できちんと身につく本の目次 chapter1 知っておきたいサイトとデザインのきほん知識 1-1. Webサイトのしくみについて知ろう Webサイトの特性とは 複数のWebページが集まっ...