摘要:
1. 项目描述:首先王城PC端首页,列表页,注册页面。 2. 开发工具:VScode、PHotoshop、主流浏览器(CHromr浏览器为主) 3. 技术伐:利用HTML5+CSS3手动布局,可以大量使用H5新增标签和样式。 采取结构与样式选相分离,模块化开发。 良好的代码规范有利于团队更好的开发协 阅读全文
摘要:
自学网页编程的CSS代码展示: * { margin: 0; padding: 0; } .w { width: 1200px; margin: auto; } body { background-color: #f3f5f7; height: 3000px; } li { list-style: 阅读全文
摘要:
样本: 第一步:先做一个超大的通栏banner盒子。 第二步:在通栏盒子里面做一个版心的盒子 第三部:版心盒子里面在分左边盒子和右边盒子 ◼ 1号盒子是通栏的大盒子banner,不给宽度,给高度。给一个蓝色背景 ◼ 2号盒子是版心,要水平居中对齐。 ◼ 3号盒子版心内,左对齐subnav 侧导航栏 阅读全文
摘要:
样本: 第一步:分析网页的布局情况: 1.板子盒子为1200*42的盒子水平居中对齐,上下给一个margin值就可以。 2.版心盒子里面包含二号盒子logo 3.版心盒子里面包含三号盒子nav导航栏 4.版心盒子里面包含四号盒子search搜索栏 5.版心盒子里面好办唔好盒子user个人信息 要求里 阅读全文
摘要:
网页布局整体思路: 为了提高网页制作的效率,布局时通常有以下整体思路: 1.必须锁定页面的版心【可视区】,通过测量可得知。 2.分析页面的行模块,以及每个行模块中的列模块,【布局的第一准则】 3.一行中的列模块经常浮动布局,先确定每个列的大小之后确定列的位置,【网页布局第二准则】 4.制作 HTML 阅读全文
摘要:
1.准备网页所需要的素材和工具: 1.先做一个psd源文件 2.开发工具【本人用对的是ps】=ps{切图}+vscod{代码}+chrome{测试}。 2.案例准备工作: 1.创建一个目录文件夹【用于存放页面的相关内容】 2.用vscode打开文件夹 3.在目录文件夹里穿件一个inges文件夹,用于 阅读全文