感谢邀请，WEB前端目前从市场上看，刚出来的比较难找工作，这一点自己心里要做好准备。
如果你自控能力强可以考虑网上买点视频学，但是如果不行得话可以考虑报个培训班学习一定注意选择线下的一定要，学费基本每个机构都差不多。
WEB前端学习线路图，网络图感觉挺全面
如果你和很多人问过的话都会建议你自学，看一看慕课网的视频外加自己多动手写足够找个牛点的人带一带就能出师（解释防止喷子喷，意思就是能自己干一些简单的html+JS页面，复杂的还需自己更加努力的学习）。
黑马，达内等等web前端其实个人感觉都一样，如果经济条件允许的话，可以找靠谱的培训机构学习。
第一靠兴趣爱好，不喜欢不行，3分钟热度不行。
第二要靠自学，多做练习。
第三就是去实习，刚开始不要好高骛远，只要有实习的机会，就一定抓住，多从实际应用中去积累经验。
首先培训前，你要先了解这个行业，it编程这个行业，前端是做什么的，你看到的电脑上，手机上，pad上，乃至手表的app页面都是前端写的，有些网站的官网啊这些静态页面都是前端写的，还有一些可以点击修改的页面同样有也是前端写的。
其实，培训你要想好去哪个城市学习，建议去互联网一线城市比较好，师资水平也高一些，对于找工作也有利，简历渡了金在去别的城市，工资也会高一些。
其次，机构你要自己好好看看，这儿的水很深，成年人，自己要有判断能力，注意下机构的宣传。
再次，学习氛围真的很重要，你在都学习的环境，你会跟着比着学习，如果是玩的氛围，你慢慢也会跟着玩了，那么你花的钱就白花了。
最后就是机构附近的交通了，你在这儿学完了，你会去找工作的对吧，你找工作的时候交通不方面怎么面试呢，找到工作也最好过了实习期再搬家，实习期工资打8折，房子交三压一，所以交通一定要主要看看合不合适。
还有很多因素，你自己考虑考虑
网页设计插入图像。
插入图像的方法：从插入菜单向下，下面有个图像，图像下面有本地图像，本地图像里面可以用通过自己优盘，也可以通过自己电脑或者移动硬盘都可以。可以把图像插起来。
·如果是图像出问题了或怎么样，可以用提示的东西来提示，就是通过替换文本，这时候通过替换文本，直到图片是来自什么地方或什么都可以来进行说明了。
·另外一种方式，如果这个坏了，在进行编辑的时候，可以快速的替换，一定插入图像。如果图片是坏了，可以击右键，其中有一个方式切换已经插入的出现，这是原来有了，现在如果只怪可以。
·图像插完之后会放到网页上，放网页之后，接着就可以对图像的尺寸进行调整。调整的方法就要两种，听好。
→第一种就直接拉它，有个拖动，还有个边框，边上有小框，可以拉它，可以调整个大小。
→第二种方法在属性面板下面，主要属性面板下面，属性的下面有宽度、高度，可以填数字。同时不管是哪种调整方法，我说了左右开工，在右边显示大小的同时，在左边代码部分会提示出来宽度怎么着，高度怎么着，会变化，这样都把情况看的一清二楚。
这是图鉴，图鉴聊之后可以进一步的美化，美化的方法主要有这几个，一个是高度，一个是亮度和对比度。
·第一个就是在属性面板里面挑这个，去了对话框里面就有亮度和对比度，拉的框就可以了。根据情况，亮度可以调高或者调低，对比度可以调高或调低。根据软件的不同，有可能现在软件的地方有可能不能抢，到时候上机的时候再试试，有的版本里面是可以抢的。
·第二个可以锐化，锐化的是也出来效果，有些图像扁平化或者要锐化，根据这也是调整图像，图美化下面比较有用裁剪。如果图像想要的没有范围的图像，通过这个标识又在数据面板下图像，调整图像的位置，拖动，最后挑回车键就把图像裁剪下来了。
·最后一个是效果，效果是挑图像按钮，出来品质，这个试试软件也可能也用不了，但是有些软件有地方可以用，就是对图像比文化。
下面一个是比较有意思的，单独把这个列出来了，这个是来创建鼠标经过图像的时候的效果，这个是通过插入。插入菜单下一个图像对象，图像对象里面都有一项鼠标经过图像的时候的效果。通过这个可以来创建一个空的一块，同时也可以创建一个绿化宽。
网页设计培训就业实战课程
网页设计培训就业实战课程针对网络公司和专业设计公司的真实需求，专业系统的讲授photoshop/illustrator/flash/dreamweaver/fireworks主流设计软件的操作方法及设计技巧，了解互联网知识，网页设计的软件使用，网站类型，网站风格，培养基本的网站色彩搭配，网站制作流程。学会使用photoshop/illustrator来制作网页图像的设计，如网站标准字，网站按钮设计。
利用HTML语言和CSS样式，来完成网站导航，网站栏目，网站动静态广告，网站的首页及子页面的互动和链接。最后通过案例让学生理解网站配色原理，不同类型的网站风格制作。
网页设计培训软件学习阶段一
网页设计软件PS/Photoshop培训内容介绍
1.PS界面介绍、文件类型、图像类型及色彩模式2.以知识块的讲解方式掌握PS软件八大命令菜单的操作3.从平面设计小型案例入手，精讲解图层、路径、通道三大版块，并通过实际平面设计案例对其进行加深巩固，同时掌握提高图层，路径，通道的综合应用能力4.平面设计课程案例所涉及到的方面：构图、调色，影楼修片， 滤镜处理技术、招贴平面设计、海报平面设计、报纸广告设计 封面设计、网页广告设计等。
网页设计培训软件学习阶段二
网页设计软件AI/Illustrator培训内容介绍
1.Illustrator简介及在平面设计中应用领域2.通过平面设计案例讲解AI软件的工具及命令的使用3.AI排版：图文混排、文字调整、路径文字、断行版式等4.VI视觉设计：标志、名片、字体、提袋、办公标志等5.AI软件在各种印刷品制作技巧，AI卡通形象绘制表现技巧6.实际网页设计案例所涉及到的方面：海报广告设计、户外广告设计、包装平面设计、画册设计、装帧设计、杂志广告设计、报纸广告、插画设计等
网页设计培训软件学习阶段三
Dreamweaver(CSS+DIV)培训内容介绍
1.网站设计的分类及基础知识的介绍2.通过实践操作，熟练掌握HTML的编写方法及语法知识3.CSS样式的创建，选择器的分类4.熟练掌握用DIV+CSS的模式来排版设计网页5.通过大量的案例和实践操作，掌握CSS样式对背景，盒子，浮动（float），定位（position）的修饰技巧及参数的设置
网页设计培训软件学习阶段四
网页设计培训 FLASH/FL课程内容
1.网页设计中Flash界面及应用2.通过logo图标，卡通人物等案例，熟悉网页设计FL软件基本工具及操作方法3.网页设计FL的三大元件：图形，按钮，影片剪辑4.FLASH的各种补间动画在制作时的操作要领5.三大图层（普通层，引导层，遮罩层）的讲解6.通过flash中AS脚本基础指令的讲解，可以配合案例制作出常用的网站动态导航
网页设计培训软件学习阶段五
网页设计培训FIREWORKS/FW内容;
掌握fireworks修图的基础技能，掌握如何使用fireworks裁切图片，使用切片工具修整素材，了解图层、色阶、图层样式，路径等基础知识，学成后可以将网上的任意素材修改成自己想要的图片装点网页。
网站设计培训实战项目一
网站设计培训网站色彩搭配体系
网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。
1.网站设计色彩搭配的原则
2.网站设计中色彩搭配要注意的问题
3.网页的底色的搭配
4.网页图片色系的搭配
5.WEB网站设计中文字字型的搭配
网站设计培训实战项目二
网站设计培训网页排版体系
网站的排版是让网页浏览者阅读方便，且内容主题明确的重要指针，若网站的排版经过精心规划，将会使浏览者更能迅速的找到所需的资料。
1.网站设计中排版的层次结构
2.网页设计中段落的间距技巧应用
3.WEB网站中的字体大小/粗细对比的技巧
4.网页排版的五大原则：平衡性、对称性、对比性、疏密度以及比例
网站设计培训实战项目三
网站设计培训网页内容体系
网站的内容，就如同书的文字一般重要，书没有了内页，就算封面再漂亮、再精致，都只是个徒俱美丽空壳的纸版罢了。网站也是一样的道理，如果网站没有内容，就算装扮得再美轮美奂，也不能称为网站。
1.网站的主题明确
2.网站的整体实用性
3.文件的关联性
4.内容是否切合度
网站设计培训实战项目四
网站设计培训网页设计风格体系
“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体）、版面布局、内容价值等等诸多因素。
1.网站标志（LOGO）
2.网站色彩
3.设计网站字体
4.是用精炼有效的语言