1. 好网站的构成&响应式网站

何谓好网站

好的网站除了是靠後端,服务器的好坏去判断之外,还有前端javascript的撰写,更重要的是UI版面和UX流程。这理由很简单,假设你看见了下面的网站颜色混杂没有一个统一的配色,使用者的眼睛并无法在短时间内吸取重要的资讯。pchome 官网

取自pchome官网https://shopping.pchome.com.tw/

响应式网站的重要

应该有人疑问,什麽是响应式网站?响应就是不同萤幕大小得到的页面不同。例如着名部落格网站medium就有制作响应式网站
medium电脑上的页面
下面的是手机版
medium手机上的页面
手机版网站上方多了一个Open App的标志,明显他知道你现在在用手机,所以给出电脑版不同的页面。

取自medium 荣民叔叔转职攻城狮的藏书笔记 【课程笔记】不确定时代下的敏捷测试-利用持续测试交付价值

未使用响应的严重性

如果没有使用响应,手机版网站的字体会变得非常的小导致使用者必须放大观看操作,造成不变。例如下方的网站
pchome 手机页面

取自pchome官网https://shopping.pchome.com.tw/

套用响应网站

讲了这麽久终於来到了套用的环节了,如果你还不知道什麽是html的话,我建议你先取看这个网站http://www.pcnet.idv.tw/pcnet/html/html.htm ,它能带你简单入门,下一集才会正式进入制作的环节。如果已经会的朋友就只要把下面的程序码放到<head></head>里面就好了

<meta name="viewport" content="width=device-width, initial-scale=1.0">

未来才会介绍到css针对不同萤幕大小的处理。

总结

终於到了总结了。
好网站的构成是由後端,前端,UI,UX所构成,要对每位使用者想着他们的所遇见的困难,创造出适合每一个人都能简单操作的环境。
/images/emoticon/emoticon06.gif
完成第一篇就这麽累!


<<:  DE2_115(DAY2)用niosii和switch还有NiosII console去控制板子上的led

>>:  Jupyter Notebook 输入栏位设计(2)

Day 14 虚拟环境

Python虚拟环境的主要目的是为不同的Python项目创建一个彼此独立且隔离的环境。这样我们可以在...

[Day 27] Partitioning (1) - Partitioning of key-value data

Day 21 ~ Day 26 我们讨论了如何将资料分散到不同节点的 Replication,对那些...

Day22:欧印万

在尚未出现java.util.concurrent套件以前,多执行绪的程序都需要自己设计wait()...

Day 28 Heroku Docker

跑范例环节 https://devcenter.heroku.com/articles/contai...

Day 30 Docker 的使用安全

若要长期稳定的使用服务,了解其安全性是必要的。毕竟世上没有 100% 安全的软硬体,总是会存在一些漏...