Skip to content

Latest commit

 

History

History
108 lines (67 loc) · 8.46 KB

readerme.md

File metadata and controls

108 lines (67 loc) · 8.46 KB

#16058121 汪志伟的报告


为什么做这个页面

这个过程想必对每个同志都是简单却又极其困难的。一开始我反正是一脸蒙蔽,想着拿上学期的作业应付一下得了,但是看到身边的同学都在自己手敲代码,认真地构思自己的页面,所以硬着头皮也就上了。没想到,自己动手去写页面还是有很多意思的,首先能看到页面样式可以通过自己的双手去改变,所以就来了兴趣。再一想,做什么才能有东西去写,写游戏吧,自己又不是太了解,最多只能写王者荣耀;写音乐吧,自己又没有太多自己的见解,顶多听得歌次数比较多而已;写电影吧,自己又很久没看过了,而且好像写不了四个页面;最后还是篮球吧。毕竟自己对篮球还是很喜欢的,又挺了解的,它又陪伴了我多少节课啊!NBA,一辈子离不开的东西,做一个属于自己的NBA网页,想必是顶好的,不管是好看还是不好看,毕竟都是自己的,自己日后看看也是顶好的。

自己所期待的效果

想做成一个简单版的腾讯NBA新闻页面,且这个页面一看起来就是说属于个人自己的页面。把自己喜欢的球星,视频给放上去,给自己看,给喜欢NBA的人看。

内容来源

轮播图是从jQuery库里找到,图片都是从网上下载的。大部分链接都是外部链接,包括文档链接和视频链接。

四个页面包括MYNBA首页,其次是我心目中的NBA球星,NBA视频,相互交流的表单页面

1.首页的简介,首页url地址:https://wanglaofei.github.io/MY-NBA/

首页最上端是一个ul列表,内容就是自己的四个页面。下面用了一个轮播图增加画面的美感,之后是一个nav导航栏,最下面是用div元素组成的块状集团,这块页面我是参考杭电官网那个页面板块做得。这个主页面主要用了div元素来完成的,感觉用div元素来分割页面更加轻松方便。

2. 第二个页面简介

第二个页面这要是一个类似文字百科一样的页面,为了丰富页面,我同样放了一个轮播图在上面。之后用nav导航栏进行页面导航。主要的内容就是我目前比较喜欢,也是目前NBA联盟比较厉害的几个人。我主要写了一下我对这些player的看法。

3.第三个页面简介

作为一个球迷,没有NBA视频看那必定是很难受的,所以我就准备放一些我最喜欢的NBA视频上去,但老师要求不能传太大到git上面,所以我就把视频改成外联模式了,但感觉没有自己下载下来的视频好,但只能将就着了。

4. 最后一个页面的简介

最后一个页面有点点应付的感觉,是一个简单的表单页面。表单看似没有太多内在联系,实则很有联系,具体什么联系就不透露了。

一.前期,制做页面遇到的困难

  • padding,margin,border的区分
  • 绝对路径和相对路径的理解
  • 对网页整体的布局,往往自己想的和现实有点差距
  • 对div的运用
  • js应用是往往出现的问题完全不知所措
  • 对position中的fixed,relative,inherit的理解费劲
  • px,em,%不知道到底该啥时候用最合适
  • 页面的美观程度,每次自己做完的我都不忍
  • 还有太多了,写不完啊......

二.中期,制做页面解决困难的方法

  • 最主要的当然是上课老师的讲解,虽然还有很多不会的,但还是学到了不少
  • 其次重要的是请教同寝室,同班级的大佬,感谢他们的雪中送炭
  • 再其次就是自己的不断尝试,但是页面还是丑的不行
  • 对其他页面的模仿,如杭电官网,腾讯视频的首页面

