html

JavaScript

午後のJS(フルーツリスト作成)

JavaScriptを使って以下の処理を作成してみよう。 仕様 実行すると以下のように表示される フルーツの名前と価格を入れ登録ボタンを押す 下部にリストが表示され、入力欄が空になる ...
jQuery

jQuery(タイピング風テキストアニメーション)

jQueryでタイピング風テキストアニメーションを作成します。今回はプログラムコーディングを意識して作ってみました。
jQuery

jQuery(サムネつきスライドショー)

jQueryでサムネをクリックすることで画像が入れ替わるスライドショーを作成します。
jQuery

jQuery(fadeIn,fadeOut)

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

一緒に作ろうHTML(カレンダー作成)

この記事はhtmlとcssを勉強し始めたばかりの人に送るWebsite作成記事だ。カレンダーを作成していくことによってhtmlとcssを学べる作りになっている。 ではさっそくやっていこう。 準備編 1.まずはデスクトップに新規フォルダ...
website

午後のhtml_1

午後のひとときにhtml,cssの腕試しをしてみよう! 細かい指定がない部分はだいたい見た感じが同じならOK。 ただし、最初にヤフーのcssリセットをしてから行うこと。 お題1 注)960pxは画面に対してセンタリングされている...
JavaScript

午後のJS(九九表作成)

午後のひととき、サクッとJSで遊びましょう。 for文の練習でよく出てくる九九表に今回は見出しが付いています。 html,css,jsを使ってコーディングしてみてください。 ○JS以外が書き込まれたところからやりたい人はこ...
jQuery

jQuery(mouserover,mouseenterの違い)

似てて異なるmouseoverイベントとmouseenterイベントの違いを確認しよう。 準備 1.以下のファイルをダウンロードし、好きな場所に解凍する。 2.先ほどダウロードしたフォルダはjQueryを用いたWebサイト開発に最...
PHP

PHP9(英語辞書アプリの作成)

DBの準備 1.ここでやったejwordデータベースを使う。未作成の人は作成しておくこと。 2.rootユーザーでアクセスし、joytasユーザーにejwordデータベースを扱えるように権限を与える。 プロジェクトの作成 3...
PHP

PHP8(CRUD)

PHPでデータベースに接続してみる。 下準備としてこちらの記事を参照し、joytasというユーザー名でphpappsデータベースにアクセスできるようにしておくこと。 テーブル作成 1.phpmyadminにjoytasユーザーでロ...
PHP

PHP7( class)

Q1.100人分のデータを作成する。一つ一つのデータは名前と点数で構成されていて名前はA~F,点数は0〜999のランダムな値をとる。生成した100人分のデータから上位10名を以下のフォーマットで出力せよ。 Q2.classを使って...
PHP

PHP6( cookie,session)

Q1.cookieを利用して、訪問回数を表示するプログラムを作成せよ。 Q2.Q1と同様の処理をsessionを用いて実現せよ。 Q3.sessionをもちいて以下のようなお問い合わせフォームを作成しよう。 ...
PHP

PHP5(ファイルアップロード、ダウンロード)

1.新しいlesson5というフォルダをドキュメントルート(htdocs)以下に作成する。 2.lesson5フォルダの中にuploadsというフォルダを作成する。パーミッションはユーザ、グループ、その他に対して読み書きの権限をあたえる。...
PHP

PHP4(ファイル読み込み、csvパース)

Q1.以下のcsvファイルをダウンロードし株価一覧を表示せよ。 「実行例」 「解答例」 1.ダウンロードしたstocks_2017-08-16.csvファイルをindex.phpと同じ階層に保存し、index.phpを以下のよ...
PHP

PHP3(ファイルの読み書き1)

Q1.ファイルの書き込みを利用して以下のような一言掲示板を作成せよ。 ●write.phpにアクセスすると以下のようなフォームが表示される。 ●一言とパスワード(admin)と入力して送信ボタンを押す。 ●ファイル(memo....
jQuery

jQuery6(スティッキーの作成:応用)

前回、スティッキーの基本を学習したが、今回はそれの応用だ。画面に常駐させるのは便利である反面、画面を占有してしまうデメリットがある。画面の小さいノートパソコンで閲覧していると邪魔に感じることも少なくない。そこで常駐させる際にサイズを縮めてあ...
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)で求...
スポンサーリンク
タイトルとURLをコピーしました