首先感谢大家选择前端小组,这是小组的公用GitHub仓库,存放了诸如公告,说明,教程等等文件,请点击右上角的watch按钮,这样这个库更新了可以收到邮件通知。也可以Star或者Fork,建议学一下Git和Github的使用方法(健神会讲),这在以后工作室开发项目的时候很有用。
*.md文件在GitHub中点击之后可以直接查看
##此Repository结构说明##
- /Notice 各种通知
- README.md 首页
- Recommend.md 推荐网站、软件、资源等等
2015.10.19
关于在GitHub上如何复制到本地,提交,更新,更新到本地,这几天挑个空会写一篇注明
-
选择一种合适的版面布局,优化你的第一次网页排版
可选的方法参考:
- 表格(最简单,在Dreamweaver里可视化程度高)
- div + position/float 可以参考慕课网 http://www.imooc.com/learn/95 或者 http://www.imooc.com/learn/57
-
GitHub
- 注册GitHub,Fork这个Repository
- Clone你Fork的版本到本地
- 将你第一次制作的网页(以文件夹的形式,命名为你的名字)放到 FirstHTML 文件夹下,并提交到你的GitHub上
- 在Github上提交Pull Request给我
如无特殊说明,这就是以后提交作业的方式
-
JavaScript
JavaScript是适用于Web的语言,可以实现更多页面交互效果
- W3School上的JavaScript相关内容
- 实现一个页面, 1. 点击页面中某个元素,可以更改页面上的内容 2. 实现在一个或者(只要是能显示内部文字的标签)中当前时间的实时显示 3. 验证在一个input中输入的是否为合法的手机号码(数字,11位...),并作出相应提示,注意是在输入的时候实时提示 4. (可选)打开你们的脑洞吧<( ̄︶ ̄)>
- 将这个页面提交到 SecondMission 文件夹下
###预告### 下一次培训(并不清楚什么时候=.=)主题计划是居中、定位
##前端的首次任务## 2015.9.29
- 自学 http://www.w3school.com.cn/ 上***HTML、CSS(包括HTML5和CSS3)***的相关内容,对HTML文档结构和一些常用的标签有大致了解,由于HTML4和5有部分差异,以HTML5为准
- 编写一个简单的使用了CSS的网页,JavaScript可以没有,尝试着使用外联样式表
- 推荐软件:
- Dreamweaver CS6及以上,一般网页制作完全可以胜任
- Sublime Text
- xampp(本地建站工具包)https://www.apachefriends.org/zh_cn/index.html
- 推荐网站:
- http://www.w3school.com.cn/
- 慕课网 http://www.imooc.com/
- GitHub 请务必注册账号
- 为了浏览的一致性,尽量避免在不同浏览器上排版不同的蛋疼状况,请以Google Chrome为基准
推荐网站会另成一个文档,各位有推荐的话也可以附上去
本次请在 2015.10.19 之前完成
#最后祝大家国庆假期愉快(≧∇≦)#