Home Sign Up Sign In
651794071
V2EX  ›  问与答

想给女朋友做个网站，遇到技术问题真诚求建议！

  •  1      
  •   651794071 · Apr 29, 2020 · 13295 views
    This topic created in 2214 days ago, the information mentioned may be changed or developed.

    本人是小白，女友快过生日了，想做个网站给她。对于前端只了解基本的 html 和 css…做简单的页面可能还要边查边写，想请教下大佬们，以下效果的实现是否涉及到比较进阶 /高级的前端技术，是否涉及到各种框架等？

    1. 进入网站之后先是一张照片（背景）从模糊到清晰，接着中间有个密码框缓缓浮出（ 2s ）
    2. 我会提前设置好正确的“密码”，输入前两次若错误，提示“错误”，第一次输入成功 /第三次输入后，出现一段旁白然后 5s 后自动跳转。（这个好像比较容易实现，看过一点点 JavaScript ）
    3. 这里自动跳转我想实现一个掀开布的效果，类似于以前进 qq 空间的时候那种…掀开直接就是主页面，而不是跳转到另外一个页面去

    另外，以上效果是否涉及到“动态”，因为之前想直接托管到 github 上面，但是后来发现 github 只能托管静态页面？所以是不是后端也要自己部署呢？

    本来打算自己找个前端的小项目先跟一遍，但是由于时间原因，可能不太来得及。我尝试过自己查这些效果如何实现，但是发现效率不高，主要问题是不知道怎么“问”，类似的效果可能名字并不是这样叫，就导致某些想法不容易查到如何去实现。所以想听下各位的建议，如果不去系统学一遍前端的知识，是不是很难实现以上几种效果？非常感谢！

    Supplement 1  ·  Apr 29, 2020
    感谢各位老哥对于做网站送女朋友这个想法的建议...我明白网站只能看，我这个想法的目的不过也就和送实体照片册啊什么的差不多，一份小回忆呗，还有这个网站只是礼物的一部分 （终于找到在哪里写补充了）
    Supplement 2  ·  Apr 29, 2020
    的确不是所有人都喜欢网站，但是我觉得她会喜欢，毕竟我多少还算了解她的吧。而且我自认为很有创意，这本身也是见仁见智的问题。另外，她对物质方面（口红，包包等）追求不是特别大，而且这些在我看来平常都能送的- -只要花钱就能送了呗。上面提到的效果都是铺垫，我是想在网站主页面设计一个书信版，目前想的是 365 个，因为之后女票要去留学一年（我们都还是本科生），这个想法是让她一天看一页我给她写的东西。调侃归调侃，还是希望大家能给点技术方面的建议！谢谢！！
    Supplement 3  ·  Apr 29, 2020

    最后一次补充

    首先感谢评论区还是有朋友对我的想法的鼓励，感谢@SilentDepth 为我的每条想实现的效果都给出了建议。

    还是看到好多人在说送包，送口红什么的，可能是上面两条补充没有看到吧。我只能说我更加了解我的女朋友，大家对于女性收礼物的“刻板印象”可能真的不适用于我的女票。无意炫耀，虽然我是学生，但经济能力方面，送包送口红什么的我还是可以送得起的，也不会舍不得送，可我也从来没说过礼物只是一个网站，谢谢大家为我“送礼物”这件事情操心，我来这里也只是想寻求一下技术方面的帮助，希望大家调侃的同时能给些技术建议呗。

    看到评论区有个老哥说到点子上了，“想必阁下必然有啥特别的”，的确，我有些保留的想法没有说出来，这些都是不需要技术实现的东西。

  • GitHub
  • 效果
  • 实现
  • 掀开
    120 replies  •  2020-04-30 20:48:29 +08:00
    1  2  
    ❮ ❯
    maichael
        1
    maichael  
       Apr 29, 2020   ❤️ 1
    没有任何“动态”，github 上找找相关的效果开源库套上就行了，什么框架都不用。
    WEBUG
        2
    WEBUG  
       Apr 29, 2020 via Android   ❤️ 21
    建议就是不要做网站
    putaozhenhaochi
        3
    putaozhenhaochi  
       Apr 29, 2020 via Android
    直男啊。
    zooo
        4
    zooo  
       Apr 29, 2020   ❤️ 6
    还真有做网站送女友的？ 我以为之前大家推荐都是反话了。。

    我感觉女生对网站并不感兴趣吧
    amanbolatbalabek
        5
    amanbolatbalabek  
       Apr 29, 2020 via iPhone
    不如请她吃顿饭。。。
    网站能做什么？只能看
    corningsun
        6
    corningsun  
       Apr 29, 2020 via iPhone
    建议不要做网站+1
    要弄清楚你女朋友到底喜欢什么才是真的，清空购物车效果可能更好。
    Perry
        7
    Perry  
       Apr 29, 2020 via iPhone
    过生日这么晚重要的节日千万别用网站敷衍，踏踏实实搞点你女朋友真正想要的。
    aabbcc112233
        8
    aabbcc112233  
       Apr 29, 2020
    投其所好 比较重要。
    651794071
        9
    651794071  
    OP
       Apr 29, 2020
    补充一下...其实实习这些效果是我为了让网站好看些，关键在主页里面的内容嘛当然是，打算写些东西给她。然后网站只是礼物的一部分咯。
    yungo8
        10
    yungo8  
       Apr 29, 2020 via Android
    本人技术支持，仅收费 99.9 哈哈
    bgm004
        11
    bgm004  
       Apr 29, 2020 via Android   ❤️ 2
    对你来说可能花了几天才弄出来，实际她觉得这网站不太行很敷衍。(虽然我觉得也不太行)
    baiduyixia
        12
    baiduyixia  
       Apr 29, 2020
    还不如给她买个 lv 的包包
    651794071
        13
    651794071  
    OP
       Apr 29, 2020
    @yeqizhang 我觉得可以，如果可以收费咨询能学一波东西做点东西出来也挺好
    651794071
        14
    651794071  
    OP
       Apr 29, 2020
    感谢各位老哥对于做网站送女朋友这个想法的建议...我明白网站只能看，我这个想法的目的不过也就和送实体照片册啊什么的差不多，一份小回忆呗，还有这个网站只是礼物的一部分- - 话说 v 站可以直接在主题部分补充 /编辑主题内容吗
    ayase252
        15
    ayase252  
       Apr 29, 2020 via iPhone   ❤️ 2
    前面那么一大串，做到一个页面里就好了嘛（假定你女朋友不会用 F12 的话）。要做的话看看 CSS transition, transform, animation 。（一般会最后发现自己设计力不够
    IsA26hN4DcQDS7Z9
        16
    IsA26hN4DcQDS7Z9  
       Apr 29, 2020
    。。。这不是加分项，这是减分项
    berserk
        17
    berserk  
       Apr 29, 2020
    不如买包+1
    651794071
        18
    651794071  
    OP
       Apr 29, 2020
    @ayase252 谢谢！我可以她肯定不会想到去查网页源码的嘿嘿
    Weixiao0725
        19
    Weixiao0725  
       Apr 29, 2020
    @baiduyixia 我认为 ma 的包包更好一些。
    oALwp9HWJ28EJ3be
        20
    oALwp9HWJ28EJ3be  
       Apr 29, 2020   ❤️ 5
    你可以先事前问你的女朋友，生日当天送她一个这款颜色的口红，问她喜欢吗？



    生日当天再送她一个这个，你觉得惊不惊喜意不意外？



    https://detail.tmall.com/item.htm?id=564891421863&skuId=3784557659825
    piqq
        21
    piqq  
       Apr 29, 2020
    女朋友会喜欢网站吗？
    alw
        22
    alw  
       Apr 29, 2020
    做网站送女友 是 IT 直男的思维。
    要投其所好啊兄弟。
    itning
        23
    itning  
       Apr 29, 2020 via Android
    送 DNA 啊
    JJLin
        24
    JJLin  
       Apr 29, 2020
    这都 2020 年了，怎么还会有人送网站？！（额么，10 年前干过这蠢事）
    santom
        25
    santom  
       Apr 29, 2020   ❤️ 1
    虽然不推荐，但是如果非要做的话 可以看下 animate.css 、anime.js 、jq 基本都比较简单
    IceSolStice
        26
    IceSolStice  
       Apr 29, 2020
    不如买包 实体相册也不建议，包、口红、香水 都是万能的
    cnzfq
        27
    cnzfq  
       Apr 29, 2020 via iPhone   ❤️ 1
    挺好的。过来人中肯建议，亦可送一支口红(千万别选死亡芭比粉)，效果极佳。
    alienx717
        28
    alienx717  
       Apr 29, 2020
    能不能直接做好放到他的电脑上，改一下 host 让他访问你设置的网址直接打开本地的地址
    respect11
        29
    respect11  
       Apr 29, 2020
    错误三次直接 close，然后你就可以问你女朋友为什么不爱你？一点都不了解你。
    lihua
        30
    lihua  
       Apr 29, 2020
    为什么要做网站，买包包啊。
    phytry
        31
    phytry  
       Apr 29, 2020
    想法那么多，不如做个视频，本地 nginx 跑个视频网页
    ipadpro4k
        32
    ipadpro4k  
       Apr 29, 2020
    不如买包买化妆品买吃的买情趣内衣买动森
    nimingdx123
        33
    nimingdx123  
       Apr 29, 2020   ❤️ 1
    尴尬的一身鸡皮疙瘩。。。。出去吃一顿都比这个好
    sparrww
        34
    sparrww  
       Apr 29, 2020
    女生才不喜欢这些的，兄弟
    fengbjhqs
        35
    fengbjhqs  
       Apr 29, 2020
    千万别，除非你女友也做做程序的，而且还不是前端

    买个口红，吃一顿比这些都好
    tyhuohuo8
        36
    tyhuohuo8  
       Apr 29, 2020
    网站不是所有人喜欢，还不如实际点，化妆品，吃饭，包包
    wangmn
        37
    wangmn  
       Apr 29, 2020
    能有女生不喜欢 口红，包包吗？ 就像你喜欢数码产品一样
    szdubinbin
        38
    szdubinbin  
       Apr 29, 2020   ❤️ 4
    前端业者，事实上这玩意你费心思去弄真的不一定弄的好看主要是，交互还有各种动画，响应式啥的，你会发现你弄了 2 小时之后，捶了一下桌子大喊一声 mmp 然后打开京东开始下单口红香水 iPhone......
    arden2016
        39
    arden2016  
       Apr 29, 2020   ❤️ 1
    过十个生日你就做十个网站了吗？
    651794071
        40
    651794071  
    OP
       Apr 29, 2020
    @szdubinbin 哈哈哈哈哈哈捶桌子太真实了
    ji39
        41
    ji39  
       Apr 29, 2020
    过十个生日你就做一个网站吗？
    Neillou
        42
    Neillou  
       Apr 29, 2020
    @Raynard 正解. 话说万一以后要是分了. 还有个纪 (把) 念 (柄), 这就不太好了.
    chengxiao
        43
    chengxiao  
       Apr 29, 2020
    想起了 15 年前的我........后果很悲剧.....
    lietoumai
        44
    lietoumai  
       Apr 29, 2020   ❤️ 1
    是不是你想做个网站。。
    maskerTUI
        45
    maskerTUI  
       Apr 29, 2020
    别做网站，送点其它的实物都好过做网站。
    651794071
        46
    651794071  
    OP
       Apr 29, 2020
    @lietoumai 哈哈哈哈哈是的
    stimw
        47
    stimw  
       Apr 29, 2020 via Android
    看这帖子有种回到 2008 年的感觉。
    651794071
        48
    651794071  
    OP
       Apr 29, 2020
    @Neillou 那...要是这样想，啥都不送可能比较好- -
    SilentDepth
        49
    SilentDepth  
       Apr 29, 2020   ❤️ 3
    不涉及高级的 HTML/JS 知识，但对 CSS 有一定要求。

    1. 照片从模糊到清晰的效果，filter 或 backdrop-filter 就可以做到（后者效果更好实现但不支持 IE/FF ）。
    2. 确实不难，旁白如果是音频的话注意提前加载就好（避免即时加载出现尴尬的安静）。
    3. 不清楚「掀开布」是什么效果，但如果涉及形状变形（而不是简单的平移），动画实现较复杂。

    以上所有涉及平移的都用 transform，所有涉及透明度的都用 opacity，所有涉及过渡（从一个状态平滑变化到另一个状态）的都用 transition 。不涉及动态内容，极端地说一个 HTML 文件就解决了。

    不过，楼上几个朋友也说了，如果可能，做这么个网页不如陪女朋友逛个街（
    651794071
        50
    651794071  
    OP
       Apr 29, 2020
    @SilentDepth 非常感谢！！！！！“掀开布”我是想把主页面当成桌子，前面那个输入密码的页面当成桌布，输入正确之后，“桌布”就从一角被掀开。 再次感谢您的建议！
    yueshang1
        51
    yueshang1  
       Apr 29, 2020
    口红 项链 包 哪个不香？
    lg106
        52
    lg106  
       Apr 29, 2020
    建议不要做网站，这个方法我十几年前用过
    qq525266
        53
    qq525266  
       Apr 29, 2020
    哥，做网站真的不创意，这种数字和虚无缥缈的东西，帮你问了一圈，周围女生没有喜欢的，还不如买个相册实在一点，实在不行你做个视频放大播也行啊
    Hansah
        54
    Hansah  
       Apr 29, 2020 via Android
    听哥一句劝，买只迪奥 /汤姆福特口红就一两百，好过你做个淘宝给她
    azoon
        55
    azoon  
       Apr 29, 2020
    哈哈，很多技术男 10 年前干过这个蠢事。女生才不喜欢网站。。。
    hwcj123
        56
    hwcj123  
       Apr 29, 2020   ❤️ 1
    想必阁下必然有啥特别的。做网站还不如做相册了。我一条 dog 来凑啥热闹。。。
    ryansvn
        57
    ryansvn  
       Apr 29, 2020
    不是打击楼主，这种做法，不如送个化妆品首饰啥的有效，这行为，典型的兔子送胡萝卜给猫。
    POPOEVER
        58
    POPOEVER  
       Apr 29, 2020
    唉……
    keaideren
        59
    keaideren  
       Apr 29, 2020
    会成为女票：男友送过什么奇怪的生日礼物？的答案
    bigbunny
        60
    bigbunny  
       Apr 29, 2020
    你是来炫耀的吧。。哈哈
    dot2017
        61
    dot2017  
       Apr 29, 2020
    真实的 v2
    crazybinggan
        62
    crazybinggan  
       Apr 29, 2020
    想起我送布偶公仔，事后想起来简直特大号的傻子（喂，织毛衣不）...
    建站这种简直弱智啊（没有骂的意思，真的太直了）

    当然祝你两甜甜蜜蜜，哈😝
    qq976739120
        63
    qq976739120  
       Apr 29, 2020   ❤️ 2
    求求了,没钱买个口红,有钱买个包,再找家网红店吃个西餐,你做个网站怎么让她拍照发朋友圈
    hahahazhou
        64
    hahahazhou  
       Apr 29, 2020   ❤️ 1
    “包”治百病
    Neillou
        65
    Neillou  
       Apr 29, 2020
    @651794071 然而并不是, 如果你真想讨好, 天热递扇子, 睡觉递枕(套)头(子). 需求得到满足才是硬道理. 逃 /
    brendanliu
        66
    brendanliu  
       Apr 29, 2020
    我刚问了下旁边的女同事，如果你对象在你生日为你做了个网站，我话还没说完，她就笑着对我说，拉黑。
    daishankeke
        67
    daishankeke  
       Apr 29, 2020
    我来说两句 关于做网站我还真做过实验
    圣诞节那天找了个画圣诞老人的网页 发给一些女性朋友们 并附上圣诞快乐
    她们都说这个可爱 她们收到这个很开心

    具体操作步骤就是直接发链接 + 发一句圣诞快乐
    ajaxfunction
        68
    ajaxfunction  
       Apr 29, 2020
    一看就是刚刚步入社会的小青年。

    这世界上 没有人对物质追求不大， 她说不大只是不想让人觉得世俗而已。
    EminemW
        69
    EminemW  
       Apr 29, 2020
    你是傻子吗。。女朋友不说出来只是给你面子
    xiaoxinshiwo
        70
    xiaoxinshiwo  
       Apr 29, 2020
    我曾经做过安卓 app,只会感动自己
    DamonLin
        71
    DamonLin  
       Apr 29, 2020
    还是送点物质上的东西吧 我觉得
    651794071
        72
    651794071  
    OP
       Apr 29, 2020
    @hwcj123 说到我心坎里去了！
    airfling
        73
    airfling  
       Apr 29, 2020
    说实话现在的好多网站还不如 qq 空间
    lp7631010
        75
    lp7631010  
       Apr 29, 2020
    我觉得吧 你做个网站她有没有参与感 你这是在感动你自己啊 还不如送点礼物
    sth2018
        76
    sth2018  
       Apr 29, 2020
    可以做网站 但绝对不能仅仅做网站。
    MaxTan
        77
    MaxTan  
       Apr 29, 2020
    太真实了，写个感动她到哭的网站
    neptuno
        78
    neptuno  
       Apr 29, 2020
    建议做个小程序，上面放几个她常用的功能，，，
    fengtaida
        79
    fengtaida  
       Apr 29, 2020   ❤️ 7
    支持楼主
    年轻人就要活力一点，青春洋溢哈
    ps:别信楼上那些老男人的话，他们就是羡慕你有女朋友（手动滑稽）
    phxsuns
        80
    phxsuns  
       Apr 29, 2020
    送点实在的吧。。。
    这东西费时间也不讨好。。。
    niubee1
        81
    niubee1  
       Apr 29, 2020
    女友快过生日了，想做个网站给她。。。。。。。 骚年， 你应该考虑的是接个外包网站赚点钱给你女朋友买个包来得实在
    ak49
        82
    ak49  
       Apr 29, 2020
    评论里那么多人质疑女盆友不喜欢网站，你们都没有好好想想：人家要送的是什么网站么？！
    Gourds
        83
    Gourds  
       Apr 29, 2020
    狗死的时候，没一个情侣是无辜的
    wujieyuan
        84
    wujieyuan  
       Apr 29, 2020
    做网站送女友, 做 app 送女友, 这些行为尴尬可笑至极
    1rror
        85
    1rror  
       Apr 29, 2020
    要是有女生喜欢这种网站，我也不至于现在还是单身。
    sanqian
        86
    sanqian  
       Apr 29, 2020
    送礼物吧 做什么网站！
    nasmatic
        87
    nasmatic  
       Apr 29, 2020   ❤️ 1
    https://github.com/hackerzhou/Love
    说到给老婆做网站我一直记得这个 hacker zhou,供参考
    nasmatic
        88
    nasmatic  
       Apr 29, 2020
    卧槽，发现 hacker zhou 那个页面已经是 ex-love 了。。。
    651794071
        89
    651794071  
    OP
       Apr 29, 2020
    @nasmatic 谢谢...我之前搜集参考页面的时候也看到了
    qq525266
        90
    qq525266  
       Apr 29, 2020   ❤️ 1
    @nasmatic 对不起我笑了
    justin2018
        91
    justin2018  
       Apr 29, 2020
    买包 买衣服呀

    “包”你满意
    zanyxd
        92
    zanyxd  
       Apr 29, 2020 via Android   ❤️ 1
    先借口登下淘宝借她手机 看收藏购物车，根据这个送礼就对了，上面网页点子前两点容易，最后一个印象有在 codepen.io 上看到过那种跟鼠标有物理碰撞效果的帘子 demo，但是没收藏…搜索相关词条应该可以找到
    Yumwey
        93
    Yumwey  
       Apr 29, 2020 via Android   ❤️ 1
    楼上的各位换个思路: 没准楼主只是想让女朋友得礼物更具备既视感呢？比如说:幕布打开，展示出惊喜礼物呢😊，或者整了个抽奖。

    －－

    当然，想起年轻时候的自己也写了个网页送女票，作为专业切图仔，不得秀两下。

    －－

    现在想想，尴尬的雅痞。纯憨憨思路才会对一个女性送网页，后续生日买 iphone，买口红香水明显开心的跳起来。
    zooo
        94
    zooo  
       Apr 29, 2020
    瞎说句：男女的思维差异真的挺大的。 我也是后来才明白的。
    jerryrib
        95
    jerryrib  
       Apr 29, 2020
    把你要抄的网站放上来
    Tubering
        96
    Tubering  
       Apr 29, 2020   ❤️ 8
    我觉得大家真没必要挖苦楼主，毕竟不是每个女生都吃口红包包那一套
    zangbob
        97
    zangbob  
       Apr 29, 2020
    依然不建议做网站，这玩意儿屁用没有。感动不了别人，顶多感动自己。
    PaPaTree
        98
    PaPaTree  
       Apr 29, 2020
    @vanleon 楼主需不需要我不知道，但是我是学到了，感谢哈哈哈
    yolee
        99
    yolee  
       Apr 30, 2020
    真直男啊，送礼物表示的是你的态度，不能别人口头说不用送你就真的不送了。
    102errors
        100
    102errors  
       Apr 30, 2020
    建议不要折腾，还不如趁着头发茂密的时候多拍点合照
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4768 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 274ms · UTC 05:37 · PVG 13:37 · LAX 22:37 · JFK 01:37
    ♥ Do have faith in what you're doing.