html

jQuery

jQuery5(スティッキーの作成:基本)

ナビゲーションの常時表示などに使われるスティッキーを作成してみよう。 準備 1.以下のファイルをダウンロードし、好きな場所に解凍する。 2.先ほどダウロードしたフォルダはjQueryを用いたWebサイト開発に最適な構成である。これ...
PHP

PHP2

Q1.配列を用いて以下のように出力せよ。 php5.4は現在安心使えるバージョンである。そして多くの嬉しい機能が使える。(現場では5.3以下も多く存在しているのでリニューアルなどの場合は要注意) ●配列 jsでおな...
jQuery

jQuery4(スライダーの作成)

おなじみのスライダーだ。実際は人が作ったプラグインを利用させてもらうことの方が多いが、自分で一度作っておくとプラグインを利用する際でも理解度が違う。一度は自分でつくってみよう。 準備 1.以下のファイルをダウンロードし、好きな場所に解凍...
PHP

PHP1

Q1.りんごは50円、ばななは70円である。3つずつ買った時の合計金額を求めよ。 なお消費税は8%とする。 Q2.身長と体重をフォームから入力し、BMIを求めるプログラムを作成せよ。 BMIは身長m/(体重kg*体重kg)で求...
jQuery

jQuery3

準備 1.以下のファイルをダウンロードし、好きな場所に解凍する。 2.先ほどダウロードしたフォルダはjQueryを用いたWebサイト開発に最適な構成である。これを複製していくことによって新しいプロジェクトを作成する。Template...
jQuery

jQuery2

準備 1.以下のファイルをダウンロードし、好きな場所に解凍する。 2.先ほどダウロードしたフォルダはjQueryを用いたWebサイト開発に最適な構成である。これを複製していくことによって新しいプロジェクトを作成する。Template...
jQuery

jQuery1

jQueryとはJavaScriptライブラリの一つでこれを使うと、簡単に記述でき、ブラウザ間によるjs挙動の差異も埋めてくれる。 人気のピークはすぎた感があるがそれでも便利なことには変わりはない。早速使ってみよう。 準備 1.以...
JavaScript

Webサイト制作-9日目(JavaScript)

JavaScriptといえばイベント処理だ。ここまででもクリックイベントは出てきたが様々なイベントがあるさっそく見ていこう。 ●jsLesson9.html 11行目:window.onload=function(){};文...
JavaScript

Webサイト制作-8日目(JavaScript)

JavaScriptはオブジェクト指向言語の側面も持っている。オブジェクトを見ていこう。 jsでは波括弧でオブジェクトを定義する。以下は空のオブジェクト 以下はpenオブジェクト。プロパティ名:値でプロパティを定義していく。 ...
JavaScript

Webサイト制作-7日目(JavaScript)

JavaScriptは現在もっとも人気のある言語だ。この先も活躍の場が広がることが予想され、学んで損のないコスパの高い言語と言って良いだろう。 それでは、さっそくやっていこう。まずは以下のようなjsLesson1.htmlを作成す...
website

Webサイト制作-6日目(form)

今回はユーザーからのデータを受け取る時とかに使う。formについて学習しよう。 デスクトップあたりにでもformLesson.htmlを作成し以下を入力しよう。 ブラウザで確認してみよう。以下のように表示されれば成功だ。 ...
website

Webサイト制作-5日目(レスポンシブ)

現在はpcでwebを見る人よりスマホなどのモバイルデバイスでwebを見る人の方が多い。なのでサイト制作もモバイルでの利用を最大限考慮しなくてはならない。 今回はモバイルにも対応させたサイトを作ってみよう。 注)aspect-rati...
website

Webサイト制作-2日目(画像、YouTube)

前回は作ったファイルをデスクトップに保存していたが、実際はサイトごとにフォルダを作って管理するのが一般的だ。 Lesson4フォルダを作ってその中にcss,js,imagesフォルダを作成しよう。 次に、以下の画像を右クリックからダウンロ...
website

Webサイト制作-1日目(html)

Webサイトを作成する言語HTMLを学ぼう。 まずは使い慣れているテキストエディターで以下のソースコードを打ち込む。(左端の行番号は打ち込まなくてよい) ●lesson1.html 入力が終わったら、文字コードをUTF-8、ファイル名...
スポンサーリンク
タイトルとURLをコピーしました