接触网页开发一年左右，有许多缺点请多包容
ps：因老师要求说要搞一个社团网站，其他人都摆烂，我就自己做啦（
pss：用了 GPT 帮忙
源代码晚点发上来
第 1 条附言 · 26 天前
第 2 条附言 · 25 天前
102 条回复 • 2024-11-04 17:41:45 +08:00
 |
1
ovtfkw 26 天前  1
你这啥也没有啊,这不是个人问下 ai 都能做出来
|
 |
3
BG7ZAG 26 天前
这是 html 纯手写啊，用个 vue 框架不是更方便？还有 js 中的动态内容没渲染出来~
|
 |
8
nuhou 26 天前
内容太少其实也没必要单独弄个网站，弄个公众号还方便点
|
 |
9
moefishtang 26 天前
挺好的
可以做一个照片墙,你们如果平时有什么活动照片的话可以做成轮播图之类的在首页展示 可以用 Servlet 做一个后端,建一个博客之类的,发一发社团平时的动态(前端部分可以直接用现在的,你这个没有用框架,很好修改) |
|
10
moefishtang 26 天前
@moefishtang 登录和签到也可以用 servlet 做的
|
 |
12
daishuge OP @moefishtang 看起来很不错诶，谢谢！
|
 |
13
adwords 26 天前
用 CN 域名啊
|
 |
17
edwardzcn98 26 天前 1
刚刚点进去看了下，两点感受，楼主可以参考下。
1. 背景这个 canvas 好像同四五年前知乎登录界面所用，我当时刚学做网站写练手也拿来用过，可以多了解下细节，然后想做些其他简单 3D 元素，three.js 是个不错的起点。 2. 左上角 favicon 初次加载很慢，我用的 hk 的节点访问（可能是我网络不太好），看了一下应该是放本地了吧，可以考虑放个图床或者 OSS 上。 |
 |
18
richcat 26 天前
挺好的，第一次见到中文域名
|
|
19
daishuge OP @edwardzcn98 好的，谢谢！
|
 |
20
zhangjiashu2023 26 天前 7
还得是大地方的高中生啊，放我那小县城现在很多高中生键盘都敲不明白，顶多玩玩游戏。更别说接触编程制作网站了
|
|
21
edwardzcn98 26 天前 1
@daishuge 牛的啊，我都是大学选了专业才开始折腾这些，加油。
|
 |
22
HMYDK 26 天前 1
作为一个高一学生，能做到这种程度很不错了。
|
 |
23
0xD800 26 天前 1
很强，网站上的内容更加让我膜拜
|
 |
24
Mondoz 26 天前 7
高中学生能做成这样应该鼓励才对，1 楼说话那么 mean 干嘛
|
 |
25
Leon6868 26 天前 1
作为原生 JS 练手很不错，如果以后要加入网站后端之类的，建议学习框架，比如 Remix 之类的，可以大幅度减少你的时间成本
|
 |
