国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

紐約時報是怎么用HTML 5設(shè)計在,線閱讀產(chǎn)品

2020-03-24 15:46:08
字體:
供稿:網(wǎng)友

  一、紐約時報都有哪些功能?

  在firefox瀏 覽器下打開紐約時報,有一個地方很值得注意:“此網(wǎng)站()提供了保存至您計算機以供脫機使用的數(shù)據(jù)。”從這句話很容易推斷 出這是離線存儲功能,閱讀類產(chǎn)品沒有網(wǎng)絡(luò)連接情境下,用戶還能繼續(xù)瀏覽到一些更新的內(nèi)容,對用戶來說,這可是一個加分型的需求滿足。

  接下來我們看看這張圖中的右邊欄:

紐約時報是怎么用HTML 5設(shè)計在線閱讀產(chǎn)品的 學(xué)知

  細 心的人會發(fā)現(xiàn),鼠標(biāo)懸停時,有些內(nèi)容分類右邊有實心圓點,而有些內(nèi)容分類右邊是空心圓點,這代表了什么?經(jīng)過試驗發(fā)現(xiàn),這其實是有沒有內(nèi)容更新的一種提 示,實心圓點表示有內(nèi)容更新,用戶還沒瀏覽過;空心圓點則表示當(dāng)前分類下沒有內(nèi)容更新,這樣做的好處就是給用戶一種閱讀提醒,便于用戶選擇合適的內(nèi)容閱讀,節(jié)約了時間。

  點擊列表中的某一篇文章,之后我們來看看紐約時報的文章終端頁長什么樣子?

HTML 5

  細心的人會發(fā)現(xiàn),右上角有個調(diào)節(jié)文字大小的ICON,左下角主要是社會化傳播功能,如email推薦、分享到twitter和facebook。當(dāng)然了,還有就是上下翻頁功能。

  火星人都知道,用戶的閱讀習(xí)慣各不相同,呈現(xiàn)多元化趨勢,且看紐約時報是如何解決這個問題的,它主要使用了自定義的功能就解決了這個問題,且看紐約時報有多少種內(nèi)容排版的模板。

HTML 5
HTML 5
HTML 5
HTML 5

  一共有11種排版模板供用戶自定義選擇,這對滿足用戶多元化的閱讀習(xí)慣又向前邁了一大步,這里面重點介紹pr

qq超拽網(wǎng)名[www.la240.com/html2017/1/4/]iority、slideshow和gallery三種模板,顧名思義,priority指的是有 內(nèi)容熱度權(quán)重rank的排版方式,這跟新浪微博應(yīng)用廣場上的每訊閱讀器里的微博內(nèi)容權(quán)重rank排序是一個道理,都體現(xiàn)了一種根據(jù)內(nèi)容熱度來瀏覽的閱讀習(xí) 慣;而slideshow指的是將文章內(nèi)容的圖片抓取出來,以幻燈片的形式展示,類似前端時間炒得比較火的flipboard效果,畢竟用戶對圖片的感知 優(yōu)勝于純文字內(nèi)容;gallery指的是將內(nèi)容中圖片抓取出來組成相冊的方式來組織文章內(nèi)容的排版,flipboard和每訊閱讀器都有此類排版效果,不 錯從圖片的美觀角度來說,感覺每訊閱讀器的圖片排版效果略勝一籌。如下圖所示:

HTML 5

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 普宁市| 韶关市| 福鼎市| 东海县| 纳雍县| 雅江县| 永川市| 萝北县| 巴塘县| 子洲县| 兖州市| 宁国市| 黔西| 洪泽县| 香港| 稷山县| 凌海市| 桃园市| 花莲市| 扬中市| 高邑县| 荆州市| 昭苏县| 乌拉特后旗| 合水县| 海丰县| 隆德县| 镶黄旗| 昆山市| 鸡西市| 浑源县| 衡水市| 牙克石市| 通道| 原平市| 茌平县| 祁连县| 砀山县| 麻城市| 枣庄市| 梓潼县|