今天心血来潮,想搞个“个股频道官网”,记录下我关注的那些股票。说干就干,整个过程还挺有意思,跟大家伙儿分享一下。
准备工作
我是两眼一抹黑,啥也不懂。后来琢磨着,这玩意儿不就是个展示信息的页面嘛得有个地方放数据,还得有个好看的“壳子”。
数据这块,我没想整太复杂,就直接手动更新。毕竟关注的股票也不多,变动也没那么频繁。
“壳子”这块,我也不想自己从头写,就找个模板套用一下得。毕竟咱又不是专业搞前端的,能用就行。
搭建过程
先得把“地基”打我直接在电脑上新建一个文件夹,就叫它“个股频道”。
然后,在这个文件夹里面,我又建两个小文件夹,一个叫“css”,用来放样式文件,一个叫“js”,用来放JavaScript文件。还有一个最重要的文件,叫“*”,这就是咱网站的“门面”。
就是往这几个文件里面“填东西”。我从网上找个看着顺眼的网页模板,把里面的HTML代码复制到“*”文件里。再把模板自带的CSS文件和JavaScript文件分别放到“css”和“js”文件夹里。
搞定这些,双击“*”文件,就能看到一个网页的雏形。不过这会儿里面的内容还是模板自带的,得改成咱自己的。
填充内容
打开“*”文件,找到显示股票信息的那部分代码。把里面的股票名称、代码、价格啥的,都替换成我关注的那些股票的信息。
因为是手动更新,每次有变动,都得打开这个文件,找到对应的地方,修改一下数字。虽然有点麻烦,但好在不用经常改。
改完之后,保存文件,再双击“*”文件,就能看到一个只显示我关注的股票信息的网页。这感觉,还真有点像那么回事儿!
美化页面
虽然内容是有,但看着还是有点“简陋”。于是我又对页面进行一番“装修”。
主要就是修改“css”文件夹里的样式文件。我也不太懂这些代码,就凭感觉瞎调。改改颜色,调调字体大小,换换背景图片啥的。反正怎么好看怎么来。
改完之后,再刷新一下页面,看着就舒服多。虽然跟那些大公司的网站没法比,但自己看着顺眼就行。
后续
目前只是单机版本,所有文件都在本地,只能自己访问。如果以后想分享,那就需要买服务器和域名,再通过FTP把文件上传到服务器上。
以后有空,再慢慢折腾。
这回实践还是挺有收获的。不仅做出一个自己想要的“个股频道官网”,还对网页制作有一个初步的解。以后再想搞点啥小玩意儿,也有点底气。
还没有评论,来说两句吧...