26
zuotun 26 天前 2
@daishuge #2 域名可以是嫖的，主机可以是免费的，Nginx 用 GPT 确实可以搞定
一点小问题: footer 元素被 canvas 盖住了, 导致不能选中点击 考虑到高一的含金量, 已经超越大部分人了 其实用博客的单页面来做会更快, 是我肯定懒得手写这些了( |
 |
27
zidon 26 天前 1
很不错了。看前期需求功能比较简单。可以选自己感兴趣的技术栈，node.js,php,java 这些里挑一个，就这 gpt 原生搓就可以了，很容易就入门了。后期还可以上框架重构下，就又上一个台阶了。
|
 |
28
VforVendetta 26 天前 1
不错不错，继续继续
|
 |
29
songray 26 天前 1
有个问题，canvas 背景把下面的 footer 遮住了，点不了。
后生可畏。 |
 |
30
Fish1024 26 天前
跟我上高中时候在网吧改别人的 html 模版的水平差不多吧。那时候流行韩国网页模版。
|
 |
31
baijiahei 26 天前
高一好好学习 搞鸡儿网站
|
 |
32
ztcaoll222 26 天前 1
既然也要搞后端，而且只是自己搞的话，建议上 nuxt 这些全栈框架来做
|
 |
34
molvqingtai 26 天前 1
很好，比我上大学都强，加油老弟！
|
 |
35
qfdk 26 天前 1
同意 高中直接 wp 搞定 剩下的就是好好学习...
|
 |
36
dfdd1811 25 天前 1
想锻炼就自己写，为了给老师弄就直接 wordpress 。我高中开始也想自己搞，结果最后还是 wordpress 了事，方便…
|
 |
37
Greendays 25 天前 1
对于社团网站来讲已经够用了。
|
 |
38
x86 25 天前 1
建议直接 wordpress+模板
|
 |
39
mengdodo 25 天前 1
牛的呢，想当年我大学才开始接触 Wordpress 搞编程，一点一点深入
|
 |
40
tsja 25 天前 1
有响应式, 做了域名备案和部署, 高一能做出来已经很不错了.
|
 |
41
l4ever 25 天前 1
背景有点复杂, 动来动去有点烦躁.
|
 |
42
java20 25 天前 1
厉害啊，当年我高一只会看小说和把妹
|
 |
43
CuteGirl 25 天前 1
emmmm 说实话 我感觉这页面用 html 写会更快吧 这么简单的东西完全没必要前后端分离
|
 |
44
encro 25 天前 1
帮你贴一下。
基础项目（必修） 搭建小车，初步编程：变速直行、走弧线、原地转向 触动传感器应用：按下按钮，机器人做出不同动作 陀螺仪传感器应用：走出正方形 超声波/红外传感器应用：自动跟随，保持 15cm 距离 颜色传感器应用：自动识别多种颜色，颜色密码锁 基础巡线原理实践：自主巡线 进阶项目（选修） 乐高枪械制作：打造可发射的枪械模型 EV3 软件项目实践 多边形绘制（陀螺仪应用） 迷宫小车（超声波/红外应用） 按键控变速风扇（触动+结构） 物流搬运机器人（多传感器综合应用） 自瞄炮塔（结构+算法+多传感器综合） 竞赛活动 RMYC 机甲大师空地协同对抗赛 6 人团队，进行机器人 FPS 对抗，涉及人工智能、结构改装、战术指挥 编程语言：Python 、Scratch 分工：程序组 3 人、结构组 3 人（含步兵、工程兵、飞行员） 参考网址： 大疆官网 本社团比赛纪录片：↓ 视觉竞速赛 4 人分 2 队，使用摄像头实现自动巡线竞速 编程语言：C 农业巡检赛 2 人一队，基于颜色指示的自主移动任务 编程语言：C 课程安排 每节课：10 分钟理论讲解 + 30 分钟实践操作 + 小组讨论 设有速度榜和成就榜，记录小组完成项目的时间和数量 |
|
45
encro 25 天前 1
然后我随便 chatgpt 了一下关于物流机器人开发的： https://chatgpt.com/share/67258a65-d244-800f-bb41-423642a6b395
|
 |
46
ChaosAttractor 25 天前 1
@daishuge 基础的 infra 看文档就可以了
居然是静态页面的话那完全没必要自己 infra ，serverless 平台可以轻易给你提供 HA 和 CDN 此外静态页面的话，可以看看 hugo 和 hexo 这些模板引擎 |
 |
50
Jasonqiao 25 天前 13
评论区里很多人关注的点是“杀鸡焉用牛刀”，但一个高中生他自己学着用牛刀本身就挺好的事，你管他杀什么呢，非得拯救地球才算个事是吧。
大家回想自己高一的时候在干啥。楼主能在高中阶段还参加社团，有闲情逸致脱离书本学东西，说明他这个高中根本就不是卷分的那种学校，我定睛一看南汇中学，那楼主的人生大概率也不会是大部分中国人那种内卷的人生。他的起点已经比 98%的同龄人高，估计也秒杀一多半评论区 V 友。沪爷可能想着周末到论坛里与民同乐一把，结果让你们点评一下，你们还真就在这点评上了。特别是一楼，太刻薄了，还“是个人都能做出来”，我不知道您在哪高就，但谈吐之间，人家高一学生的胸怀和修养已经把你秒杀了 |
 |
51
buffzty 25 天前 1
代码格式很好,读起来很舒服
|
 |
53
zhengfan2016 25 天前 1
高一随便做做能交差都行，没必要太深入去学技术栈，能上好的大学拿到 985 和 211 文凭才是更重要的。10 年前高中的人学了 jquery 和 PHP 就算学的再精通，现在 jquery 和 PHP 什么行情大家都清楚
|
 |
54
jackerbauer 25 天前 1
如果是高一生搞的，不错不错，加油啊，弄的很好！
|
 |
55
vevlins 25 天前 1
及格分，没什么致命问题，但内容太简单了:)，虽然这也不是技术问题。
|
 |
