前端--企业开发页面布局

个人笔记心得前端--企业开发页面布局思维导图

企业站实战开发

• 企业站类型分析
  • 目的
    • 企业的门户信息,向企业对外展示的窗口
      • 介绍
        • 子主题
          • 子主题
      • 产品
      • 新闻
      • 联系我们
  • 难度
    • 很简单
  • 常用模块
    • 首页
      • 导航
        • logo
        • 菜单
      • 轮播
      • 公司介绍
      • 产品描述
      • 案例展示
      • 公司新闻
      • 联系我们
      • 底部
        • 底部菜单
        • 版权信息
    • 关于我们
    • 产品中心
    • 新闻中心
      • 公司新闻
      • 行业新闻
    • 联系我们
    • 招聘中心
• 常用页面分析
  • 首页
    • 子主题
  • 新闻中心
    • 公司新闻
    • 行业新闻
  • 关于我们
    • 公司介绍
    • 公司构架
    • 公司文化
    • 公司荣誉
    • ......
  • 产品中心
    • 产品类1
    • 产品类2
    • 产品类3
    • 产品列表
      • 产品详情
  • 招聘中心
    • 招聘列表
    • ......
  • 联系我们
    • 联系我们(表单)
• 如何命名
  • 页面命名
    • 首页
    • 新闻中心
      • list_news.html
        • 公司新闻
          • list_gs.html
        • 行业新闻
          • list_heye.html
        • 列表
          • 新闻详情
            • show-news.html
            • detail-news.html
    • 关于我们
      • about.html
        • 公司介绍
          • about_gsjs.html
        • 公司架构
          • about_gsjg.html
        • 公司文化
          • about_gswh.html
        • 公司荣誉
          • about_gsry.html
    • 产品中心
      • product.html
        • 产品详情
          • show-news.html
          • detail-news.html
    • 招聘中心
      • job.html
    • 联系我们
      • concat.html
  • class命名
• 设计图分析
  • 清楚有哪些页面
    • 列表
    • 详情
    • 单页面(频道页)
  • 搞清楚哪些是公共部分
    • 头部
    • 底部
    • 栏目图
    • 分类标题
    • 分页
    • 写到公共样式文件里
  • 样式结构复用