《网页设计与制作》课程主页

引言

为了激发广大童鞋的学习积极性，让我们的学习更加贴近未来工作需求，便于记录学习过程、总结学习收获、广交朋友，我们在CSDN上开通课程主页，希望大家可以通过CSDN这样的学习平台，更好地提升自我。

课程愿景

我们的目标是经过一系列前端方面课程的学习，能逐渐胜任前端开发工程师的工作要求，因此在认识课程之前，我们先来看一则招聘简章。
来自于上海鲸科信息科技有限公司的前端开发工程师招聘：

职位年薪：13W起，上不封顶
招聘人数：若干
职位职责：
- 如果你热爱尖端 Web 技术，如果你是一个追求美感的细节控，Strikingly会为你提供一个大施拳脚的空间。
- 在HTML, CSS, JavaScript 之上，你会使用 HAML、LESS、CoffeeScript、React+Flux、Angular.js来设计、开发和实现前端功能。
- 同时你也可以尽情发挥创造的热情，用美感和细节打造极致的用户体验。
职位描述：
- 参与公司项目中的Web前端功能设计、开发和实现
- 使用 HTML5、CSS3、OOP JavaScript、Angular.js、Knockout.js 等最尖端 Web 技术开发 PC/Mobile 端应用
- 探索应用前端领域的新技术与新架构
- 与后端开发人员一起研讨技术实现方案，制定服务接口
- 与 UI 设计人员、后端开发人员等配合，高质量完成 Web 前端开发工作
- 快速学习成长，并迅速适应创业团队氛围
职位要求：
- 对网站有优秀的设计感
- 对UI/UX有深入的理解
- 熟悉 HTML5/CSS3 的标准并跨浏览器和平台的兼容性有深入理解
- 精通object-oriented JavaScript, jQuery, DOM manipulation
- 能按照产品模型或框架有效进行 HTML/CSS/JavaScript 开发
- 能迅速熟悉新的前段数据库和架构
- 理解 Web 标准, 熟悉 Git
- 相关专业本科或以上学历，或者同等专业经验
- 熟练的英语沟通能力
加分项：
- 熟悉如何优化前端代码，使其更有效率并确保兼容性
- 熟悉任意 MV* 框架（Angular.js/Knockout.js/ Backbone/Ember等）
- 熟悉任何一门后端语言经验（Node.js/Ruby/Python/Php等）
- 移动 Web 开发经验
- 深刻理解 Web 标准, 熟练解决主流浏览器及不同版本的兼容性问题（IE、Chrome、Firefox)

我们可以看到，企业对岗位的需求非常明确，这个就是我么未来一年半的学习目标。我们将会利用《界面设计》、《网页设计与制作》、《web交互开发》、《移动开发平台》等几门课，逐步的走进前端开发的殿堂。

利用《界面设计》帮您成为细节控，获得优秀网页的设计感，深入理解UI、UX。
利用《网页设计与制作》帮您学习html+css，熟悉 HTML5/CSS3 的标准并跨浏览器和平台的兼容性有深入理解，能按照产品模型或框架有效进行 HTML/CSS/JavaScript 开发。
利用《web交互开发》帮您学习原生javascript语言，逐步掌握object-oriented JavaScript, DOM manipulation，并同时学习jQuery，助力的您的交互开发。
利用《移动开发平台》帮您熟悉移动web开发，了解Node.js、Angular.js、响应式设计等。

课程简介

《网页设计与制作》的主要目标是让您学会使用html+css实现符合web标准、兼容主流浏览器的前端页面。

课程主要内容包括：

web标准和浏览器
html5基础语法、 html5基础标签
css3的基础语法、css3实现样式与布局
浏览器兼容性处理

课程讲义（逐步上传）

课时	内容	讲义	视频	案例
第01讲	课程概述	课程概述	课程概述、sublime的安装	helloworld
第02讲	web标准	web标准	web标准、html+css+js简介	基础表现
第03讲	html5之路	html5之路	html5基础语法	html5与xhtml区别
第04讲	html标准属性	html标准属性	标准属性	简单案例

课程资源

w3school
css3手册在线版，css3手册下载
飞一样的编码-HBuilder, 请大家下载注册使用
史上最性感的编辑器-sublimetext，插件，学习资源。
sublime text常用插件集成破解版下载。
w3cfuns
w3cplus

学友链接

学友	学友	学友	学友	学友	学友	学友	学友	学友	学友
洪京康	张俊	杨昊翔	侯谷昌	王正庭	潘俊宇	何欢欢	戴能	谢伟吉	沈伟超
沈蓥杰	王正	王敏玫	冯方钰	汤慧	朱丽霞	潘宇璐	吴铮铮	姚迪璐	陆侃
王越亮	徐泽锋	郑聪聪	黄钿钿	俞越天	朱剑波	何沂潞	罗洪君	何慧敏	叶剑斌
吴宇宏	杨梦露	吴国秋	黄敬忠	余冰若	林圣钢	李挺	陈伟义	周洁	白婵婵
薛文豪	滕宏静	刘盎卓