56
summerwar 25 天前 1
左上角的名字上添加个跳转到主页的 a 标签
|
 |
58
jchnxu 25 天前 via Android 1
让我想起了初中折腾 PHP asp 的岁月
|
 |
59
Titans 25 天前 1
可以了，我们高一的时候刚开始摸电脑呢。 不说别的，就科学上网这块，你已经很厉害了。
|
 |
60
liuzimin 25 天前 via Android 1
牛逼，高一还有精力做这个。。。我高一作业都做不完。
|
 |
61
oopg 25 天前 1
前端代码权限貌似没放开，不同页面映射到不同 URL 会更好，可以学习简单的前端框架+ router 来实现
|
 |
62
JensenQian 25 天前 1
老哥别折腾静态网页了，网站的尽头是 wordpress ，高中好好学习，上个好大学，上海应该很容易的吧
还有老哥，网站域名别用中文，域名是 com 的话一般都是商业网站，学校有没有 edu.cn 什么的，高中估计没有 我高中感觉人都快起飞了，羡慕真的有时候做这些，每天下晚自习都十点多了 |
|
63
JensenQian 25 天前 1
@daishuge #2 域名 cdn 的话，cloduflare 一站式解决，就是到中国速度有点慢，
你的静态页也可以 cloudflare pages 托管上去 服务器的话可能高中生没信用卡什么的，支付有点问题 nginx 什么的话 linux 面板一大堆，直接给老师交差的话搞个 wordpress 现成的主题一大堆好看的，搞个上去，完事了 |
 |
64
LandCruiser 25 天前 1
高一学生来说能写代码已经比同龄人强了，不知道你什么家庭条件，高中最重要的还是考大学，代码写的再好也没 985 有用，时代如此。
|
 |
