2013-01-01から1ヶ月間の記事一覧

Youtubeを添付する

(パスワードがかかっているもの以外は添付可能。) 1.share this videoの横にある項目をクリック2,videoサイズを変更すると、アスペクト比が崩れるので注意が必要。3,コード内でサイズの変更ができる。(widthとheight)

GoogleマップをWebサイトに添付する

1,googleのサイトに住所を入力2,左側にあるリンクマーク(鎖マーク)をクリック3,下のほうのコードをコピー4,コードに貼り付け。とを変更することによってマップのサイズを指定することができる。

Photoshopでカンプを作成する。

手書きのラフスケッチをもとに、Photoshopを使ってカンプを制作した。 今回気をつけたことは以下。○和風っぽい感じに。 ○黒を使用。 ○ファーストビューに必要な情報をおく。 ○興味を持ってもらえるような見出し。 カンプを作成したらよりサイトが現実的な感…

カンプを作成

初めてのHP作りということで手探り状態の毎日です。HPを制作する流れの中で重要なのが「カンプ」というもの。カンプって何??カンプとは、HP制作において、制作物の仕上がりを具体的に示すために作られる見本のこと。 写真や、色、デザインなど、実際のHPと…

HP制作

前回HP作成のためにまとめた情報を、 Cacooを使用して、 「要件定義書」 「ページ構造設計」 「サイト構造設計」を作成。 こんな感じで作成したものを、クライアントさんに見て頂き修正点や希望をヒアリングする。これを元にPhotoshopでカンプを作成する。

HP作成の為の情報をまとめる

今回作るサイトは居酒屋のPRホームページ ホームページの目的;お店のPRをして新規顧客をGETしたい。 (現在、広告宣伝していないので店の前を通ったお客さんがメイン。) 検索ワード;蒲田 串焼き 始発まで お店の売り;始発まで営業しており、年中無休。 …

HTMLの中にCSSを書くテンプレート

<html lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLの中にCSSを書き込む</title> <style type= "text/css"> /* css reset */ body { font-family:"メイリオ","MS Pゴシック", Tahoma, Arial, sans-serif; line-height: 1.7; color: #333; font-size: 12px; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, …</meta></head></html>

CSSのみ作成する場合のテンプレート

@charset "utf-8";/* css reset */ body { font-family:"メイリオ","MS Pゴシック", Tahoma, Arial, sans-serif; line-height: 1.7; color: #333; font-size: 12px; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p…

HTMLのみ作成する場合のテンプレート

<html lang="ja"> <head> <meta charset="UTF-8"> <title>HTMLのテンプレート</title> <link rel="stylesheet" href="css/style.css" media="all"> </head></html>

テンプレートを作っておく

演習課題とかをやってると、HTMLとCSSを入力する機会が多いので、時間短縮の為のテンプレートを作成しておくと便利。

Photoshopの授業

Photoshopの授業は、楽しみにしていた授業のひとつ。☆使用する前に設定の確認をする☆1、編集→環境設定→単位・定規→単位・定規をpixelにする。2、新規ファイル→プリセット=web、カラーモードはRGBにする。(R=Red、G=Green、B=Blue) カ…

設計フェーズ(仕様書)を書く

●ターゲット設定 ●サイト構造設計●サイト構造詳細設計●ページ構造設計●システム設計●制作仕様書作成今回使用するのは、cacooというサービス。https://cacoo.com/lang/ja/;jsessionid=77174E0C3875B844AC3BF2BB9F323C76.3cacooを使って、サイト構造設計、ペー…

無料サーバーを借りる

今回授業で借りたのは、忍者ツールズの無料レンタルサーバとドメイン。http://www.ninja.co.jp/hp/ここは500MBまでの利用が無料で、一度にアップできるMBが3MBまで。課題提出用には申し分のないレンタルサーバ。初歩的なことなのですが、私ホーム…

ネットワーク基礎

ネットワーク〜 サーバー=サービスを提供するクライアント=サービスを受け取る ●いかに調べられるか ●いかに知っている人を知っているか httpサーバ (Hyper Text Transfer Protocol)Hyper Text =リンクのある文書形体 httpは基本的に一方向リク…

cssのリセット

@charset "utf-8"; /* css reset */ ←リセットCSS(どのブラウザで見ても見え方を同じにするもの)body { font-family:"メイリオ","MS Pゴシック", Tahoma, Arial, sans-serif; line-height: 1.7; color: #333; font-size: 12px; } body,div,dl,dt,dd,ul,…

ざっくりHTML

要素 中身は見えない。 見ている人の為のもの。 優先順位の高い見出し。(昔はSEO的に重要だったが今はそうでもない) 本文に見合った文字。1番大切なキーワードから書く。 アンオーダーリスト。順番を入れ替えても問題ないリストの時に使う。(一般的) …

基本

webに対して全くの素人の私が半年間の勉強でどれほどまでに成長できるかを書いていきたいと思います。まず、HTMLとCSSについて。HTML??CSS?? なんですか?それ食べれるんですか?くらい全く聞いたことない私ですが、 私なりに解釈できたこ…

Dreamweaver

設定方法 1.新規フォルダを作る(Cドライブ) 2.Dreamweaverを開く 3.サイト→サイト管理(フォルダ管理のこと)→新規作成 4.サイト名(何でもOK) ローカルサイトフォルダー(1で作ったCドライブのフォルダを指定) 5.ウィンドウ→ワークスペースのレイアウ…

ブログ開設しました。

「Webデザイン素人からの勉強」というブログを開設しました。 <2013年>新しい年の始まり ということで、ブログデビューです。 主に現在学校で習っているWEBデザインの勉強の記録を綴っていきたいと思っています。 よろしくお願いします。