整站项目开发实战之网站首页布局搭建

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    设计本课程的目的是让 Web 前端工程师,可以轻松将设计师提供的 PSD 效果图,切分成 HTML 网页文件,学完本课程可以掌握 PS 软件的切图技巧和 HTML 布局技巧。

    1.知识点概括及案例分析 00:03:54

    本课时主要讲解,该企业网站项目开发需要用到的知识点,及项目案例分析和网站展示效果。

    2.浮动布局与定位布局的配合 00:21:24

    本课时主要讲解,在搭建企业网站中经常会使用的两种布局方式,float 浮动布局和 position 定位布局,分析两种布局方式的利弊。

    3.必备的切图技巧及图片优化 00:29:34

    本课时主要讲解,网站中经常会出现的图片格式,jpg/gif/png 的不同应用场景,详解图片压缩及优化,以及小图片拼合成大图的方式。

    4.背景图片定位的应用 00:13:03

    本课时主要讲解,将 Photoshop 拼合的大图,分别应用到不同的小区块中。

    5.简化代码——共用类似的 CSS 样式 00:16:41

    本课时主要讲解,将页面中类似的样式和属性定义为公共 class 类。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

整站项目开发实战之网站首页布局搭建

5课时,85分钟2016-04-26
写代码的平面师
写代码的平面师

极客学院签约布道师

课程背景:
随着 Web 前端工程师的需求越来越多,Web 前端人员也大幅增长,企业对工程师的要求也逐步提高,对工程师的经验要求非常严格,新手 Web 前端工程师没有经验很难拿到高工资。那么我们这个课程,就是通过商业项目进行开发,让新手 Web 前端工程师能够掌握商业开发中的技巧及细节。

核心内容:
1.知识点概括及案例分析
2.浮动布局与定位布局的配合
3.必备的切图技巧及图片优化
4.背景图片定位的应用
5.简化代码——共用类似的 CSS 样式

软件环境:Photoshop Dreamweaver

是否提供资料:

课程等级:中级

适合人群:
具有 PS 基础和 HTML 基础的学员
  • 技术问答

相关课程

  • Phaser.js 中的物理引擎

    本课程主要介绍 Phaser.js 中的几种物理引擎,以及其中最基础的 Arcade 物理引擎的使用方法。

    3课时 38分钟
    初级
    4955人学习
  • jQuery 中滚动条事件的应用

    本课程主要通过 jQuery 和 CSS3 进行实际应用。通过网上常见的特效进行事件应用,详细介绍scroll() 事件和 scrollTop() 方法的使用。

    4课时 108分钟
    中级
    10210人学习
  • Ext JS 核心概念

    本课程将为大家讲解在进行 Ext JS 开发前,需要学习了解的几个核心概念。在开始学习阶段需要先做到心中有理解,在后续的学习中,再进行详细的理解与实践。

    5课时 53分钟
    初级
    6816人学习
  • 使用 jQuery 实现多种类型的导航条(下)

    本课程主要通过 jQuery 和 CSS3 进行实际应用,在上篇主要讲的是最常规的导航条样式,下篇主要讲解折叠菜单的两种方式,学习完这个课程可以轻松的应用 jQuery 和 CSS3 的各种交互特效,以及实现菜单的水平和垂直展开方式。

    3课时 93分钟
    中级
    8159人学习