Skip to content

HTML+CSS+JavaScript

ma-san
ma-san(鈴木正行)

Webを支える技術。シンプルな技術だからこそ重要なスキルであり、多様なノウハウが存在します。

Webサイトを作る際に必須とも言える「HTML」「CSS」「JavaScript」のノウハウをシェアします。基礎的なことから応用まで書いていきます。

※当コンテンツは大幅に加筆予定です。

HTML#

HTML (HyperText Markup Language、ハイパーテキスト・マークアップ・ランゲージ)はWebサイトの構造を作るための言語。
タイトル、テキスト、段落やリスト、テーブルや画像の表示、リンクの設置が行なえます。

HTMLの基礎

CSS#

CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)とは、Webサイトの見た目(スタイル)を指定・調整するための言語。
HTMLで指定したテキストやリスト、画像やリンクに対してスタイルを指定することで様々なデザインを表現することが可能になります。

CSSの基礎

JavaScript#

JavaScript(ジャバスクリプト)とは、Webサイトに様々な機能を追加することができる言語です。
HTMLやCSSだけでは表現できないような見た目の表現や、条件式によって様々なパターンに応じて機能そのものを追加することが可能です。

WebページをJavaScriptで操作する#

Webサイトを制作する上でJavaScriptによる操作は欠かすことができません。動きもなく、複雑な操作も必要としないWebサイトであればJavaScriptを使用する必要はありませんがここでは様々な事例を紹介します。Webサイトを制作するプロの場合、確実に扱える必要があります。

【addEventListner】
テキストを書き換える

お仕事・当サイトへ興味を持っていただいた方

お問い合わせはこちらから

お問い合わせを頂く際はご確認ください

プライバシーポリシー

ma-san(鈴木正行)
テクニカルディレクター / Webデザイナー

「ma-san web design」の管理者。東京都・千葉県(千葉市・四街道市・浦安市・佐倉市)・宮城県(仙台市)を中心に企業のWebデザイン/マーケティング/IT戦略のプランニングからWebサイト構築・運用をしています。
Webアクセシビリティ」を中心に、「変わりゆくWebと共にサービス・サイトを改善していくこと」を重視します。
当サイトではお仕事のご相談からナレッジシェアを中心に活動していきます。

るり
未来へ繋がるWebの可能性。
お客様のサービスを、Webサイト制作を通じてサポートいたします。
Accessible Web Design.

Recommendation

るり

Webアクセシビリティの重要性について 当サイトが最も注力したい「Webアクセシビリティ」について、ぜひ多様な方々と共に学びながら充実化させ、普及活動に勤しみたいと考えています。

るり

初めて依頼を検討している方 初めてWebサイト制作を依頼する方へ。Webサイトを作りたいと思ったときに参考にしていただけると幸いです。

るり

Webサイトの基本 サーバーの準備からドメイン契約。Webサイトに必要なデータや情報を一通り纏めることで初めてWebサイト制作に携わる方々の学習の一助になれば幸いです。