美文网首页
静态页面项目实战训练

静态页面项目实战训练

作者: osborne | 来源:发表于2016-12-07 09:29 被阅读123次

    (一)

    要求
    做项目之前必细心去看: 实战训练问题汇总
    做完项目在看看这个视频,讲解如何做实战1的页面
    图标可使用 iconfont(搜索 iconfont,进官网,查找图标,加入购物车,下载,看下载后的 demo)、font-awesome(搜索 font-awesome 的用法);
    中心内容固定宽度960px,不需要响应式
    首页大图为全屏
    不使用 CSS 框架,不需要 JS
    项目线上地址
    完成如下页面

    (二)

    要求
    警示:必须先看看实战注意要点,否则低级错误太多
    线上参考地址
    不需要响应式,页面中心宽度1000px

    完成如下页面

    (三)

    要求
    先看看实战注意要点
    参考下线上地址2
    只完成 HTML CSS部分,不需要实现顶部导航栏效果
    发挥自己的创造力给网站设定一个主题,比如展示一个产品、城市、企业形象、个人作品...,替换网站中的图片和文案。在实现的过程中不要求页面的还原度,只需要样式精美,代码规范

    完成如下页面

    相关文章

      网友评论

          本文标题:静态页面项目实战训练

          本文链接:https://www.haomeiwen.com/subject/iardmttx.html