website

JavaScript

Webサイト制作-12日目(実習)

今まで学んだことをいかして、下のようなサイトを作成してみよう。 以下の仕様を満たすこと。 ◯重なっているコビトカバの写真をクリックすると最前面に表示される。 ◯表の偶数行に色をつける。 ◯jQueryは不可 なお、...
JavaScript

Webサイト制作-12日目(JS_プロトタイプ)

Javaは継承という仕組みを使ってオブジェクトを再利用するがJSはプロトタイプという仕組みを使う。ここではこのプロトタイプは一体なんぞやというところを見ていこう。 JavaScriptのプロトタイプからオブジェクト指向を学ぶ J...
JavaScript

Webサイト制作-11日目(createElement)

JSによって動的に要素を作成し追加できる。さっそくやってみよう。 ボタンがある。 押すと要素が追加される。 押すたびに要素が追加されていく。 web11フォルダを作成しその中にlesson1.htmlを以下の...
website

Webサイト制作(float,absolute)

float floatを使ったときの回り込みの挙動を確認しよう。 1.デスクトップに新しくフォルダ(sample)を作り、その中にcss,images,jsフォルダを作成する。 2.下の画像をダウンロードしてimagesフォルダに...
website

Webサイト制作(basic960site)

以下のサイトを実際につくりながらよく使われるスタイルを覚えよう。 サンプルサイト 1.まずは以下のようにbasic960siteというフォルダを作りそのなかにcss,images,jsフォルダを追加する。 2.以下の2...
JavaScript

Webサイト制作-10日目(JSON)

この講座でも汎用データフォーマットとしてCSVは何度か登場しているし、アンドロイド制作のレイアウトを作る際にはxmlを利用してきた。そして今回はJSONを扱う。JSONとは(JavaScript Object Notation)の略でJSの...
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を見る人の方が多い。なのでサイト制作もモバイルでの利用を最大限考慮しなくてはならない。 今回はモバイルにも対応させたサイトを作ってみよう。 スマホ対応の方...
website

Webサイト制作-4日目(レイアウト)

htmlとcssの基本がわかったところで、基本的なレイアウトを作ってみよう。 いつものようにLesson6フォルダを作り、その中にcss,js,imagesフォルダを作成し、lesson6_1.htmlとmain_1.cssを以下のように...
website

Webサイト制作-3日目(css)

今回はいよいよCSSで見た目を整形していく。 まずは前回のようにLesson5フォルダを作り、その中にcss,js,imagesフォルダを作成する。 ●lesson5.html ここまで打ったら、保存してブラウ...
website

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

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

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

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