最适用于marketing等商科文科生的计算机语言

最近听朋友抱怨，但凡是吃香一些的工作，似乎都或多或少的，要和编程扯上些关系，搞得“会写代码”像是人人都有的必备技能。她一个从小偏科严重的文科生，表示苦不堪言。

其实，也不是所有的“代码”都像C语言，Java，和C++，…那么难搞的。

今天，就要隆重向大家介绍一位计算机语言界平易近人的“小公举”——HTML。

以及，她的好基友——CSS

如果你想构建自己的网站！

请关注北美职通卡

7月9日

星期天东部时间晚八点

前端免费试听课程

加“北美求职小管家”微信号：

uscareerpass1

回复“前端试听”

小编将把你拉进前端课程群，

第一时间告诉你上课方式以及第一手资讯！

她是谁？她的好基友又是谁？

HTML

全称 Hyper Text Markup Language，超文本标记语言。

超文本

：网页中不光可以放文本，还可以放图片，视频，音乐。

标记（标签）

：<head></head> , <meta/>

语言：与浏览器沟通的一个方式，就好像和美国人沟通用英语一样。

CSS

全称Cascading Style Sheets，层叠样式表。比如宽度，高度，以及颜色。这些都是层叠样式。。

HTML/CSS 是做什么的？

简单来说，他就是做网站以及email广告的！我们学习了这两个语言，就可以把视频，音乐，图片等信息整合到这些平台上。举个例子，如果说HTML是一个房子，CSS就是他的装饰，JavaScript就是控制房子的东西，例如电灯开关，电梯开关等。三个语言组合到一起就成就了网站。总的来说，你眼睛所能看到的东西，都是前端开发工程师来完成的。

◎ HTML语言可以让你为网页添加除文字外更加丰富的内容元素。

◎ CSS能帮助你实现对页面的编排布局，使它变得更为精美。

◎ HTML和CSS它俩总是一起合作，来为你创造出精美的网页，邮件，…。

如何解读HTML和CSS？

◎ HTML语言由许多元素（element）构成。

而每一个元素（element）则由首标签（start tag），内容（content），和尾标签（end tag）一共三个部分构成。

那么前端开发工程师需要的条件是什么？

1，有兴趣。

2，会用计算机敲字~

有木有很简单~！！

为什么她是平易近人的“小公举”？

不同于其他复杂的程序语言，只被特定人群所接触。HTML语言和CSS是每天每个人都会接触到的。

其实，我们每天使用浏览器上网，浏览网页，在线听歌、看图、看视频…都是在大量的接触HTML语言和CSS。只不过，我们所直接接触的是经由浏览器“翻译”过后的成果。

HTML语言和CSS是很容易被创作和解读的，你不需要用到其他复杂的，专门的程序或软件去编写和读取HTML语言和CSS。

基本上，你只需要两个东西就能具备编写和读取HTML语言和CSS的所有条件，即文本编辑器和浏览器。

HTML 和 CSS 就是好学！易上手！

为什么我需要她和她的好基友？

很多商科以及文科上都要问了，我不是学前端开发的，那我要掌握这些做什么？小编以实际经历告诉你，现在在美国就业，商科的职位也需要用到HTML和CSS。例如 email marketing, 制作表格，制作广告文案等等。而且技多不压身，试想一下商科背景出身的你，却会计算机语言，老板不重用你用谁~！

什么工作会需要具备

熟练使用HTML和CSS的能力？

Email Marketing Specialist

网站设计人员

前端开发人员

Front-end engineer (IT类，web 前端开发工程师)

UI engineer（工程类，交互工程师）

Email marketing developer/Digital marketing ( 商科，电子邮件营销/QA 分析测试 )

Product designer ( 设计类，产品以及营销设计产品)

Graphic designer (设计类，图形图像设计)

前端工程师常用的网站：

◎ Icon下载（免费）：

http://www.iconfont.cn/

◎ 在线配色（免费）：

http://www.shejidaren.com/examples/tools/color-scheme/

◎ 高清背景图（免费）：

https://unsplash.com/

