website 一緒に作ろうHTML(カレンダー作成)
HTMLとCSSを使ってカレンダーを作成する方法をステップごとに解説。基本的なコーディングから、CSS疑似クラスを活用した効率的なデザインの方法まで、初心者にもわかりやすく紹介しています。
html
website 
website Webサイト制作-3日目(css)
今回はいよいよCSSで見た目を整形していく。css(cascading styel sheet)csslessonフォルダの作成まずは、デスクトップなどにcsslessonフォルダを作成する。そしてそのcsslessonフォルダの中にcss...
website Webサイト制作-2日目(画像,動画)
今回は作成するサイトに、画像や動画を埋め込む方法を学習する。画像や動画の埋め込みimgmovieフォルダの作成まずは、デスクトップなどにimgmovieフォルダを作成する。そしてそのimgmovieフォルダの中にimagesフォルダを作成す...
website Webサイト制作-1日目(html)
Webサイトを作成する言語HTMLを学ぼう。はじめてのHTMLlesson1.htmlまずは使い慣れているテキストエディターで以下のようにlesson1.htmlを作成する。。<!DOCTYPE html><html> <head> <me...
JavaScript 午後のJS（フルーツリスト作成)
JavaScriptを使って以下の処理を作成してみよう。仕様 実行すると以下のように表示されるフルーツの名前と価格を入れ登録ボタンを押す下部にリストが表示され、入力欄が空になる続いて入力しよう。今度はばなな100円を登録するするとリストは価...
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注)960ｐｘは画面に対してセンタリングされていること。上部はベタづき...
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ユーザーでログインする。2．...
PHP PHP7( class)
Q1.100人分のデータを作成する。一つ一つのデータは名前と点数で構成されていて名前はA~F,点数は０〜９９９のランダムな値をとる。生成した１００人分のデータから上位10名を以下のフォーマットで出力せよ。Q２.classを使って以下のような...
PHP PHP6( cookie,session)
Q1.cookieを利用して、訪問回数を表示するプログラムを作成せよ。Q2.Q１と同様の処理をsessionを用いて実現せよ。Q３.sessionをもちいて以下のようなお問い合わせフォームを作成しよう。●スタート画面●フォームに入力する●確...
PHP PHP5(ファイルアップロード、ダウンロード)
1.新しいlesson5というフォルダをドキュメントルート(htdocs)以下に作成する。2.lesson5フォルダの中にuploadsというフォルダを作成する。パーミッションはユーザ、グループ、その他に対して読み書きの権限をあたえる。(6...
PHP PHP4(ファイル読み込み、csvパース)
Q1.以下のcsvファイルをダウンロードし株価一覧を表示せよ。「実行例」「解答例」1.ダウンロードしたstocks_2017-08-16.csvファイルをindex.phpと同じ階層に保存し、index.phpを以下のように編集する。2.実...
PHP PHP3(ファイルの読み書き1)
Q1.ファイルの書き込みを利用して以下のような一言掲示板を作成せよ。●write.phpにアクセスすると以下のようなフォームが表示される。●一言とパスワード(admin)と入力して送信ボタンを押す。●ファイル(memo.txt)に書き込まれ...
jQuery jQuery6(スティッキーの作成：応用)
前回、スティッキーの基本を学習したが、今回はそれの応用だ。画面に常駐させるのは便利である反面、画面を占有してしまうデメリットがある。画面の小さいノートパソコンで閲覧していると邪魔に感じることも少なくない。そこで常駐させる際にサイズを縮めてあ...