免费课程 在线实验 就业课程 会员免费课

/ 注册

新用户注册赠送7天免费会员

没有解决您的问题?扫描二维码加入博睿云交流群畅所欲言吧!
使用帮助

全部课程> 网页制作技术

网页制作技术

  • 72课时(建议每周学习4小时)
  • Office 文档处理;图像处理
  • 自主模式

免费

已有67614人报名学习

  • 课程概览
  • 授课讲师
  • 课程大纲
  • 实验列表
    网页制作技术
  • 课程概览
  • 授课讲师
  • 课程大纲
  • 实验列表

本课程是计算机各专业的一门专业必修课程,对应“WEB前端开发”职业岗位。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具、Html、css、JavaScript综合应用,能够设计制作一些综合的静态网站,并具备网站的建立和维护的基本能力。

课程概览

1) 培养学生的动手能力及自学能力,并掌握Web前端的的基本设计思想和开发方式;

2) 熟悉Web前端开发过程,

包括需求分析、设计、编码等;

3) 巩固理论基础和提升分析和设计能力, 实践主流的Web前端设计工具;

4) 强化动手能力,掌握Web前端常用的插件的用法;
5) 熟练掌握行业生产标准,按照生产级验收标准实施考核要求;
6) 体验部分开发管理过程,如:项目计划与跟踪, 编码规范等;
7) 采用IT企业工作环境和制度,培养一定的职业素质。                               
授课讲师

邱炳城

教授,计算机应用硕士研究生,计算机网络管理员技师(二级),计算机操作员职业技能鉴定专家,计算机职业技能竞赛国家级裁判,学校教学名师,省级优秀教学团队负责人。