◎ 小图标以及GIF图片下载制作（不免费）：

https://preloaders.net/en/people_and_animals

◎ 代码分享网站（免费）：

http://codepen.io/

◎ 前端开发编辑器（写代码的工具）：

hBuilder（中国）, sublime, dreamwever

◎ 代码查询网站（免费）：

http://www.w3school.com.cn/
http://www.runoob.com/html/html-tutorial.html

Html/CSS书籍分享：

《Head first HTML&CSS》

入门级必备，插图丰富，简单易学。

《CSS权威指南》

内容全面，需要一点点基础，查阅资料时可看。

《精通CSS》

高级WEB 标准解决方案：进阶必备。

休息一下，小程序练习

第一步，打开notepad(记事本)

第二步：复制粘贴如下代码

<!doctype html>

<html>

<head>

<title>Small exercise!</title>

<style>

body { background-color:#333; }

#snow{

background: none;

font-family: Androgyne;

background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

z-index:1;

-webkit-animation: snow 10s linear infinite;

-moz-animation: snow 10s linear infinite;

-ms-animation: snow 10s linear infinite;

animation: snow 10s linear infinite;

}

@keyframes snow {

0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-moz-keyframes snow {

0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}

}

@-webkit-keyframes snow {

0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

@-ms-keyframes snow {

0% {background-position: 0px 0px, 0px 0px, 0px 0px;}

50% {background-position: 500px 500px, 100px 200px, -100px 150px;}

100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}

}

center {

color:white;

font-size:30px;

margin-top: 100px;

}

</style>

</head>

<body>

</div>

Welcome to use HTML/CSS!

</center>

</body>

</html>

第三步，把文件保存名字命名为：小练习.html

第四步，右击用chrome打开

一起学HTML & CSS

恭喜你哟~这是你的第一个小程序~~

有没有很好玩，学会了这些你也可以自己敲哟~

以上是小练习的最终效果，

你的小程序是不是也是这样呢～

7月9日

星期天东部时间晚八点

前端免费试听课程

戳右方的二维码，

加“北美求职小管家”微信号：

uscareerpass1

回复“前端试听”,

小编将把你拉进前端课程群，

第一时间告诉你上课方式以及第一手资讯！

北美求职

小管家

（p.s. 前端课程的详细信息将会在以后的推送中具体介绍，

感兴趣的小伙伴记得关注我们的公众号噢！)

END

往期推荐 （点击文字或图片可查看原文）

内推

AICPA

暑期SQL课程

留美途径汇总

简历定制

Offer榜

向下滑动查看~

Name

University

Offer

Company

Offer

Angela

Rutgers

University

Ernst & Young

Internship

Alison

RPI

PineBridge

Investments

Full Time

Stephanie

Boston

University

Citigroup

Full Time

Tim Kan

Brauch

College

JP Morgan

Full Time

Ann Li

UC Davis

Noell Agnew&

Morse

Full Time

Jessica He

Yeshiva

University

Department of Finance in NYC

Full Time

Cindy Fang

Brandeis

University

PwC

Full Time

Sean Zhang

Boston University

GMO

Internship

New York University

PwC

Full Time

Nicole

University of

California

Encore

Capital Group

Full Time

北美职通卡（USCareerPass.com）是总部位于波士顿金融区，由来自高盛、摩根大通、黑石、美银、麦肯锡、贝恩、谷歌、亚马逊、强生等世界500强企业的北美精英们共同搭建的一个专注于留学生求职咨询和职业信息分享的一站式平台。

我们以学生的职业需求和个人背景为导向，提供量身定制的职业规划、简历修改、求职信修改、LinkedIn打造、模拟面试、行业集训营、技能打造线上线下课程、公司内推以及VIP长期一对一辅导等服务。迄今为止，北美职通卡已经帮助上百名的留学生成功收获心仪的offer。

【求职培训】【技能课程】【实习内推】【全职Offer】

北美最专业的一站式求职咨询和培训平台

长按关注北美职通卡

让你北美求职不再难！

微信公众号ID ： CareerPass

继续阅读

阅读原文