2015年11月5日木曜日

自分のWEBサイトで採点チェック項目に入るもの


採点チェック一覧表



サイト


1.indexがあるか 


2.menuバーがあるか 


3.テンプレートにmenuが組み込まれているか 


4.基本のテンプレートデザインを完成する 
(※ 段組みレイアウトになっていること!/フレームは×

5.CSSを書き出す 
<head>~</head>内にピンクの文字<style type="text/css">〜</style>があって  全ページに同じ内容の場合×
          直し方=この方法で外部.cssファイルを作成してリンクする

6. 4を複製して各コンテンツを作成する 

7.オリジナリティのあるサイトを作成し完成する 
オリジナリティ?=以下のうちのどれかの条件を盛り込んであるか、
画像パーツを工夫して作成しているかなど

★ツールを組み込んでより高度なサイト作成を行う 
★画像の多いサイトを作成する場合lightboxやwebフォトギャラリーを使う  
★SNSを外部表示するjsツールを使用する   
★オンラインジェネレーターを使用する 

------------------------------------------------------------------------

web用に保存で色がおかしくなるときの対処法



A.
web用に保存の画面で
sRGBに変換の項目にチェックを入れる

それでもなおらない場合

B
http://noir.mods.jp/web/?p=10

1.画像をphotoshopで開いて、
2.編集→プロファイルの変換を選ぶ
3.sRGBで始まる項目を選択
 (ここがCMYK関連やAdobe RGBになっていると色がおかしくなる)
4.その後web用に変換をする

2015年11月2日月曜日

Twitterをwebサイトに組み込む

SNSなどの外部ツールを組み込む

1.まずは  2学期WEB提出物  の「サイト」のテンプレートを完成させて、2.完成したテンプレートをコピーして本文(コンテンツ)に各ページ内容を作成して行く

3.その1つに各SNSのページなどを作成する。

[参照] http://ateitexe.com/web/twitter-widgets-customize/

1.自分のtwitterにログインし、右上の歯車のマークから「設定」を選ぶ。

2.左の欄の一番下の項目の「ウィジェット」を選択

3.右上の「新規作成」のボタンをクリック

4.検索クエリの窓に自分のサイトに合うワードを入れる。

5.右下に出てくるコードをコピーしてサイト内の表示したい場所にペーストする。
(index.htmlが完成している人は、index.htmlをコピーしてsns.htmlまたはtwitter.htmlという名前で保存し、sns.htmlの本文の部分にペーストする。)
----------------------------------------------------------------------

例) 自分のtwitterを持っている場合は自分のtwitterを表示してみましょう。


1.自分のtwitterにログインし、右上の歯車のマークから「設定」を選ぶ。

2.左の欄の一番下の項目の「ウィジェット」を選択

3.右上の「新規作成」のボタンをクリック

4.ユーザー名を入れて「ウィジェットを作成」のボタンをクリック
5.右下に出てくるコードをコピーしてHTMLの表示したい場所にペーストする。

---------------------------------------------------------------------

Facebook の組み込み
 2種類埋め込むコードが出てくる事が多いので若干複雑

個人ページのバッジの埋め込み
https://www.facebook.com/badges/
http://ameblo.jp/7natsu5/entry-11344350567.html

Social plugin
http://developers.facebook.com/docs/plugins/

---------------------------------------------------------------------

youtubeの組み込み
サイトに埋め込みたいyoutubeのページを表示している時に
右下の「共有」をクリック→下に出てくる「埋め込みコード」をクリック