获得免费课程信息

高薪就业 成功创业

学习资料 先到先得

基础设计+网页实现+网站建设+服务器管理

网页设计实战课程

项目驱动
实战课程 实战

【网页设计与制作实战课程

基础设计+网页实现+网站建设+服务器管理

模块

课程名称

课程描述

综合案例

DW 网页制作 PC
网页制作
  • Web前端网页设计基础标签
  • 表格表单框架
  • DIV+CSS页面布局
  • 网页设计基本流程和工作内容;
  • WEB页和移动页面的设计规范,网页的风格和色彩;
  • 网页的基本结构、元素构成(文本、多媒体元素)、标签的组合;
  • 案例:各类风格的商业网站赏析、新闻页排版、广告业排版;
  • 表单的设计及引用;
  • 表格及其修饰:宽、高、位置、颜色、背景,行列合并、结构修改、线合并等;
  • 案例:各类报名表的制作、简历表的制作、房产活动页面制作、游戏页面制作、登陆页面、留言页面制作;
  • 常见的DIV布局案例,DIV的浮动和定位;
  • CSS的选择器及属性详解:文字、文本、背景、定位、
  • 布局、边框、补丁和补白、浮动等详解;
  • CSS特效:导航等各类CSS特效;
  • 案例:学校网页、政府网页、商业网页、电商网页的DIV+CSS布局;
  • DW 网页制作
    • HTML5+CSS3
    • Bootstrap框架
    • 架构移动端网站
  • 移动端页面设计的基本流程、设计原理、设备支持;
  • CSS3新增属性详解:文本、背景、边框、动画等详解;
  • 案例:利用H5+CSS3的制作页面;
  • Bootstrap布局容器和栅格系统;
  • Bootstrap排版、表格、表单、按钮、图片等;
  • 案例:Bootstrap布局设计制作Web页;
  • Flex弹性布局;
  • Swiper实现触摸滑动轮播特效;
  • 媒体查询实现响应式页面设计
  • 案例:制作移动端响应式Web前端网站
  • HTML5+CSS3 移动页面制作 HTML5
    基础元素
    • HTML5移动端页面设计的基本流程、设计原理、设备支持
    • HTML5新增元素、文档结构、多媒体支持讲解
    利用H5的标签制作手机端餐饮类页面
    CSS3讲解
    移动页面设计
    • CSS3新增属性详解:文本、背景、边框、动画等详解
    • CSS3的网页布局原则和实战练习
    CSS3各类特效案例 移动商业成品站制作
    实战建立个人站点 网站的
    基础知识
    • 常见网站的分类:企业站、电商站、博客、论坛、社交站等
    • 网站选型讲解,PC和移动站的差别及建站流程
    • 同类网站调研及优势分析,采用开源程序搭建自己的网站
    • 网站的备份和还原:客服及统计工具安装
    根据自己的行业、兴趣点完成网站选型,同类网站的调研,搭建自己的网站
    服务器和域名的选购、网站的远程部署
    移动页面设计
    • IDC服务商的选择、域名和服务器的选购及注意要点
    • 域名的备案流程、解析等
    • 服务器开通和日常管理
    • 网站在远程服务器的部署详解
    • 网站的日常管理和数据统计
    根据自己的需要购买域名和虚拟主机,远程部署自己的网站
    JS 页面编程 JavaScript脚本
    • JavaScript基本变量定义、常见JS数据类型、JS基本运算与表达式;
    • 基本对话框、分支、循环语句(for、while)讲解,循环应用讲解;
    • JavaScript的Object、Function、String 和正则表达式、内置对象、时间控制、常用函数等;
    • DOM和BOM模型处理;
    • 常见的JS鼠标事件、键盘事件,利用JS修改网页中的元素、利用JS修改CSS等效果、JS网页端验证、JS导航特效、网页特效,Ajax详述;
    案例:利用JavaScript实现表单验证轮播展示等经典页面特效;
    JQuery框架讲解
    • JQuery选择器灵活控制DOM/BOM元素及其属性样式及元素遍历等;
    • JQuery鼠标事件、键盘事件、各类效果与动画讲解;
    • JQuery插件的使用过程,工厂函数$()与回调函数讲解;
    • JQuery的Ajax异步编程、JSON/XML格式数据处理等;
    • JQuery各类网页特效讲解;
    案例:利用JavaScript实现表单验证轮播展示等经典页面特效;
    PhotoShop 应用技能 广告图片
    色彩构图
    • 广告图片字体的选择和排放及对效果的影响,色彩构成原理
    • 用色彩表达冷暖、活跃、华丽、亲切、稳重等
    • PS的颜色模式切换、色板的使用,颜色的填充,渐变的使用等 曲线、曝光度、自然度、饱和度命令、黑白、色调等命令的使用
    优秀广告图和各类色彩构图的 优秀作品赏析,风景照调色等
    PS CS6基本操作、文字排版
    • PS的图像操作、图层操作
    • 图像的编辑和修复:选区的使用和操作
    • PS的画笔、钢笔工具使用
    • PS的文字排版
    调整人物的姿态、修复破损、红眼、眼袋、水渍等,图片的快速美化、发光字、特效文字制作
    PS的特效、抠图、合成等
    • 利用滤镜制作各类特效
    • 蒙版和通道的使用详解
    • 复杂图片的抠图、GIF动态图制作
    拼图特效、插画特效、自传特效、铅笔画特效、钢笔画特效、照片抠图、合成图像特效等

    【优秀作品" 优秀作品 好作品等于敲门砖

    现在砸开的未来的大门吧

    【让“薪情”飞扬 一个月赚回学费

    网页设计师需求巨大 企业高薪重金招人
          

    【三大职业 让你一次学到位

    【海纳百川 汇聚卓越师资力量

    多年行业经验练就卓越技术

    【东方博宜 发挥集团优势

    学员全程参与项目的实施 带着经验轻松就业

    【东方博宜 发挥教学优势

    东方博宜自主培训教材 教学更专业