三.终期,制做页面掌握的知识

  • 首先我学会了去查w3c的手册,学会从网上查询自己不懂的知识
  • 然后我学到了可以直接从页面的检查窗口研究页面的设计
  • 然后学到了很多对页面的基本理念。原来那些好看的不好看的都是像我们一样的程序员手写敲出来的。致敬致敬
  • 我也学会了自己可以通过种种方法做出酷炫的轮播图,学会了做一些简单的页面,尽管还不堪入目。
  • 我还学到了在前端这条路上还是很难,很漫长的

cmd-markdown-logo


页面有哪些优势和劣势

一.优势

1. 页面风格让人耳目一新

同寝室同都说我这个页面看起来有点像上世纪的页面,说有点历史的沧桑感和陈旧感。没错,这就是我的优势,一种返璞归真的感觉,一种简单普通的感觉。

2. 内容有感情和逻辑

四个页面全都是关于NBA,都说关于我心目中的NBA,尽管做得不是太好,但是里面的文字内容都是自己对NBA的真挚情感。着几个页面也是我能做出来比较好的那个了。

3. 技术简单却实用

我没有用那些很高大上的技术,但我尽量把我会的和老师要求的都运用上去了。但从页面效果来看,好像还没有运用的太好。

二. 劣势

1. 技术还是硬伤

因为我对电脑还是一个新手,很多知识也就听得云里雾里的,学起来还是很费劲的,至少比打球费劲多了。尽管老师上课教了很多东西,但是自己还是有很多没有掌握。所以在制做页面的时候,需要借鉴其他页面,需要不断问别人。最终页面也不是特别好看。

2. 内容缺乏

我就感觉第一个页面内容还行,其他三个页面实话来说,的确有一些单调。自己从开始做到现在,也不知道去添加什么内容。

开发体会与心得

1. 从开学第一课到最后验收,其中遇到了很多很多困难,比如上课的节奏难掌握,老师讲解的东西需要花很多时间去吸收。在做这个四个页面的过程中,更是花了很多时间。每次遇到不会的,一边自己去问同学,一边去查文档,不知不觉中,自己学会了有意识的去查资料,知识我之前没有的;同时,也增加了与同学的关系,感觉他们学得确实比我好。

2. 开发网页,也需要很大啊的耐心。因为你很难做到敲下的代码所产生的效果就如你想的一样,这时候需要你去检查,去慢慢调试,去不断改进。有时候因为一些不明显的错误导致效果不能显示,而我们的编辑软件也没有明显提示,这时候的我们耐着性子去找错。有时候找不到,问人查资料都解决不了的时候,心里还是会很别扭的。当然了,突然给你解决后,心情也会突然很好,感觉挺有成就感的。

3. 大学毕业之后,我们大家可能有不同的发展方向,有的人会往前端发展,有的人会往后端发展,有的人比较厉害会全面发展。可能对于那些有一个明确方向的同学,他们便放弃了对另一方向的学习。就像有的人准备朝后端发展,便放弃了对web的学习,我觉得这是一种错误的想法,多学一门课程肯定对我们有好处。毕竟作为计算机专业的学生,不求全面掌握,但是我们至少对每门专业课有一定的了解,顺应“市场”的需求,可能以后前端的人才需求会更多,更有前途。

实话说,有时候感觉做页面还是挺有趣的,自己写什么就会出现什么样的页面效果,挺好玩。但是有的时候半天做不出一个新的东西的时候还是会心里不得劲。

对未来的展望

这次用了一个学期做了四个简单的页面,虽然做得并不怎么,但是还是有点小小的骄傲,毕竟这是自己亲手做出来的。也让我看到做一个程序员并不是一个简单的工作,希望在日后的学习生活中能踏实学习,掌握这些基本的语言,知识,能力,为未来社会的需要做准备。我也希望未来能做出一个更好看的页面,更加有内容的页面。我也相信未来的代码生涯会不会简单,但我也相信我的代码生涯会更加精彩。
cmd-markdown-logo

震惊!震惊!震惊!

  • 本页面支持Chrome,Firefox浏览器。
  • 开发工具:SublimeText3;Markdown;Webstorm;
  • 版本:主要用css和html,还有html5,css3的一些少量新特性; 再一次感谢老师花费时间阅读这份报告!!!