杨老师课堂之网页设计实训

//@TOC

学习目标

• 对实际开发中网站制作流程有一个整体认知
• 掌握HTML+CSS网页布局与常见效果呈现方式
• 能够独立完成电商类网站PC端首页、列表页、注册页制作
• 掌握网站的部署上线流程

---

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
关于Hbuilder软件如何快速生成代码行，可点此观看Hbuilder快速生成技巧

准备工作

1. 项目结构:

名称	说明
ShopMall	项目的目录名称
images	样式类图片的目录
css	样式目录
upload	上传图片目录
fonts	字体目录
js	脚本目录

2.样式的模块化开发

• 所谓的模块化：将一个项目按照功能划分，一个功能一个模块，互不影响，模块化开发具有重复使用、更换方便等优点
• 有些样式和结构在很多页面都会出现，比如页面头部和底部，大部分页面都有。此时，可以把这些结构和样式单独作为一个模块，然后重复使用
• 本次应用程序就是 common.css 公共样式。写好一个样式，其余的页面用到这些相同的样式
• 优点:模块化开发具有重复使用、修改方便等优点

效果图