website Webサイト制作(basic960site)
以下のサイトを実際につくりながらよく使われるスタイルを覚えよう。サンプルサイト1.まずは以下のようにbasic960siteというフォルダを作りそのなかにcss,images,jsフォルダを追加する。2.以下の２枚の画像をダウンロードしてi...
website
website JavaScript Webサイト制作-10日目(JSON)
この講座でも汎用データフォーマットとしてCSVは何度か登場しているし、アンドロイド制作のレイアウトを作る際にはxmlを利用してきた。そして今回はJSONを扱う。JSONとは(JavaScript Object Notation)の略でJSの...
JavaScript Webサイト制作-9日目(JavaScript)
JavaScriptといえばイベント処理だ。ここまででもクリックイベントは出てきたが様々なイベントがあるさっそく見ていこう。●jsLesson9.html11行目:window.onload=function(){};文書読み込み完了後に処...
JavaScript Webサイト制作-8日目(JavaScript)
JavaScriptはオブジェクト指向言語の側面も持っている。オブジェクトを見ていこう。jsでは波括弧でオブジェクトを定義する。以下は空のオブジェクト以下はpenオブジェクト。プロパティ名:値でプロパティを定義していく。昨今のjsはクラス構...
JavaScript Webサイト制作-7日目(JavaScript)
JavaScriptは現在もっとも人気のある言語だ。この先も活躍の場が広がることが予想され、学んで損のないコスパの高い言語と言って良いだろう。それでは、さっそくやっていこう。まずは以下のようなjsLesson1.htmlを作成する。●jsL...
website Webサイト制作-6日目(form)
今回はユーザーからのデータを受け取る時とかに使う。formについて学習しよう。デスクトップあたりにでもformLesson.htmlを作成し以下を入力しよう。ブラウザで確認してみよう。以下のように表示されれば成功だ。8,11行目:formは...
website Webサイト制作-5日目(レスポンシブ)
現在はpcでwebを見る人よりスマホなどのモバイルデバイスでwebを見る人の方が多い。なのでサイト制作もモバイルでの利用を最大限考慮しなくてはならない。今回はモバイルにも対応させたサイトを作ってみよう。注)aspect-ratioプロパティ...
website Webサイト制作-4日目(レイアウト)
記事をアップデートしましたhtmlとcssの基本がわかったところで、基本的なレイアウトを作ってみよう。いつものようにLesson6フォルダを作り、その中にcss,js,imagesフォルダを作成し、lesson6_1.htmlとmain_1...
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、ファイル名を less...