サイトデザインのあれこれ

写真の上に二個のボタンを配置するのが今の流行。ページごとに色を変えてしまうと、利用者が別サイトに行ってしまったと思ってしまうことがあるので、サイト内のページの色は統一するのが望ましい。ベンダープレフィックスを入れないとブラウザごとに上手…

2015-02-23

Photoshopでカンプデザインをして『スライスツール』で画像を作りAdobe Bracketsでコーディング

Photoshopを起動。『新規ファイル』で自分の作りたいサイトの幅と高さを指定。 ↓ 画像などを配置していく。コピー用紙などにレイアウト(サイトの設計図)のラフ画を描いて、サイズや空きのpixel数を決めておくと作業がスムーズにいきます、たぶん。 ↓ 『表示…

2015-02-19

Webサイトを作る上で

デザイン的なこと

作るサイトによって色合い、レイアウトが変わってくる。ブランドのサイト ⇒ 文字情報少ない。写真が大きい。高級感。不動産のサイト ⇒ 文字情報多い。項目が細かく分けられている。写真がコンパクト。区切りがしっかり安心感。ユニクロ ⇒ 安いけど、安心…

2015-02-18

FFFTPを使ったアップロード~Xdomain編--phpサーバーに関して--

サーバーとデータベース関連

Xdomain側 Xdomainにログイン後、『無料レンタルサーバー』の項目を選択。 PHP&MYSQLサーバーの『管理パネルログイン』を選択。 FTPの『FTPアカウント設定』を選択。 FTP接続情報の画面に来ます。 FFFTP側 FFFTPを起動します。『新規ホスト』を選択します。…

2015-02-18

Webマーケティング授業 --Googleアナリティクスで分かること--

Webマーケティング

Googleアナリティクス googleアカウントが必要。解析するサイトのURLを入れるとソースコードが発行されるので、解析するサイトの<head>タグの中に張り付ける。取れる情報セッション ⇒ 特定の期間内にサイトを訪れた訪問回数。ユーザ（ユニークユーザー）ー ⇒ </head>…

2015-02-17

Webマーケティング概要

Webマーケティング

Webマーケティングとは？ユーザーが求めるものをサイトで表現されてるか検証。 SEO(Search Engine Optimization)とは？検索エンジン最適化。 SEM(PPC広告=（Pay Per Click）)とは？リスティング広告やSEOなど検索エンジン上マーケティングの総称。 Google…

2015-02-17

FFFTPを使ったアップロード~Xdomain編--htmlサーバーに関して--

サーバーとデータベース関連

Xdomain側 Xdomainにログインします。『無料レンタルサーバー』の項目を選択。 HTMLサーバーの『管理パネルログイン』を選択。サーバー管理パネルに来ます。 FTPの項目から『FTPアカウント設定』を選択します。 FTPアカウント設定のページに来ます。 FFFTP…

2015-02-16

Webマーケティング

何かをつくるときには目的は？資料請求会員登録、イベント参加購入ターゲットは？利用するであろう人の絞り込み（年齢、職業、趣味、行動特性、活動時間など）差別化要因は？競合他社と比較してのメリット（他社でなく、ウチを選んでくれる理由） …

2015-02-10

ajaxによるTODOアプリ作成

PHP

ajaxとは？ Ajaxとは，Asynchronous Javascript+XMLの略称です。 Javascriptを使い，Webページとは非同期（Asynchronous）にXML形式（もしくはテキスト形式）のデータ通信を行う手法を指します。 Ajaxを使うと特別なプラグインなどを必要とせず，Webページの…

2015-02-10

JavaScriptの配列

JavaScript

<html lang="ja"><head><meta charset="utf-8"><title>配列・画像入れ替え(授業回答)</title></head> <body><h1>番号を入力すると画像が変わります。</h1><form name="form1">数字：<input type="text" placeholder="1～4までの値" name="num" size="30">表示：<input type="button" value="表示" onclick="showImg();"></form></body></html>

2015-02-06

5日目の授業にてjQueryさん登場いたしました！

jQueryとは？ jQuery（ジェイクエリー）は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。様々な場面で活用され…

2015-02-05

JavaScriptで数当て遊び

JavaScript

<html lang="ja"><head><meta charset="utf-8"><title>javascriptの勉強</title><script>var atari,kaisuu;function gameInit(){atari = Math.floor(Math.random()*1000)+1;kaisuu = 1;// alert(atari);} function gameHantei(){if(document.form1.num.value < atari)kekka = "もっと大きい数字です";if(document.form1.n…</meta></head></html>

2015-02-03

２日目の授業にして五里霧中な自分に愕然とした、そんな１日

JavaScript

今日も朝から電車が素晴らしい混み具合でしたね。例えて言うなら、乾燥機の圧縮袋に入れられた布団のような、そんな状態でした。今日はjavascriptで複利計算をプログラミング。 <html lang="ja"><head><title>複利計算プログラム</title><meta charset="utf-8"><script> /* ユーザー定義関数function kinri()の中に引数１に g</meta></head></html>…