スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★.

Slides:



Advertisements
Similar presentations
コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
Advertisements

ホームページに取り込もう. » 今回、大きく変わっています。 » もちろん・・・ブラウザや GM バージョンに よって外観が微妙に違う。 » 試行中で、ユーザー選択により 移行するはずだが、 Windows8 ではアップデート時に自動移行 しているらしい。 » (今回は元バージョンを使う) 右上から、選択.
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
ウェブページビルダーマニュアル 株式会社 SOIYAA.
応用コース:ワープロを活用する WORD2000 1回目 基礎コースの復習(第1章と付録) 2回目 文字の入力(第2章と第4章)
SDOPxls2xml操作説明書 version1.0
情報処理 第8回.
情報処理 第7回.
実習問題の解き方 JIS3-2の場合.
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
ファイルやフォルダを検索する ①「スタート」→「検索」→「ファイルとフォルダ」とクリックする。
株式会社リックテレコム コンベンション企画部
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
音声と図解 初めてのパソコン 2013年度公開講座 4月27日, 5月11日 跡見学園女子大学文学部准教授 福田 博同 初めてのパソコン
心理学情報処理法Ⅰ やってみよう:Wordの起動.
情報処理 第12回の教材 プレゼンテーションソフト PowerPoint 高知大学 共通教育 理学部 対象 担当教員 : 塩田
HTMLの記述と WWWにおける情報公開 遠藤
Accessによる SQLの操作 ~実際にテーブルを操作してみよう!~.
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
デスクトップを画像として保存する(1) ① デスクトップの画像をクリップボードへコピーする。
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
ファイルの場所に関して.
心理学情報処理法Ⅰ やってみよう:Excelを使ってみよう.
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
INDESIGN編.
専門ゼミⅠ 南ゼミ 特別授業③ 2002年6月7日 金曜日 4限目 今泉 裕隆.
WebCluster スライドショーで見る操作ガイド
【トップページ-TOPICSの登録・編集】
コンピュータ基礎実習上級 #10 絶対パスによる指定
サイト運営者へむけて、CMS管理画面をつかって サイト運営していく方法を紹介します。
情報学部 プログラミング体験教室 (初級編)
スタイルシート C306 情報発信の基礎【第6回】.
WordPressに挑戦! WordPress(ワードプレス)は、ブログを 作成するためのWEBアプリケーションです。
パスファインダーの作成 slis. tsukuba. ac. jp/~fuyuki/cje2/CJE161018
データベース設計 第9回 Webインタフェースの作成(1)
サンデーPonセットアップマニュアル <目次> 1.動作環境について 2.セットアップ作業 ①. ソースの設置
第3章 第2節 ネットワークを活用した 情報の収集・発信(3) 5 表現方法の工夫
経営工学基礎演習a PowerPointの利用.
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報処理 第8回.
情報技術演習Ⅰ 人文学研究のための情報技術入門 2011/12/01
情報スキル活用  第5週 基礎技術-5  その2 : 他のページへのリンク.
ネットショップデザイン入門Ⅰ・ⅡSEO 2013/12/18 Webデザイン入門 SEOの基本.
第3章 第2節 ネットワークを活用した 情報の収集・発信(2) 4 文書の構造と表現
情報処理 第4回.
明日の授業でも作成を継続する予定です 2017/11/13、2017/11/14
情報スキル活用  第6週    基礎技術のまとめ  復習.
タグを使ったウェブページ作成 兵庫県立伊丹北高等学校 佐藤 勝彦.
3.1 PowerPoint の概要 PowerPointを使ってできること
URLとファイルの対応 ユーザー s の Z:\www\ フォルダにある hello.html ファイル
コンピュータ プレゼンテーション.
ホームページビルダー 不要ファイル削除の仕方.
WinSCPのインストール方法
プロジェクトの エクスポートとインポート 2014/10/7.
Visual Studio 2005の使用方法 新入生セミナー 
Htmlの基本.
コンピュータ プレゼンテーション.
画像を貼る 目標:このようなページを作る.
Microsoft Office クイックガイド ~基本編~
ファイルやフォルダを検索する ①「スタート」→「検索」とクリックする。 ②「表示項目」から適当なものを選択する。
スキルチェック Aplication編.
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
エクスプローラ ● エクスプローラ: ファイルやフォルダを階層構造で表示してあり、これらを操作するのに便利。
募集ページ作成マニュアル 準備 募集画面作成 コンタクトフォームの作成(コンタクトフォームとは何か説明) 応募フォームの作成 リンク付け
地理情報コンテンツ・データベースコンテンツ新規作成
タイマを開始するには、[スライド ショー] メニューの [実行] をクリックします。
Presentation transcript:

スマホ追従バナー スクロールしてもついてくる! スマートフォンでの回遊性アーップ★

①下記URLから、item-head(html)を開く http://www.rakuten.ne.jp/gold/_osaka01/homelife/GMS/item-head.zip HTMLを開き右クリック ソースの表示をする 全てコピーしてテキストにペースト

①HTMLの変更! ↓FTPサーバー タイトル 同じ名前でFTPにあげれば 変更する必要なし 各項目のリンク先 各項目の文言

①HTMLの変更! メモ帳を保存 ファイル名: item-head.html ←.htmlまで入れる 保存したら開いてみよう! 文字化けしてないか確認してね!

②GOLDに上げる 以下3つをGOLDにアップする 画像 CSS HTML

③呼び出し用の変更! テキスト「呼び出し用-------」 の以下HTMLとcssを②でGOLDに上げたURLに変更 (スペースとか改行の位置は変更させない!) <link rel="stylesheet" href="http://www.rakuten.ne.jp/gold/landmark/smartphone/item-head/item-head.css"             > <iframe ="" src="http://www.rakuten.ne.jp/gold/landmark/smartphone/item-head/item-head.html" scrolling="no" frameborder="0" id="sitem-h"></iframe  >

④ページ貼り付け スマートフォン デザイン設定>商品ページ 共通パーツ設定>商品ページ共通説明文 に貼り付ける

違う画像を使う場合はitem-hed-imgフォルダ内の画像を変更 色などの設定はcssの内容を変更 でカスタマーイズ★