上海web前端学什么

web前端HTML5/CSS3布局与样式

一.HTML标签

HTMl5、H5标签、智能表单、结构化标签

随堂项目：

1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息 2.利用table标签课程表的实现 3.利用form、input表单标签实现简单登录注册页面

二.CSS基础语法常见样式

CSS3简介、.css3引入、常见样式、文字与文本、颜色

随堂项目：一般导航栏的制作

三.CSS选择器 css选择器、名字选择器、外号选择器、洋葱式选择器的用法、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器

CSS盒子模型 盒子模型、如何用好盒模型

随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定

四.浮动与定位 float、clear、塌陷的父容器、position：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)

随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮

五.响应式布局与页面优化处理 移动页面与PC端页面布局时候需要注意点、响应式布局的实现原理、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题

随堂项目：移动端的用户注册页面、PC端的用户注册页面。

六.静态页面切图实战项目

企业站实训：1.首页导航 2.banner图 3.模块展示 4.新闻中心 5.产品中心 5.友情链接 6.版权申明

商城站实训：1.搜索框 2.头部导航 3.分类菜单 4.banner图 5.分类商品 6.帮助中心 7.版权备案

专题站实训：重点练习H5变形动画的添加，使页面有动态交互效果

个人页面：根据自己设计的个人页面效果图实现静态页面，独立完成切图和代码过程，指导添加动态效果，并整

上海Web课程内容牛！

页面制作

第一阶段：课程模块数量五个，项目实训：京东首页的实现，聚美优品首页实现、淘宝首页实现。

注册界面制作

第二阶段：课程模块数量是哪个，项目实训：京东登录，京东注册、淘宝登录、淘宝注册。

服务器通信

第三阶段：课程模块数量两个，项目实训：TMOOC、服务器通信分析，以及服务端部署。

小游戏开发

第四阶段：课程模块数量五个，项目实训：飞机大战、飞翔的小鸟

上海web前端课程有什么特色?

1、 与服务器端交互

深入讲解客户端/服务器、动态网站以及网络通信等前后端开发相关概念，并且开设后台编程语言PHP相关课程，使学员能够开发简单的动态页面和后台接口。

2、移动端开发技

能让学员全面掌握HTML5、CSS3、Bootstrap主流适配方案、移动端布局、主流响应式布局框架、touch事件、以及移动端常用框架iScroll、Swiper、Fastclick、Zepto、Framework7等。

3、模拟企业真实开发。完全模拟企业中的真实开发，从交互稿、设计稿、接口文档，到项目打包工具，源代码管理工具，团队式开发，让学员在学习的过程中，真实体会企业开发完整过程。

4、引入三大流行框架

课程引入当前三大流行开发框架Vue.js、React.js、AngularIS，按照公司项目开发协作流程开发项目，让学员了解到公司一个项目开发的整个生命周期。

web前端页面设计流程：收集素材

在网站整体规划完成之后，就可以收集网页设计需要的素材了。丰富的素材能够让设计师更**地完成网站的设计，还能极大地节约设计成本。在网页设计中，收集素材主要包括两种，一种为文本素材，一种为图片素材，具体介绍如下。

1. 文本素材

设计师可以从书刊、网络上收集需要的文本，然后将这些文本加工、整理，制作成Word文档保存。需要注意的是，在使用搜集的文本素材时要去伪存真、去粗取精，加成自己的素材，避免版权纠纷。

2. 图片素材

只有文字内容的网站对于访问者来说是枯燥无味的，因此在网页设计中，往往加入一些图片素材，使页面的内容更加充实，更具有可读性。设计师可以从网上的些图片素材库获取图片或者自己拍摄一些图片作为素材。同时在使用图片素材时也需要注意版权问题。值得一提的是，在收集素材时，为了将素材类别划分清楚，一般都会将其存放在相应的文件夹中。例如，文本素材通常存放在名为text的文件text夹中，图片素材通常存放在名为images的文件夹中。