课程大纲
  • 第1章Web设计基础
  •     第1节 理论 Web设计的基本原则
    视屏名称:01理论 Web设计的基本原则.avi
  •     第2节 理论_Web设计的基础概念
    视屏名称:02理论 Web设计的基础概念.avi
  •     第3节 实战 项目文件系统结构与切图问题
  • 第2章HTML基本结构和CSS样式
  •     第1节 理论 HTML基本结构和CSS样式
  •     第2节 实战_meta标签和title标签的使用
  • 第3章样式重置、版心区域设计和收藏模块设计
  •     第1节 理论_文字标签
  •     第2节 理论_图像标签与路径问题
  •     第3节 理论_background属性的使用
  •     第4节 理论_背景图像的设置
  •     第5节 实战_样式重置
  •     第6节 实战_版心区域设计和网页模块
  •     第7节 实战_样式文件创建与首页模块划分
  •     第8节 实战_收藏模块设计
  • 第4章CSS浮动和LOGO层设计
  •     第1节 理论_盒子模型
  •     第2节 实战_设计header层样式
  •     第3节 实战_LOGO层的划分与浮动设置
  •     第4节 理论_CSS中的浮动与清除
  •     第5节 实战_LOGO图片的设计
  •     第6节 理论_表单元素
  •     第7节 实战_搜索层设计(上)
  •     第8节 实战_搜索层设计(下)
  • 第5章列表、超链接和导航栏设计
  •     第1节 理论_列表
  •     第2节 理论_列表的应用
  •     第3节 实战_导航层设计
  •     第4节 理论_超链接的基本语法
  •     第5节 实战_导航层设计补充
  •     第6节 理论_超链接的伪类
  •     第7节 实战_超链接伪类的使用
  • 第6章首页左侧分栏和右侧公告栏设计
  •     第1节 理论_层的显示和隐藏
  •     第2节 实战_首页主体部分结构分析与样式文件设计
  •     第3节 实战_左侧分栏基本框架设计
  •     第4节 实战_左侧分栏列表项设计
  •     第5节 实战_左侧分栏列表项完善
  •     第6节 实战_中部图片banner和右侧公告区的基本框架设计
  •     第7节 实战_商城公告层基本架构设计
  •     第8节 实战_商城公告层上部分设计
  •     第9节 实战_商城公告层完成
  • 第7章CSS中的溢出、定位和首页轮播图样式设计
  •     第1节 理论_定位的基本概念与相对定位的应用
  •     第2节 理论_绝对定位、固定定位以及z-index的应用
  •     第3节 理论_溢出的概念及其应用
  •     第4节 实战_图片banner层的定位处理
  •     第5节 实战_图片banner层样式设计
  • 第8章首页节日促销模块与每日团购模块设计
  •     第1节 实战_节日促销层的框架设计
  •     第2节 实战_节日促销层顶端的设计
  •     第3节 实战_节日促销层底端的设计
  •     第4节 实战_每日团购层的设计
  • 第9章块级、行内元素的使用和疯狂抢购模块设计
  •     第1节 理论_CSS中元素的分类
  •     第2节 理论_行内元素与块级元素的区别
  •     第3节 理论_行内元素与块级元素的转换
  •     第4节 实战_疯狂抢购层的框架设计
  •     第5节 实战_疯狂抢购层的上端内容和样式设计
  •     第6节 实战_疯狂抢购层的下端内容和样式设计
  •     第7节 实战_疯狂抢购层的下端文字内容的溢出设计
  • 第10章限时抢购模块和具体商品分类模块设计
  •     第1节 实战_限时抢购层的右侧品牌展的结构和样式设计(上)
  •     第2节 实战_限时抢购层的右侧品牌展的结构和样式设计(下)
  •     第3节 实战_家电通讯层左侧的样式和内容设计
  •     第4节 实战_家电通讯层左侧中部无序列表的设计技巧
  • 第11章页脚模块设计和首页完成
  •     第1节 实战_页脚部分框架设计及技巧
  •     第2节 实战_页脚部分内容添加与样式设计
  •     第3节 实战_项目首页静态效果完成
  • 第12章JS基础与HTML、CSS控制
  •     第1节 理论_JS入门
  •     第2节 理论_JS中常用的功能
  •     第3节 理论_JS获取网页元素
  •     第4节 理论_JS控制对象的CSS
  •     第5节 理论_JS控制HTML元素
  • 第13章Tab切换和首页疯狂抢购模块的JS特效设计
  •     第1节 实战_Tab键切换效果的标签特效设计
  •     第2节 实战 疯狂抢购层下端的HTML结构和样式完善
  •     第3节 实战_疯狂抢购层下端的JS特效设计
  • 第14章JS定时器的使用与JQuery基础
  •     第1节 理论_JS中的定时器的功能与分类
  •     第2节 理论_JS中定时器的清除
  •     第3节 理论_JQuery入门
  •     第4节 理论_JQuery的书写步骤
  •     第5节 理论_JQuery控制CSS
  •     第6节 理论_JQuery控制HTML
  • 第15章首页轮播图设计
  •     第1节 实战_首页轮播图的结构和样式设计
  •     第2节 实战_首页轮播图右下方的切换按钮JS特效设计
  •     第3节 实战_首页轮播图按钮点击后的图片切换效果设计
  •     第4节 实战_首页轮播图自动播放效果设计
  •     第5节 实战_首页轮播图鼠标指针变化设计和其他JS效果调整
  • 第16章各页面右侧的公共部分设计
  •     第1节 实战_公共部分的返回顶部按钮的结构和样式设计
  •     第2节 实战_公共部分的返回顶部按钮功能的HTML写法
  •     第3节 实战_公共部分的返回顶部按钮功能的JS代码设计
  •     第4节 实战_公共部分的在线客服模块设计
  • 第17章服装城子页面结构划分与基本结构设计
  •     第1节 实战_服装城子页面的基本结构分析与大框架搭建
  • 第18章服装城子页面详细设计
  •     第1节 实战_服装城子页面的详细设计
  •     第2节 实战_服装城子页面的页脚部分样式调整
  • 第19章搜索子页面设计
  •     第1节 实战_搜索子页面的结构与样式设计
  • 第20章商品详情页面基本结构设计
  •     第1节 实战_商品详情页面的结构与样式设计
  • 第21章商品详情页面放大镜效果设计
  •     第1节 实战_商品详情页中放大镜效果设计原理介绍
  • 第22章购物车页面基本结构设计
  •     第1节 实战_购物车页面基本结构分析
  • 第23章购物车页面进度条设计技巧
  •     第1节 实战_使用JS处理进度条显示(上)
  •     第2节 实战_使用JS处理进度条显示(下)
  • 第24章项目完善
  •     第1节 项目完善之超链接设计(text-decoration属性)
  •     第2节 项目完善之导航背景(JQuery设计)
  •     第3节 项目完善之图片悬停的提示文字(title属性)
  • 第25章响应式设计入门及其原理
  •     第1节 理论_响应式概念
  •     第2节 理论_视窗口viewport
  •     第3节 理论_媒体查询
  •     第4节 理论_媒体查询案例演示
  • 第26章项目回顾与总结
  •     第1节 项目总结
  • 第27章bootstrap_入门(3节)
  •     第1节 bootstrap_概述
  •     第2节 bootstrap_下载和引入
  •     第3节 bootstrap_移动设备优先和布局容器
  • 第28章bootstrap_栅格系统(5节)
  •     第1节 bootstrap_栅格系统_网格选项
  •     第2节 bootstrap_列偏移和嵌套列
  •     第3节 bootstrap_列排序
  •     第4节 bootstrap_标题,副本和强调
  •     第5节 bootstrap_缩写,地址,引用和列表
  • 第29章bootstrap_表单与表单组件(4节)
  •     第1节 bootstrap_表格
  •     第2节 bootstrap_表单布局
  •     第3节 bootstrap_表单控件,静态控件和表单控件状态
  •     第4节 bootstrap_空间大小,帮助文本和额外图标
  • 第30章bootstrap_常用组件(12节)
  •     第1节 bootstrap_字体图标
  •     第2节 bootstrap_图片
  •     第3节 bootstrap_辅助类
  •     第4节 bootstrap_响应式实用工具
  •     第5节 bootstrap_下拉菜单_默认情况
  •     第6节 bootstrap_对齐和标题
  •     第7节 bootstrap_下拉菜单_分割线和禁止按钮
  •     第8节 bootstrap_按钮组
  •     第9节 bootstrap_按钮下拉菜单
  •     第10节 bootstrap_输入框
  •     第11节 bootstrap_导航
  •     第12节 bootstrap_默认导航栏和响应式导航栏
  • 第31章bootstrap_常用插件(20节)
  •     第1节 bootstrap_导航栏表单
  •     第2节 bootstrap_导航栏按钮
  •     第3节 bootstrap_文本,链接和对齐方式
  •     第4节 bootstrap_fix-top,static-top,inverse
  •     第5节 bootstrap_分页和面包式导航
  •     第6节 bootstrap标签,徽章和巨幕
  •     第7节 bootstrap_警告框,标题和缩略图
  •     第8节 bootstrap_进度条
  •     第9节 bootstrap_媒体对象
  •     第10节 bootstrap_列表组
  •     第11节 bootstrap_面板
  •     第12节 bootstrap+well
  •     第13节 bootstrap_模态框
  •     第14节 bootstrap_下拉菜单插件
  •     第15节 bootstrap_标签页插件
  •     第16节 bootstrap_提示工具(tooltip)
  •     第17节 bootstrap_警告框
  •     第18节 bootstrap_按钮插件
  •     第19节 bootstrap_折叠插件(手风琴)
  •     第20节 bootstrap_广告轮播图
  • 第32章bootstrap_布局与弹性盒模型介绍(4节)
  •     第1节 流式布局
  •     第2节 弹性盒模型_概念介绍和第一个例子
  •     第3节 弹性盒模型_align-items等
  •     第4节 弹性盒模型_direction,justify-content
  • 第33章HTML5 与 Ajax (36节)
  •     第1节 开发环境搭建
  •     第2节 第一个html
  •     第3节 发起第一个Ajax请求
  •     第4节 html结构元素
  •     第5节 html表单
  •     第6节 登录和加载数据
  •     第7节 动态展示table数据
  •     第8节 html块级性标签
  •     第9节 iframe的与列表
  •     第10节 ajax自动更新的表格
  •     第11节 div布局
  •     第12节 自定义播放器
  •     第13节 拖拽功能
  •     第14节 新表单
  •     第15节 jquryA
  •     第16节 客户端表单验证a
  •     第17节 表单验证b倒计时器
  •     第18节 漂浮的广告
  •     第19节 执行顺序与闭包
  •     第20节 数组的应用
  •     第21节 省市级联的二维数组
  •     第22节 json格式
  •     第23节 动态添加的表单
  •     第24节 使用jqeasyUI_1
  •     第25节 使用jqeasyUI_2
  •     第26节 sessionStorage
  •     第27节 H5本地存储WebSQLAPI_1
  •     第28节 H5本地存储WebSQLAPI_2
  •     第29节 manifest离线缓存
  •     第30节 canvas
  •     第31节 绘制line
  •     第32节 连连看小游戏
  •     第33节 后台数据接口
  •     第34节 删除_1
  •     第35节 删除_2
  •     第36节 添加
实验列表
节数上课时间星期一 星期二星期三星期四 星期五星期六星期天
第1节08:00 - 08:40
第2节09:00 - 09:40
第3节10:00 - 10:40
第4节11:00 - 11:40
第5节14:00 - 14:40
第6节15:00 - 15:40
第7节16:00 - 16:40
第8节17:00 - 17:40
天数上课日期上课时间内容
相关课件 更多
  • zip

    效果图psd文件

    大小:7.4MB

    2018-11-30

  • rar

    JS产品图片局部放大效果

    大小:615.7KB

    2018-11-30

  • docx

    项目总结

    大小:13.05KB

    2018-11-30

  • rar

    讲义资料23

    大小:38.54KB

    2018-11-30

  • rar

    讲义资料22

    大小:129.79KB

    2018-11-30

  • rar

    讲义资料21

    大小:1.87MB

    2018-11-30


课程名称:
网页制作技术
课程现价:
0
支付方式:
支付宝支付
微信支付
确认支付
支付剩余时间: 15:00
视频试听