学友	学友	学友	学友	学友	学友	学友	学友	学友	学友
方小谭	童煜莹	陈天一	文建都	鲍彬霞	方圆	羊铠雯	郑菲	周琪	林宇
朱浩磊	陈建存	吴勋杰	雷粟	缪航宁	杨嘉炀	蒋敏杰	沈烽	张嵊敢	钱航宽
俞冕	沈皇存	郑珊珊	陈飞	谢阳	王敏涛	张亚丹	王鹏辉	池思敏	谢家敏
诸葛衍程	陈仕权	陈伟健	金增祥	蒋俊	谢中泼	卢俐云	金钿森

课程活动

请大家开通博客，私信给我。
博客积分优先达到100分、1000分、2000分、3000分、4000分的同学请私信我（或本文留言）加分。
博客总浏览量优先超1000、2000、3000、4000、5000的同学请私信我（或本文留言）加分。
单篇博文浏览量优先超100、1000、2000、3000的同学请私信我（或本文留言）加分。
单篇博文评论数 优先超10、20、30、40的同学请私信我（或本文留言）加分。
单篇博文顶数优先超10、20、30、40的同学请私信我（或本文留言）加分。
个人粉丝数超过100请私信我（或本文留言）加平时成绩10分。
激活专栏大人徽章的同学请私信我（或本文留言）加平时成绩20分。
增加佳文分享版块，每人次入选加平时成绩5分，欢迎大家留言本文（或私信我）投稿。
免考任务1-成为博客专家的同学可以免考，优先达到3000分的每班前两位同学请私信我（或本文留言）免考。
免考任务2-模拟百度css3抖动效果

佳文分享

谢伟吉的《大学生学习》值得一读
汤慧的《 HTML标签列表》一个不错的尝试
徐泽锋的《html标签》贵在原创，贵在真实
会写诗的程序媛，请看黄钿钿的《感动了时间》
杨梦露的《strong标签简介》，正是我们需要的文章
余冰若《神奇插件》Markdown了，原创了，你呢？
周琪的《电商页面设计，只需懂六个字》不错不错
林宇的《html基础篇》整理的挺好，格式弄好点，就更美了
张嵊敢的《html》挺好
俞冕的《再别康桥-徐志摩》带我们重温经典
谢阳的《解读前端开发工程师必备技能》挺好，大家不妨一读
陈伟健的《java的背景及就业》经常思考，就是我们blog的初衷之一
卢俐云的《html文件结构》大家不去看看？
黄钿钿的《5种编写网页的软件介绍》值得期待，当然加分。
请大家迅速围观余冰若的《CSS抖动效果》，定有所获。
潘俊宇的《如何成为时间管理者，摆脱拖延症！》我看了很有收获，你也可以看看。
何欢欢的《div与span的区别》总结的不错，不看是你的损失！
姚迪璐《乱入之青春》文字优美但些许伤感，年轻人，不妨更加换快些。
陆侃的《大学生活与未来》写的情真意切，行动起来，go！ go！ go！
黄钿钿《 Sublime Text2 快捷键大全》很赞，很赞！
何沂璐的《阿朴橡皮章教程》很好玩，我喜欢。
童煜莹的《html的链接标签》似曾相识，不过说的很好，赞赞赞，略微自恋的庆哥说。
鲍彬霞的所有文章都很好，可以再加些自己的体会与感悟，哈哈。
周琪的《为什么中国的程序员总被称为码农》大家读后肯定有所获。
林宇的《html链接（思路超清晰）》确实非常清晰，不信你去看。
雷粟的《制作网页几句话》非常朴实，不过很好，L博士可以更上层楼！！
黄钿钿的《用SublimeText2制作网页中的表格》写的非常实用，致敬！
朱丽霞《表格样式设置》比较具体，请大家一看。
姚迪璐《html表格边框》不错不错，非常不错。
林宇的《table表格类标签的应用》非常翔实，请大家一观。
卢俐云《表格标签详解》很好，很强大。

加分快讯

软件141

戴能同学博客积分优先达到100分，平时成绩加10分。
汤慧同学博文《如何在win8系统下建立wifi热点》浏览量超100，平时成绩加10分。
谢伟吉、汤慧、徐泽锋、黄钿钿、杨梦露、余冰若等博文入选《佳文分享》平时成绩各加5分。
汤慧同学博客总浏览量超1000，平时成绩加10分。
黄钿钿、余冰若博文入选《佳文分享》平时成绩各加5分。
潘俊宇、何欢欢、姚迪璐、陆侃、黄钿钿、何沂璐博文入选《佳文分享》平时成绩各加5分。
duang！余冰若同学的模拟百度css3抖动成功，免考免考，请大家找他请客，我们期待他的博文面世。
黄钿钿同学的博文《 Sublime Text2 快捷键大全》评论数优先超10、20，顶数超10，平时成绩加30分。
黄钿钿、姚迪璐、朱丽霞等同学入选《佳文分享》平时成绩各加5分。

软件142

缪航宁博客积分超过100，平时成绩加10分。
周琪、林宇、张嵊敢、俞冕、谢阳、陈伟健、卢俐云等博文入选《佳文分享》平时成绩各加5分。
童煜莹、周琪、林宇、雷粟博文入选《佳文分享》平时成绩各加5分。
鲍彬霞同学好多文章都不错，平时成绩加15分。
鲍彬霞同学单篇博文浏览量超100平时成绩加10分。
林宇、卢俐云等同学博文入选《佳文分享》平时成绩各加5分。