{
"result": "success",
"status": "200",
"data": {
"0": {
"articleId": 274,
"classId": 436,
"type": "portfolios",
"title": "BIOS MONTHLY - 副本",
"isPopular": 1,
"descripe": "",
"content": "",
"priority": 0,
"status": "1"
},
"1": {
"articleId": 273,
"classId": 436,
"type": "portfolios",
"title": "BIOS MONTHLY - 副本",
"isPopular": 1,
"descripe": "",
"content": "1231",
"priority": 0,
"status": "2"
},
"2": {
"articleId": 271,
"classId": 436,
"type": "portfolios",
"title": "BIOS MONTHLY",
"isPopular": 1,
"descripe": "",
"content": "1231",
"priority": 0,
"status": "1"
},
"3": {
"articleId": 270,
"classId": 435,
"type": "portfolios",
"title": "WEMO",
"isPopular": 0,
"descripe": "",
"content": "123",
"priority": 0,
"status": "1"
},
"4": {
"articleId": 269,
"classId": 434,
"type": "portfolios",
"title": "初魚料亭",
"isPopular": 1,
"descripe": "",
"content": "123",
"priority": 0,
"status": "1"
},
"5": {
"articleId": 268,
"classId": 433,
"type": "portfolios",
"title": "碁富食品-小紅龍雞塊",
"isPopular": 0,
"descripe": "",
"content": "13",
"priority": 0,
"status": "1"
},
"6": {
"articleId": 267,
"classId": 148,
"type": "portfolios",
"title": "Bin music-相信音樂",
"isPopular": 1,
"descripe": "<div class=\"row mt30\">\r\n<div class=\"col-md-12\">\r\n<header class=\"header header-left\">\r\n<h2 class=\"section-title\">前端技術</h2>\r\n\r\n<p class=\"section-subtitle text-muted\">Frontage Service</p>\r\n</header>\r\n</div>\r\n</div>\r\n\r\n<div class=\"row\">\r\n<div class=\"col-md-12 column-pv\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 tac\"><img alt=\"\" class=\"g-icon-l\" src=\"https://metsa.ktrees.com//userfiles/images/mobile-site.png\" /></div>\r\n</div>\r\n\r\n<h3 class=\"tac\">手機版 Mobile Site</h3>\r\n\r\n<p class=\"text-muted\">根據使用者的瀏覽裝置投放合適的網站版本,讓使用者的視覺與操作體驗跨裝置即使在不同的裝置上也能維持一致性。</p>\r\n</div>\r\n\r\n<div class=\"col-md-12 column-pv\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 tac\"><img alt=\"\" class=\"g-icon-l\" src=\"https://metsa.ktrees.com//userfiles/images/div.png\" /></div>\r\n</div>\r\n\r\n<h3 class=\"tac\">DIV/CSS切版</h3>\r\n\r\n<p class=\"text-muted\">DIV的切版方式可以增加網站運用的靈活度,而純熟整齊的DIV/SS切版更一定程度的幫助網站排名的提升,也可以降低未來網站維護與功能增加的難度。</p>\r\n</div>\r\n\r\n<div class=\"col-md-12 column-pv\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 tac\"><img alt=\"\" class=\"g-icon-l\" src=\"https://metsa.ktrees.com//userfiles/images/jquery.png\" /></div>\r\n</div>\r\n\r\n<h3 class=\"tac\">jQuery Effects</h3>\r\n\r\n<p class=\"text-muted\">透過jQuery效果來讓網站更為豐富,滑鼠移上去的滑動效果,或是點擊按鈕的互動效果,都讓網站有畫龍點睛的作用。</p>\r\n</div>\r\n\r\n<div class=\"col-md-12 column-pv\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 tac\"><img alt=\"\" class=\"g-icon-l\" src=\"https://metsa.ktrees.com//userfiles/images/google-analytice.png\" /></div>\r\n</div>\r\n\r\n<h3 class=\"tac\">Google Analytice<br />\r\n使用者行為分析</h3>\r\n\r\n<p class=\"text-muted\">透過使用者的行為分析我們可以更了解我們的使用者,甚至能夠根據使用者在網站中的一舉一動反思網站的優缺點進行改進。我們除了會替每個客戶進行使用者分析的安裝以外,若客戶不了解如何操作與解讀報表,我們也會提供指導教學。引導您更了解您的消費者。</p>\r\n</div>\r\n\r\n<div class=\"col-md-12 column-pv\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 tac\"><img alt=\"\" class=\"g-icon-l\" src=\"https://metsa.ktrees.com//userfiles/images/seo.png\" /></div>\r\n</div>\r\n\r\n<h3 class=\"tac\">最佳的網站SEO優化</h3>\r\n\r\n<p class=\"text-muted\">一個體質良好的網站能有效的提升搜尋引擎排行結果的名次,這其中關係到了網站製作的結構性、網站內容的準確性、以及網站重要度的指標設定。對於每個客戶我們有自信製作優秀的網站結構,而網站的內容性則是需要客戶與我們一同努力。</p>\r\n</div>\r\n</div>\r\n\r\n<div class=\"row mt30\">\r\n<div class=\"col-md-12\">\r\n<header class=\"header header-left\">\r\n<h2 class=\"section-title\">後端技術</h2>\r\n\r\n<p class=\"section-subtitle text-muted\">Backstage Service</p>\r\n</header>\r\n</div>\r\n</div>\r\n\r\n<div class=\"row\">\r\n<div class=\"col-md-12 column-pv\">\r\n<div class=\"row\">\r\n<div class=\"col-md-12 col-xs-12 tac\"><img alt=\"\" class=\"g-icon-l\" src=\"https://metsa.ktrees.com//userfiles/images/php.png\" /></div>\r\n</div>\r\n\r\n<h3 class=\"tac\">PHP & MySQL</h3>\r\n\r\n<p class=\"text-muted\">我們使用非常穩定的PHP程式來製作網站,資料庫則採用MySQL來存放資料。這兩套程式屬於Open Source的開源軟體,對於中小企業來說可以省下使用授權軟體的費用,而全世界超過7成的網站都使用這樣的架構,對於安全性與未來的維護性來說也來的更無後顧之憂。</p>\r\n</div>\r\n</div>",
"content": "<br />\r\n<img alt=\"\" height=\"827\" src=\"https://metsa.ktrees.com//userfiles/images/binmusic_screenshot_1.jpg\" width=\"998\" />\r\n<div class=\"mobile_screenshot\"><img alt=\"網頁設計精選作品/binmusic/形象網站/手機版畫面示意\" height=\"910\" src=\"https://metsa.ktrees.com//userfiles/images/binmusic_screenshot_6.jpg\" width=\"431\" /> <img alt=\"網頁設計精選作品/binmusic/形象網站/手機版畫面示意\" height=\"910\" src=\"https://metsa.ktrees.com//userfiles/images/binmusic_screenshot_7.jpg\" width=\"431\" /></div>\r\n\r\n<blockquote>\r\n<p>專案功能摘要:</p>\r\n\r\n<ul>\r\n\t<li>視覺排版與網頁製作</li>\r\n</ul>\r\n</blockquote>\r\n\r\n<p class=\"tac\"><a class=\"btn btn-colored price-btn\" href=\"https://www.bin-music.com.tw/index.php\" target=\"_blank\">欣賞網站</a></p>",
"priority": 0,
"status": "1"
},
"tag": {
"269": [
{
"tagId": 59,
"title": "hosting"
},
{
"tagId": 58,
"title": "backstage-sys"
},
{
"tagId": 57,
"title": "coustomize-system"
},
{
"tagId": 54,
"title": "web-design"
}
],
"270": [
{
"tagId": 54,
"title": "web-design"
}
],
"271": [
{
"tagId": 56,
"title": "web-service"
},
{
"tagId": 55,
"title": "customize-system"
},
{
"tagId": 54,
"title": "web-design"
}
]
},
"file": {
"267": [
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_cover_2lxc4gcfxl.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_cover_2lxc4gcfxl.webp",
"alt": ""
},
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_photo_oqulwksxz2.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_photo_oqulwksxz2.webp",
"alt": ""
}
],
"268": [
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_cover_ok1d3k7krj.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_cover_ok1d3k7krj.webp",
"alt": ""
}
],
"269": [
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_cover_9vxkc2aqgc.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_cover_9vxkc2aqgc.webp",
"alt": ""
}
],
"270": [
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_cover_vr4wobodzd.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_cover_vr4wobodzd.webp",
"alt": ""
},
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_photo_9d3i5r48j8.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_photo_9d3i5r48j8.webp",
"alt": ""
}
],
"271": [
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_cover_zk7elm00mh.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_cover_zk7elm00mh.webp",
"alt": ""
},
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_photo_qxlqct505s.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_photo_qxlqct505s.webp",
"alt": ""
},
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_seo_article_image_0154i0srok.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_seo_article_image_0154i0srok.webp",
"alt": ""
}
],
"274": [
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_cover_ln3r47fsaw.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_cover_ybi0rdxzsl.webp",
"alt": ""
},
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_photo_kyqe053xa0.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_photo_io2b6zd481.webp",
"alt": ""
},
{
"fileName": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_seo_article_image_bj140q4a2l.webp",
"fileNameThumb": "https://metsa.ktrees.com/storage/app/public/portfolios/tw_thumb_seo_article_image_9tzm4ixw4n.webp",
"alt": ""
}
]
}
}
}