前端实训第一讲
一、网页三个基本要求：
自适应：根据用户调动，网页随之变化
响应式要求：响应不同的设备
沉浸式要求：增加可视效果,界面素材可视化
二、布局方式：
1.T型布局
所谓T型布局，使指页面上部为横条（网站标志+广告条）、下方左半部为主菜单、右由半部分显示内容的布局。因为看上去像英文字母“T”，所以称为T型布局。
2.口型布局
口型布局的页面上下各有一个广告条，左侧是主菜单，右侧放置友情链接等内容，中间是主要内容。
口型布局的优点是充分利用版面，信息量大。其缺点是页面拥挤，不够灵活。
3. POP布局
POP引自广告术语，是指页面布局象一张宣传海报，以一张精美图像作为页面的设计中心，在适当位置放置主菜单。这种布局不讲究上下左右对称，但要平衡和有韵律，能达到强调、动感、高注目性的效果，常用于时尚类网站。其优点是漂亮吸引人，缺点是速度慢。
4.工字型布局
是Web中应用比较广泛的布局，它将整个页面分成页头，侧面导航栏，内容栏和页脚栏四部分，页头一般包括logo，网站标题等；侧面导航栏是导航菜单,根据客户的喜好可以放在左边也可以放在右边；内容是正文部分，左右也可以根据用户的喜好放置；页脚包括版权信息，联系我们等。
三、技术：html,css,java script,vue,jquery
四、功能模块与程序
功能模块：指数据说明、可执行语句等程序元素的集合，它是指单独命名的可通过名字来访问的过程、函数、子程序或宏调用。
程序：计算机程序是一组计算机能识别和执行的指令，运行于电子计算机上，满足人们某种需求的信息化工具。
五、作业
完成一个工字形套T字型套框字型的页面布局，且支持自适应
来源：CSDN
作者：ustrivelife
链接：https://blog.csdn.net/ustrivelife/article/details/102983102