广东理工职业学院 首页 课程

全部课程> 网页制作技术

网页制作技术

来源:广东理工职业学院

  • 2018-08-27  -  2023-12-29 72课时(建议每周学习4小时)
  • Office 文档处理;图像处理
  • 自主模式

已有53960人报名学习

  • 课程概览
  • 授课讲师
  • 课程大纲
  • 课程概览
  • 授课讲师
  • 课程大纲

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

课程概览

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

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

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

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

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

邱炳城

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

课程大纲
  • 第1章Web设计基础
  •     第1节理论 Web设计的基本原则
  •     第2节理论_Web设计的基础概念
  •     第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