A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 厦门校区 黑马粉丝团   /  2022-8-19 11:22  /  229 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 厦门校区 于 2022-8-19 11:25 编辑


网页布局

                                                    学习方式:线下面授   授课老师:黄老师
学习目标

借助PxCook工具,参照设计稿,能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发。

主讲内容

1. HTMLHTML 负责网页的结构层,是网页开发的基础,从最简单的网页骨架搭建入手,使用常见的 HTML 标签丰富网页结构。

HTML基础语法 | 排版标签 | 路径 | 多媒体标签 | 链接标签 | 列表标签 | 表格标签 | 表单标签 | 布局标签 | 语义化标签 | 字符实体



2. CSS在 HTML 搭建的网页结构基础上,通过 CSS选择器 精准选择标签,使用外观、盒模型相关属性完成网页全部内容,利用浮动、定位等布局技巧精准控制网页布局,最终结合背景、圆角、阴影等装饰属性进一步美化网页效果,达到能够编写企业级大型综合网页。

选择器 | 外观 | 文字 | 背景 | 标准流 | 三大特性 | 盒模型 | 伪元素 | 浮动 | 伪类 | 定位 | 圆角 | 阴影 | 透明 | 过渡



3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具,基于设计稿编写网页,确保网页的高度还原,通过综合运用 HTML + CSS 技术,按照实际项目开发流程,归纳开发技巧,提升综合实战水平,最终完成企业级小兔鲜儿电商项目PC端首页开发。

精灵图 | 文档编码 | 性能优化 | 布局技巧 | SEO | 性能优化 | 版心 | 设计稿 | PxCook

1.jpg

(厦门前端2期开班典礼)
学习阶段后的学生评价
Screenshot_20220717_110439_com.tencent.mm_edit_402579452793258.jpg Screenshot_20220717_110451_com.tencent.mm_edit_402613758136482.jpg Screenshot_20220717_110455_com.tencent.mm_edit_402647743442206.jpg Screenshot_20220717_110458_com.tencent.mm_edit_402953210774451.jpg Screenshot_20220717_110502_com.tencent.mm_edit_402984216219759.jpg Screenshot_20220717_110505_com.tencent.mm_edit_403020982755691.jpg Screenshot_20220717_110508_com.tencent.mm_edit_403055087157769.jpg Screenshot_20220717_110511_com.tencent.mm_edit_403101745519220.jpg Screenshot_20220717_110514_com.tencent.mm_edit_403133545746299.jpg Screenshot_20220717_111948_com.tencent.mm_edit_403438154909794.jpg Screenshot_20220717_112059_edit_403503938432700.jpg Screenshot_20220717_112151_com.tencent.mm_edit_403564951620191.jpg Screenshot_20220717_112155_com.tencent.mm_edit_403635233144659.jpg







0 个回复

您需要登录后才可以回帖 登录 | 加入黑马