Web
マウスオーバー Daniel NolanさんのHPを使用する。 http://www.dnolan.com/code/js/rollover/ 1.赤色部分をコピー＆ペースト 2.rollover.js 部分を右クリック→別名でリンク先を保存→jsフォルダに保存 3.各btn画像は、『btn-gnav03.gif』にする マウスオーバ…
立ち上げる サイト→新規サイト→詳細設定→ローカルルートフォルダ：フォルダを選択→サイト名入力Point!! -フォルダ- ・日本語を含まない ・デスクトップでの保存は基本的にNG
常夏のナチュラルヘア＆メイクHTMLの練習として雑誌の1ページ部分の記事をホームページにしてみました。 雑誌の記事とイメージが違いますが・・・。 つぎは、CSSも作成して、もうちょっと作ろうと思います。 人物のところはPhotoshopで切り抜いて、コピース…
Point!! - css とは? - CSS = Cascading Style Sheet(カスケーディング・スタイルシート)の略。 ウェブサイトのレイアウトを定義するためのもの。 本来の文書を記述するHTMLからスタイル指定を分離すると考える。 - CSSをHTMLに適用させる方法 - ・HTML内に…
HTML作成 <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title> 練習 </title> <link href="base.css" rel="stylesheet" type="text/css"> </head> <body> </body></html>
Document TYPE(ドキュメントタイプ) その HTML ファイルで使用している HTML のバージョンを宣言。 ドキュメントタイプ宣言。※タグではない。 <head>Head(ヘッダ) 文書全体に関する指定など <title>ブラウザのツールバーに表示される/span> <body>Body(ボディ) 文書の本文を記述 <h1></h1></body></head>…
HTMLで記述するべき内容 情報の優先順位を決める 優先順位の高い情報から→h1〜h6(一般的にはh5まで) 何の要素マークアップすればよいか迷ったら P 要素を設定する 見出し＋本文の関係の次に箇条書きul, ol, dl の3種類を使い分ける テキストデーター(txt)か…
site plan構図 Point!! -site作成- ・ファイル管理はきちんとする。そのときはカナ文字は使用しない。 ・玄関となるindex.htmlをしっかり作成する。 ファイル管理 Point!! -ファイル管理- ・ファイル管理は誰が見ても(他の人が修正する時など)分かりやすくし…
HTMLとtag ・HTML(HyperText Markup Language) Webページを記述するためのマークアップ言語・tag＝荷札、付箋といった意味の英単語 (例) → image source 英単語の母音を取り省略したもの。 テキストエディター mi設定 モード：HTML サイズ：9 改行コード：CR…
メニューボタン 幅150pixel、高50pixel ■Photoshop新規作成→数値入力：pixel、解像度：72、カラーモード：RGB→ 長方形ツール選択→シェイプレイヤー選択→オプション：固定にチェック、幅：150pixel 高さ：50pixe→ スタイルパレットの中から選択→サムネイルをc…
美容関係美容関係のHPをイメージして、ボタンを作ってみました。 女性がターゲットなので、色は薄めのピンクにしました。 丸もグラデーションを使った所がポイントです。 作り終えて見て、全体的に文字が窮屈にみえる気がします。 境界線が太すぎた・・？ も…
WebとDTPの違い Point!! -Webの場合-・色（モード）:RGB ※DATAを軽くする為 ・ファイル形式： ai→gif eps→jpg ・互換 Webパーツを作成 素材を使う■グラデーションの場合 Downlord完了→Photoshop開く→グラデーションツール→ プリセットマネージャ→読み込み→Do…