65
SomeBottle 25 天前 1
挺好的，再接再厉，可以充分利用 GPT 和 [MDN 文档]( https://developer.mozilla.org/zh-CN/) 学习一些基础知识。
趁着高一和高二还有些时间，有兴趣的话可以折腾一些这方面的内容，但还是不要影响到学习。 想起来我当时也是这样慢慢入门的，不过当时我多少有点影响到学习成绩了  ，不过总的来说还是很令人怀念的一段时光啊，很纯粹。 |
 |
66
gogogo1203 25 天前 1
如果我回到高一需要重新学的话, 我会直接开始看优秀的开源项目. 直接开始学习最优秀的团队用的都是什么栈，尝试去理解他们为什么要这么写。 我原来刚开始的时候也是自己瞎倒腾一些东西。
搜一下 supabase github. 他们连官网都是开源的。 1.了解一下什么是 turbo. 2.apps/www 看他们的官网。 3.不懂的直接问 AI. 4. 刚开始难度会拉到 90 ，后面再自己做项目就会越来越容易了。 |
 |
67
yuankui 25 天前 1
感觉汇到了 QQ 空间时代！好亲切
|
 |
68
kingcanfish 25 天前 1
挺好的呀 我高一的时候只会做题 哪有什么社团就绘画 唱歌 羽毛球乒乓球 还是应付上面检查用的 不得不感慨大城市的教育真好
|
 |
69
TORYOI 25 天前 1
感觉 logo 的文件（社徽 3.png ）大小可以弄小一点，现在有 1.2M 大小，logo 尺寸可以用小一点
|
 |
70
Chuckle 25 天前 1
比我高中强，哈哈，能把 JS 当兴趣玩玩挺好的，别管什么技术，什么 wp 、vue 啥的，网站看起来已经像模像样了就够了，甚至有点前沿框架的极简版影子。有个建议，现在导航栏是能切换了，但是 url 路径不会变，假如你想分享活动安排页出去不方便吧，试试看怎么实现，并且能方便以后加更多路由路径。
|
|
71
Chuckle 25 天前 1
@Chuckle 现在在 html 里写 js ，一个文件快 700 行了，这是不方便看代码和维护的，通常不要超过 400 行，可以试试拆分功能模块到单独的 js ，比如 loadContent 函数，以及每个视图的字符串模板，都可以拆成单独的文件，然后挂到全局变量上。
|
 |
72
breresha 25 天前 1
第一次见中文域名的，还是我见识的太少了😂
|
 |
73
rainxt 25 天前 1
南汇中学，大惠南地区啊，希望明年我儿子也能考上南中。
网站做的不错了，再想提高可以参考下别的炫酷网站，然后让 AI 复刻 |
 |
74
opentrade 25 天前 1
有前途
|
 |
75
tangping 25 天前 1
挺好的呀
|
 |
76
ThinkStu 25 天前 1
让我想起了我 2016 年在高中的时候也给社团搭建过网站。
|
|
77
daishuge OP @JensenQian edu 域名不给学生哇（😭
|
 |
78
RockShake 25 天前 1
挺好的，流程走通一遍以后做类似的心里也有底，重要的是经验和兴趣
|
 |
79
PaPaBoom 25 天前 1
高一这个水平很厉害了，大有可为
|
 |
80
wujunze 25 天前 1
挺好的， 高一这个水平 未来可期，用好 AI 用好 Cursor
|
 |
81
angrylid 25 天前
有点丑。
1. 后面那个转来转去的特效去了，花里胡哨干扰视线； 2. 这点信息量不要搞几个 Menu 切来切去了，就放到一个滚动的 Page 里面就好了； 3. 找 AI 摇一个 Logo 吧，根本看不清，更没有辨识度。 代码就槽点更多了，能看出来有稍微琢磨过编程，但是对于一些概念，比如工程化，SEO ，SSG 知之甚少。 整体算是一般票友水平吧。 |
 |
82
jsun969 25 天前
不错不错，让我想起小时候折腾网页的日子🤣
|
 |
83
suyuyu 25 天前
高中有时间整社团有时间整“团队网站”。6
|
 |
84
tyzandhr 25 天前 via Android
内容永远比样式重要。你这个网站，其实所有内容都可以放在一张页面上就展示完了的。
|
 |
85
lihua 25 天前
高一啊，很厉害了。
|
 |
86
wonderfulcxm 25 天前 via iPhone
鼓励吧，比大部分高一的孩子强，可以 all in cloudflare ，cloudflare pages 可以托管前后端，支持 next.js 这种全栈框架，或者前端用 cf pages ，后端用 cf workers ，可以连接它家的 d1 数据库，国内访问速度可以通过优选 ip 提升。但 pages 配置优选有点麻烦，works 比较简单，在面板直接设置 ip 或者 cname 就好了。
|
 |
87
korvin 25 天前
高一做的厉害了，我大一都做不出这个，因为还没学过网页技术😅
|
 |
88
wuoty 24 天前
做的很好了，未来可期，我之前也是喜欢折腾网页，加油。
1.然后我看到“主页”“关于我们”这几个页面切换是动态加载的，可以尝试开发多页面的网页，或者使用现有的框架（ Vue/React ）去实现，便于连接分享 2.首页的滚动条略微有点出戏，可以考虑把 footer 弄的高一点，能在一页内展示 3.关于首页的信息可能有些少了，可以参考厂商手机介绍页面的信息流 4.文件下载页面建议自己写一个列表，用户点击 AList 上公开的文件进行下载，而不是用 AList 的界面 |
 |
89
phatzhong24 24 天前
重点是高一，多少读高中时，对编程有一点认知？
|
 |
90
isnullstring 23 天前
社团风采 的图片轮动好像有点问题
前后图片切换时候 有重叠 |
 |
91
kokerkov 23 天前
这个...我觉得搞个 wordpress 更简单，但是练不了多少技术就是了。
|
 |
92
terrytw 23 天前
没备案吗? ISP 号没看到
还留了一个典型的境外网站, daishuge.win, 还有 TG 学校的网站还留个自己的网盘 alist.daishuge.win 在某特殊日子还有敏感留言 小朋友想吃免费饭么... 小心啊! |
 |
93
xinz4l 23 天前
看了 b 站的视频，现在的小孩子，很强啊
|
 |
94
ATOnTheRun 23 天前
比我高中甚至本科都强多了，最重要的事是做出来吧。加油！
|
 |
95
neilxu 23 天前
挺好了，兴趣是最好的老师，现在有了 gpt 不单能作弊，还能解释给你听。
不管未来做什么职业，接触点代码不吃亏 |
 |
96
Shawn5 23 天前
不错，当年我高一的时候，只会谈恋爱
|
 |
97
ronyin 23 天前
高一已经很不错了
|
 |
98
wednesdayco 23 天前
我高一的时候在干嘛，在学 actionScript ，在做 flash 玩
|
 |
99
ChenSino 23 天前
不错了，毕竟只是一个还在上学的孩子，很多高一都还不知道啥是编程呀
|
 |
100
pota 23 天前
第一次见中文域名被用上
|
Select Language