Full Description
Whether you are new to Dreamweaver or a seasoned professional, Inside Dreamweaver MX will help you use the new and powerful Dreamweaver MX to its fullest extent. Not just another rehash of the documentation, this completely revised and comprehensive book broadens your understanding through hands-on projects, tips, and techniques. These pages are your guide to: Learning about all the new features Dreamweaver MX offers, such as a Tag Library Editor, customizable tools, pre-built Snippets, the Site Definition Wizard, cloaking, and more Using databases to create dynamic web pages with ASP, ASP.NET, ColdFusion, PHP and JSP Implementing the new accessibility options Extending your working environment with extensions Optimizing site and asset management Using behaviors to control layers Using Flash MX to build interactive web pages Using templates and libraries to simplify the design process Integrating Flash and Fireworks into Dreamweaver MX Inside Dreamweaver MX's carefully designed exercises will demystify advanced techniques.Insightful interviews with industry leaders and enlightening deconstruction of a variety of web site elements will help you uncover common web design pitfalls and avoid them in your own work.
Contents
I. WEB PAGE CONSTRUCTION WITH DREAMWEAVER. 1. What's New with Dreamweaver MX? Improved Interface Page Design Site Design DHTML and Multimedia Code Editing XML/XHTML Support Dynamic Data Summary. 2. Setting Up the Dreamweaver Workspace. How Dreamweaver Thinks The New Dreamweaver Workspaces Touring the Dreamweaver Interface Getting Help Summary. 3. Creating and Working with Documents. Creating New Documents Workflow in Dreamweaver Importing Pages from Other Sources Dealing with Browsers Summary. 4. Working with Text. HTML and CSS Typing, Copying/Pasting, and Importing Text into Dreamweaver Formatting Text with the Property Inspector Text Formatting with the Dreamweaver HTML Styles Feature Special Characters Using Images as Text Working with Dynamic Text Elements Summary. 5. Working with Images. Images and the Web Designing with Images Interview: Marion Kaltenschnee Special Uses for Images Working with Dynamic Images Editing Images: Working with External Editors Summary. 6. Links and Navigation. How Links Work in the Browser Basic Link Creation in Dreamweaver Dynamic Links Email Links Named Anchors Image Maps Jump Menus Rollovers Navigation Bars Summary. 7. Utilizing Head Content. How Head Content Works Interview: Lisa Tannenbaum Working with Head Content in Dreamweaver Working with Tags Dynamic Tables Working with Other Head Content Summary. II. DESIGNING WITH DREAMWEAVER. 8. Design Issues. Usability Navigation and Site Structure Design Methods of Page Layout Interview: Corey Eiges Page Composition Issues Use of Color Summary. 9. Building Tables. HTML Tables: Only for Tabular Data? How Table Code Works Working with Tables in Dreamweaver Tables and Page Layout: If You Can't Beat 'Em, Join 'Em Sliced-Image Tables Summary. 10. Using Dreamweaver's Page Layout Aids. Viewing Aids Layout View The Convert Layers to Table Command Summary. 11. Working with Forms. How Forms Work in the Browser Creating Forms in Dreamweaver Behaviors and Forms Strategies for Working with Forms Dynamic Data and Forms Taking Forms Further Interview: Adrian Senior Server-Side Scripts for Processing Forms Summary. 12. Designing Frame-Based Pages. Frame Basics Interview: Murray Summers Building Framesets in Dreamweaver Working with Frames Setting Attributes Linking and Targeting Working with <![CDATA[ Summary. 13. Using Cascading Style Sheets. What Are Cascading Style Sheets? Styles, Style Sheets, and Where They're Kept Creating Cascading Style Sheets in Dreamweaver Interview: Nick Bradbury Working with Redefined HTML Tags Working with Custom Classes CSS Selectors Combining Style Sheets Summary 14. Using Layers for Page Layout. Layers: The Basics Working with Layers in Dreamweaver Taking Dreamweaver Layers Further Interview: M. Kosloff Summary. III. INTERACTIVITY, DHTML, AND MULTIMEDIA. 15. Multimedia Issues. What Is Multimedia? Designing with Multimedia The Big Picture Summary. 16. Getting Interactive with Behaviors. Behaviors and JavaScript Working with Behaviors in Dreamweaver Behaviors and Dynamic Data Some Useful Behaviors Working Sneakily with Behaviors Summary. 17. Controlling Layers with JavaScript. Dynamic HTML: Layers and Scripting in the Browser Controlling Layer Visibility Controlling Layer Contents Dragging and Dropping Layers Controlling Other Layer Properties Summary. 18. Animating Layers. How JavaScript Animation Works The Timeline Interface Animating Layers Animating Images Timelines and Behaviors Working with Multiple Timelines Summary. 19. Plugins, ActiveX, and Java. Extending the Browser with Plugins and ActiveX Extending the Browser with Java Summary. 20. Building Web Pages with Flash. What Is Flash? Working with Flash in Dreamweaver Interview: Jennifer Bennett Working with Full-Screen Flash Pages Flash and JavaScript Flash Text and Flash Buttons Summary. IV. SITE MANAGEMENT WITH DREAMWEAVER. 21. Development Issues: Planning Your Site. What Do You Want to Do? Who Is Going to Visit Your Site? What Are They Going to See? Other Considerations Organizing Your Files Interview: Angela C. Buraglia Choosing a Web Host Summary. 22. Local Site Management. How Dreamweaver Handles Local Sites Defining a Local Site Working in the Site Panel File and Link Management Within a Site Assets Management with the Assets Panel Summary. 23. Site Publishing and Maintenance. How Dreamweaver Works with Remote Sites Defining a Remote Site in Dreamweaver Working with a Remote Site Keeping Local and Remote Sites Synchronized Summary. 24. Workplace Collaboration. Challenges of Working in a Design Team Using Design Notes for Improved Workflow Version Control Creating Project Workflow Reports Summary. 25. Templates and Libraries. Dreamweaver Site-Wide Content Tools Working with Templates Working with Library Items Interview: Becky Tench Strategies for Working with Templates and Library Items Summary. V. DREAMWEAVER AND DYNAMIC DATA. 26. Introduction to Dynamic Dreamweaver. Dynamic Web Sites and How They Work Getting Started with Dynamic Development Dynamic Development Tools in Dreamweaver MX Summary. 27. Building a Basic ASP Site. Setting Up Your Workstation to Work with ASP Setting Up an ASP Site in Dreamweaver Setting Up a Database Connection Displaying Dynamic Data Summary. 28. Building a Basic ASP.NET Site. Setting Up a Workstation for ASP.NET Setting Up an ASP.NET Site in Dreamweaver Displaying Dynamic Data Using ASP.NET Summary. 29. Building a Basic ColdFusion Site. Setting Up Your Workstation to Work With ColdFusion Setting Up a ColdFusion Site in Dreamweaver Setting Up a Database Connection Displaying Dynamic Data Using ColdFusion Summary. 30. Building a Basic PHP Site. Setting Up Your Workstation to Work with PHP Setting Up a PHP Site in Dreamweaver Setting Up a Database Connection Displaying Dynamic Data Summary. 31. Building a Basic JSP Site. Setting Up Your Workstation to Work with JSP Setting Up a JSP Site in Dreamweaver Interview: Harlow Pinson Setting Up a Database Connection Displaying Dynamic Data Summary. VI. DREAMWEAVER UNDER THE HOOD. 32. Technical Issues. Markup Languages Scripting Languages Summary. 33. Writing Code in Dreamweaver. Using Dreamweaver as a Text Editor Linking to External Text Editors Tag Libraries and the Tag Library Editor Advanced Search and Replace Editing Non-HTML Markup with Dreamweaver Writing JavaScript in Dreamweaver Summary. 34. Customizing Dreamweaver. 35. Working with Extensions. How Dreamweaver Is Configured Working with the Configuration Folder Installing and Using Extensions Summary. 36. Creating Extensions. Before Getting Started The Dreamweaver API Creating Object Extensions Creating Command Extensions Summary. VII. APPENDIXES. Appendix A. Using Dreamweaver and Fireworks Together. Placing Fireworks Files in Dreamweaver Documents Launching Fireworks from Within Dreamweaver Optimizing Fireworks Images or Animations in Dreamweaver Placeholders. Appendix B. Online Resources for Dreamweaver Web Developers. The Macromedia Online Forums Resources on the Web. Appendix C. Introduction to MySQL. What Is MySQL? Setting Up MySQL (Mac OS X) Getting Around in MySQL Resources and Further Reading. Appendix D. What's on the CD-ROM. System Requirements Loading the CD Files The Exercise Files Read This Before Opening the Software. Index.</p>
</div>
<!-- このセットに含まれる商品一覧(親)ここから -->
<!-- このセットに含まれる商品一覧(親)ここまで -->
<!-- この商品を含むセット一覧(子)ここから -->
<!-- この商品を含むセット一覧(子)ここまで -->
<!-- シリーズ一覧ここから -->
<script type="text/javascript" >
function insertCartSeries(form) {
var cnt = 1;
for(var i = 0; i < form.elements.length; i++) {
if(form.elements[i].type == "checkbox" && form.elements[i].name.indexOf("GOODS_INFO_SET") != -1 && form.elements[i].checked) {
return true;
}
}
alert("カートに入れる商品が選択されていません。");
return false;
}
</script>
<!-- シリーズ一覧ここまで -->
</div>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/186009711/共通_メインカラム下_728x90', [728, 90], 'div-gpt-ad-1374461851199-0').addService(googletag.pubads());
googletag.defineSlot('/186009711/共通_右カラム下_200x200', [200, 200], 'div-gpt-ad-1374461851199-1').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<div id="sub_nav">
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/186009711/共通_右カラム上_200x200', [200, 200], 'div-gpt-ad-1374454843387-1').addService(googletag.pubads());
});
</script>
<!-- 共通_右カラム上_200x200 -->
<div id='div-gpt-ad-1374454843387-1' style='width:200px; height:200px; margin:0 auto 10px;'>
<script type='text/javascript'>
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1374454843387-1'); });
</script>
</div>
<!-- Kinoppyストア バナー ここから -->
<div id="right_banner">
<ul>
<li><a href="https://www.kinokuniya.co.jp/kinoppystore/" ><img src="https://www.kinokuniya.co.jp/contents/images/inc/banner_WebKinoppy.jpg" alt="Kinoppyストア"></a></li>
</ul>
</div>
<!-- Kinoppyストア バナー ここまで -->
<div id="login_box">
<h2>会員ログイン</h2>
<form method="post" action="https://www.kinokuniya.co.jp/member/CSfLogin.jsp" >
<input class="id_text" type="text" name="MEM_EML" value="" maxlength="100">
<input class="pass_text" type="password" id="pwdright" name="PWD" value="" maxlength="14" autocomplete="off">
<p>
<input id="omission" type="checkbox" name="SAVE_ID" value="1" >
<label for="omission" class="omission">次回からメールアドレス入力を省略</label>
<input type="checkbox" id="pass-show" name="SHOW_PWD_RIGHT">
<label for="pass-show" class="pass-show">パスワードを表示する</label>
</p>
<input class="login" type="submit" name="" value="ログイン">
<p class="pass"><a href="https://www.kinokuniya.co.jp/member/CMmReminderEntry.jsp">パスワードを忘れてしまった方はこちら</a></p>
<p class="entry"><a href="https://www.kinokuniya.co.jp/member/CMmMemberEntry.jsp">会員登録（無料）</a></p>
<p class="cart"><a href="https://www.kinokuniya.co.jp/cart/CCtViewCart_001.jsp">カートの中を見る</a></p>
</form>
</div>
<!-- MyKiTSエリア ここから -->
<div id="right_banner">
<ul>
<li><div style="width:230px;height:100px;margin:0;padding:0;"><a href="https://gomykits.kinokuniya.co.jp/" target="gomykits"><img src="https://www.kinokuniya.co.jp/contents/images/inc/MyKiTS-nav.jpg" alt="紀伊國屋書店教科書ストアMyKiTS" style="width:230px;margin:0;"></a></div></li>
</ul>
</div>
<!-- MyKiTSエリア ここまで -->
<!-- Kinoppy バナーエリア ここから -->
<div id="right_banner">
<ul>
<li><a href="https://k-kinoppy.jp/download/" target="k-kinoppy"><img src="/contents/images/inc/banner_KinoppyDL.jpg" alt="Kinoppy電子書籍 無料アプリ ダウンロード"></a></li>
</ul>
</div>
<!-- Kinoppy バナーエリア ここまで -->
<!-- ツイッターエリア ここから -->
<!-- <div id="twitter_box"> -->
<!-- <a class="twitter-timeline" data-lang="ja" data-width="230" data-height="500" data-theme="light" href="https://twitter.com/Kinokuniya/lists/kinokuniya?ref_src=twsrc%5Etfw">A Twitter List by Kinokuniya</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> -->
<!-- </div> -->
<!-- ツイッターエリア ここまで -->
<!-- バナーエリア ここから -->
<div id="right_banner">
<ul>
<li><a href="https://store.kinokuniya.co.jp/point/" target="store"><img src="/contents/images/inc/service/store-kinokuniya-point-20220708_230x65.png" width="230" alt="本を買ってポイントをためよう Kinokuniya Point Card"></a></li>
<li><a href="https://store.kinokuniya.co.jp/event/virtual-shinjuku-store-allfloor/" target="store"><img src="/contents/images/virtual_shinjuku_store.png" width="230" alt="紀伊國屋書店バーチャル新宿本店"></a></li>
<li><a href="https://www.smbc-card.com/nyukai/affiliate/kinokuniya/index.jsp" target="smbc-card"><img src="/images/parts/bn02.jpg" width="230" alt="入会金・年会費永年無料のクレジットカード 紀伊國屋 三井住友VISAカード"></a></li>
<!-- li><a href="/kinonavi/" target="kinonavi"><img src="/contents/kinonavi_230x74.png" alt="KINOナビ" width="230"></a></li -->
<!-- li><a href="https://store.kinokuniya.co.jp/user-guide/storepickup/" target="store"><img src="/contents/SP_storepickup_230x60_201805.jpg" alt="店舗受取サービス" width="230"></a></li -->
<li><a href="https://store.kinokuniya.co.jp/giftcard/" target="store"><img src="/contents/common/img/subcolumn/banner_giftcard.gif" width="230" alt="大切な人に本を贈ろう 紀伊國屋書店ギフトカード"></a></li>
<li><a href="https://store.kinokuniya.co.jp/ticket/" target="store"><img src="/contents/kinoticket_online_banner.png" alt="キノチケオンライン" width="230"></a></li>
<li><a href="https://kinokuniya.risoco.jp/" target="risoco"><img src="/contents/images/inc/risoco_w230_h60.png" width="230" alt="利創庫(risoco)books-4/30"></a></li>
<li><a href="https://store.kinokuniya.co.jp/event/?keyword=%E3%83%AC%E3%82%B8%E3%83%A2%E3%83%8B%E3%82%BF%E3%83%BC%E3%81%AB%E3%81%A6%E3%81%94%E7%B4%B9%E4%BB%8B%E4%B8%AD%E3%81%AE%E6%9C%AC%E6%A3%9A&period=FromNowOn" target="store"><img src="/contents/signage-header.png" alt="レジモニターにてご紹介中の本棚" width="230"></a></li>
<li><a href="/disp/CKnSfMyLibraryIntroduction.jsp"><img src="/contents/hondana-header.jpg" alt="本棚の紹介" width="230"></a></li>
</ul>
</div>
<!-- バナーエリア ここまで -->
<!-- リンク集 ここから -->
<div class="links">
<ul>
<li><a href="https://store.kinokuniya.co.jp/store/kinokuniya-hall/" target="store"><img src="/images/parts/common/tx09.png" alt="紀伊國屋ホール" width="129" height="24"></a></li>
<li><a href="https://store.kinokuniya.co.jp/store/kinokuniya-southern-theatre-takashimaya/" target="store"><img src="/contents/common/img/tx10-2.png" alt="紀伊國屋サザンシアター TAKASHIMAYA" width="178" height="32"></a></li>
<li><a href="https://store.kinokuniya.co.jp/publication/" target="store"><img src="/contents/common/img/tx13.png" alt="紀伊國屋書店出版部" width="158" height="21"></a></li>
<li><a href="/f/dsd-107004007010005--"><img src="/contents/common/img/tx14.png" alt="紀伊國屋書店映像商品" width="168" height="22"></a></li>
<li><a href="https://mirai.kinokuniya.co.jp/service-top/" target="mirai"><img src="/images/parts/common/tx11.png" alt="法人外商 教育と研究の未来" width="91" height="21"></a></li>
<li><a href="https://www.nbcinc.co.jp/" target="nbcinc"><img src="/contents/common/img/tx15.png" alt="NBC(文具・雑貨扱い)" width="170" height="22"></a></li>
<li class="last"><a href="https://corp.kinokuniya.co.jp/category/%e3%81%8a%e7%9f%a5%e3%82%89%e3%81%9b/" target="corp"><img src="/contents/common/img/tx12.png" alt="お客様へのお知らせ" width="194" height="24"></a></li>
</ul>
</div>
<!-- リンク集 ここまで -->
</div>
</div>
<!-- == /フッター ここから =========================== -->
<div class="footerSearch">
<div id="global_nav" class="clearfix">
<form class="nav-search" method="get" name="search_form_footer" action="/disp/CSfDispListPage_001.jsp" onsubmit="return keywordSearchFooter('99', '?q=');">
<input type="hidden" name="qs" value="true">
<div class="nav-search-bar">
<div class="nav-left">
<select id="change-select" class="custom-select" name="ptk">
<option value="01" >和書</option>
<option value="03" >電子書籍</option>
<option value="02" selected>洋書</option>
<option value="10" >電子洋書</option>
<option value="04" >和雑誌</option>
<option value="08" >海外マガジン</option>
<option value="05" >DVD・CD</option>
<option value="09" >特選品</option>
<option value="07" >全カテゴリの商品</option>
</select>
</div>
<div class="nav-fill">
<input class="" type="text" maxlength="70" value="" name="q" placeholder="書籍名、キーワード">
</div>
<div class="nav-right">
<input class="submit2" type="submit" value="検索" name="">
</div>
</div>
<div class="nav-fill">
<a href="javascript:void(0);" onclick="detailSearchFooter('https://www.kinokuniya.co.jp/disp/CKnDetailSearchForm.jsp', '06','07','99','09')">詳細検索</a>
</div>
<div class="nav-right">
<select class="safe_search custom-select" name="SF_FLG" onchange="javascript:nextPage(options[this.selectedIndex].value)">
<option value="0" >セーフサーチOFF</option>
<option value="1" selected>セーフサーチON</option>
<option value="9" >セーフサーチについて</option>
</select>
</div>
</form>
</div>
</div>
<div id="footer">
<div id="footer_list_box">
<div id="page_top_btn"><a href="#pagetop">ページの先頭へ戻る</a></div>
<div id="footer_list_box_inner" class="clearfix">
<ul>
<li><a href="https://corp.kinokuniya.co.jp/" target="corp">会社案内</a></li>
<li><a href="https://corp.kinokuniya.co.jp/category/news/" target="corp">プレスリリース</a></li>
<li><a href="https://corp.kinokuniya.co.jp/recruit/" target="corp">採用情報</a></li>
<li><a href="https://store.kinokuniya.co.jp/store/" target="store">店舗案内</a></li>
<li><a href="https://store.kinokuniya.co.jp/socialmedia/" target="store">ソーシャルメディア</a></li>
</ul>
<ul>
<li><a href="https://store.kinokuniya.co.jp/store/kinokuniya-hall/" target="store">紀伊國屋ホール</a></li>
<li><a href="https://store.kinokuniya.co.jp/store/kinokuniya-southern-theatre-takashimaya/" target="store">紀伊國屋サザンシアター TAKASHIMAYA</a></li>
<li><a href="https://store.kinokuniya.co.jp/publication/" target="store">紀伊國屋書店出版部</a></li>
<li><a href="/f/dsd-107004007010005--">紀伊國屋書店映像商品</a></li>
<li><a href="https://mirai.kinokuniya.co.jp/" target="mirai">教育と研究の未来</a></li>
</ul>
<ul>
<li><a href="/common/CSfClaimEntry.jsp">お問い合わせ</a></li>
<li><a href="https://corp.kinokuniya.co.jp/about/privacy/" target="corp">個人情報保護方針</a></li>
<li><a href="https://store.kinokuniya.co.jp/terms/" target="store">会員サービス利用規約</a></li>
<li><a href="https://store.kinokuniya.co.jp/tokutei/" target="store">特定商取引法に基づく表示</a></li>
<li><a href="https://corp.kinokuniya.co.jp/about/disclaimer/" target="corp">免責事項</a></li>
<li><a href="https://corp.kinokuniya.co.jp/about/copyright/" target="corp">著作権について</a></li>
</ul>
<ul>
<li><a href="https://mirai.kinokuniya.co.jp/service-top/" target="mirai">法人外商</a></li>
<li><a href="https://store.kinokuniya.co.jp/ads/" target="store">広告媒体のご案内</a></li>
<li><a href="https://store.kinokuniya.co.jp/user-guide/affiliate/" target="store">アフィリエイトのご案内</a></li>
<li><a href="https://www.kinokuniya.com/" target="com">Kinokuniya in the World</a></li>
</ul>
</div>
</div>
<div id="footer_logo_box">
<div id="footer_logo_box_inner" class="clearfix">
<div id="Privacy"><a href="https://privacymark.jp/" target="privacymark"><img src="../contents/images/parts/common/17000186_07_200_JP.png" width="78" height="83" alt="プライバシーマーク"></a> </div>
<div id="ABJ" style="float:left;width:102px;"><a href="https://aebs.or.jp/" target="aebs"><img src="../contents/images/parts/common/ABJ.png" width="102" height="84" alt="ABJマーク"></a> </div>
<div id="footer_right_box" style="width:748px">
<p>東京都公安委員会 古物商許可番号 304366100901</p>
<dl class="clearfix">
<dt><a href="https://www.kinokuniya.co.jp/" target="_top"><img src="../images/parts/common/logo02.gif" width="192" height="41" alt="株式会社紀伊國屋書店 本社：東京都新宿区新宿3-17-7"></a></dt>
<dd style="width:528px;">このウェブサイトの内容の一部または全部を無断で複製、転載することを禁じます。当社店舗一覧等を掲載されるサイトにおかれましては、最新の情報を当ウェブサイトにてご参照のうえ常時メンテナンスください。
<a href="https://www.kinokuniya.co.jp/" target="_top">Copyright © KINOKUNIYA COMPANY LTD.</a></dd>
</dl>
</div>
</div>
</div>
</div>
<!-- == /フッター ここまで =========================== -->
</div>
<script type="text/javascript" src="../js/clickctrl.js"></script>
<script type="text/javascript" src="../js/formutils.js"></script>
<script type="text/javascript" src="../js/hidden.js"></script>
<!-- User Insight PCDF Code Start : kinokuniya.co.jp -->
<script type="text/javascript">
<!--
var _uic = _uic ||{}; var _uih = _uih ||{};_uih['id'] = 31286;
_uih['lg_id'] = '';
_uih['fb_id'] = '';
_uih['tw_id'] = '';
_uih['uigr_1'] = ''; _uih['uigr_2'] = ''; _uih['uigr_3'] = ''; _uih['uigr_4'] = ''; _uih['uigr_5'] = '';
_uih['uigr_6'] = ''; _uih['uigr_7'] = ''; _uih['uigr_8'] = ''; _uih['uigr_9'] = ''; _uih['uigr_10'] = ''; _uic['security_type'] = -1;
/* DO NOT ALTER BELOW THIS LINE */
/* WITH FIRST PARTY COOKIE */
(function() {
var bi = document.createElement('scri'+'pt');bi.type = 'text/javascript'; bi.async = true;
bi.src = ('https:' == document.location.protocol ? 'https://bs' : 'http://c') + '.nakanohito.jp/b3/bi.js';
var s = document.getElementsByTagName('scri'+'pt')[0];s.parentNode.insertBefore(bi, s);
})();
//-->
</script>
<!-- User Insight PCDF Code End : kinokuniya.co.jp -->
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '115282232462240',
xfbml : true,
version : 'v2.10'
});
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Twitter universal website tag code -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','o01wv');
twq('track','PageView');
</script>
<!-- End Twitter universal website tag code --></body>
</html>
]]>
