Day 28 | 来组合个画面吧 - Part 1

终於要来组合画面噜~
写了这麽多天的小区块切版,
终於要派上用场了!
是不是常常有一种:「我想要学的是整个网页的切版,不是这种小区块!」的呐喊啊?
其实小区块切得好,切版就不会是一件很难开头的事情。

讲解一下我规划的架构是如何:

先放一下整个页面会长如何好了,
因为时间有限,
我就没有考量 RWD,
是以固定尺寸来进行制作的。


( banner 背景图 Edan Cohen from Unsplash )

我其实有点不太确定要怎麽样提供我的档案,
总觉得整个都贴上好像有点太冗了,
今天就先分享我 HTML 的 codepen 好了,
明天分享加上 CSS 的模样。

codepen(有没有那种看到很早期网页的感觉)

一般我的结构起手式都会长这样,
没有用 main 是因为他的支援度的问题(又是 IE)。

<header></header>
<div class="main"></div>
<footer></footer>

HTML 结构

有共用的就会有同一个 class
毕竟网页内容满多都是模组化的概念,
这样可以一起设定,
要做变更的时候你就会感激自己当初规划的很好。

以上就是今天的内容,如果有讲不对的地方再请各位留言让我知道,谢谢。
明天继续组合画面~


<<:  不用Recoil的话,如何自己制作一个 Custom hook 来共享全域变数?(2)

>>:  管理 Deployments

Day 11 「我以火力掩护你」在测试的保护下重构:消除重复

「班长:班长命令你实施敌火下作业,试问单兵该如何处置?」 『单兵:报告班长,请班长以火力掩护我,完成...

最短路径问题 (6)

10.8 更多的 Leetcode 例题 Leetcode 1129. Shortest Path ...

〖WordPress主题〗ASTRA释出「AGENCY BUNDLE」头500名购买只要$149的超级优惠

ASTRA 这个热门的WordPress主题,付费版一共有3种方案+2种付费模式;最引以为傲的是☞一...

DAY30 - side project 的尾巴,反省与展望

side project 的尾巴,好好地来反省一下有哪里做不好,与未来有什麽做更好的地方 写一个自己...

Day17-Node.js

前言 今天是第十七天,很高兴我的意志力让我挺过了一半的铁人赛? 前面十六篇的JS章节,其实已经把Ja...