Wordpress與app 設計與應用發表
25
[計算機與網路概論期末組報告] Wordpress與App 設計與應發表 國新教育學 英語教學系 郭孟倫、曾莞筑
-
Upload
tonny-meng-lun-kuo -
Category
Education
-
view
720 -
download
8
description
國立新竹教育大學 郭孟倫 指導老師:區國良 老師
Transcript of Wordpress與app 設計與應用發表
![Page 1: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/1.jpg)
[計算機與網路概論期末⼩小組報告]
Wordpress與App 設計與應⽤用發表
國⽴立新⽵竹教育⼤大學 英語教學系 郭孟倫、曾莞筑
![Page 2: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/2.jpg)
報告⼤大綱⼀一、網站介⾯面設計介紹
⼆二、App介⾯面設計介紹
by 郭孟倫
by 曾莞筑
![Page 3: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/3.jpg)
網站介⾯面設計介紹
by 郭孟倫
![Page 4: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/4.jpg)
Wordpress網站內容
• 英美兒童⽂文學導讀與介紹
• 英美⻘青少年⽂文學導讀與介紹
• 兒童與⻘青少年⽂文學推薦書單:Amazon、博客來
• 實⽤用相關網站:學⽣生、家⻑⾧長、教師
![Page 5: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/5.jpg)
網站樣式
![Page 6: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/6.jpg)
網站樣式
![Page 7: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/7.jpg)
網站樣式
![Page 8: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/8.jpg)
網站樣式
標題與副標題
Banner
⾴頁⾯面
![Page 9: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/9.jpg)
網站樣式
內容與繼續閱讀搜尋列
近期⽂文章與迴響
![Page 10: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/10.jpg)
網站樣式
分類
彙整
管理及RSS
![Page 12: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/12.jpg)
App介⾯面設計介紹
by 曾莞筑
![Page 13: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/13.jpg)
App內容
• 兒童與⻘青少年⽂文學導讀與介紹
• 實⽤用網站與學習影⽚片:Youtube播放清單
• 聯絡⽅方式:新⽵竹教育⼤大學英語教學系
![Page 14: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/14.jpg)
iPad板腦橫向閱讀
![Page 15: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/15.jpg)
內容與介紹
導覽列
![Page 16: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/16.jpg)
影⽚片連結
![Page 17: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/17.jpg)
聯絡⽅方式
![Page 18: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/18.jpg)
板腦直向閱讀
![Page 19: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/19.jpg)
⼿手機直向閱讀
![Page 20: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/20.jpg)
⼿手機直向閱讀
![Page 21: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/21.jpg)
iPhone App橫向閱讀
![Page 22: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/22.jpg)
iPhone App橫向閱讀
![Page 23: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/23.jpg)
iPhone App橫向閱讀
![Page 24: Wordpress與app 設計與應用發表](https://reader036.fdocuments.net/reader036/viewer/2022082310/5562b3d2d8b42a15548b55b4/html5/thumbnails/24.jpg)
demo