【七夕节】html+css+JavaScript+服务器 给女朋友的七夕过节网站

目录

前言

记录一起走过的那些日子

创意代码表白

进入第一部分：记录趣事的爱情话匣子

进入第二部分：恋爱纪念册

进入第三部分：爱情相册

登录界面

 纪念册

相册

---

前言

七夕来袭！这是中国人的情人节，不是2月14日的西方的情人节，也不是网络上520、521的情人节，而是真真正正中国传统的节日。在这里，跟着大家一起复习七夕节，七夕节，又称七巧节、七姐节、女儿节、乞巧节、七娘会、七夕祭、牛公牛婆日、巧夕等，是中国民间的传统节日。七夕节由星宿崇拜衍化而来，为传统意义上的七姐诞，因拜祭“七姐”活动在七月七晩上举行，故名“七夕”。拜七姐，祈福许愿、乞求巧艺、坐看牵牛织女星、祈祷姻缘、储七夕水等，是七夕的传统习俗。经历史发展，七夕被赋予了“牛郎织女”的美丽爱情传说，使其成为了象征爱情的节日，从而被认为是中国最具浪漫色彩的传统节日，在当代更是产生了“中国情人节”的文化含义。

   我和我的女朋友，相识相恋相爱了三个月，她很优秀，被分配到了四川的中铁国企四川分部，异地恋的感觉没有消磨我们的感情，在今年的四月十九日，我们相识相恋，可以说是一见钟情，第一眼见到这个可爱的姑娘，就已经沦陷，然后明白了什么叫男追女隔一座山，但是，还好在自己的软磨硬泡下，还是把她追到手了，哈哈哈。现在想起来，自己当时真的很勇敢，可能已经大了，再不找一个喜欢的人，以后可能就更没机会找了，到时候就老了。所以，小编想说的是，遇到喜欢的人，那就勇敢迈出那一步吧，没什么大不了的，说不定对方也喜欢你呢。好了，废话不多说，开始我们今天的主题。

提醒：内容容易引起“单身”的朋友不适，请谨慎观看！！！！！

记录一起走过的那些日子

• 问：那些初见的印象

    初见，一个很好的词语，到现在已经是105天了吧，异地恋有点辛苦，但是好在，我们没有出现异地情侣会出现的哪种情感危机，比如，吵架、冷战等等，两个人都开始工作，为我们的未来而努力，我的心事我可以找你诉说，你的心是我也可以倾听，愿意陪我疯，愿意陪我闹，会无条件的谦让我，除了我不听话和不乖这件事。

• 问：那些浪漫的开始

   我们相识是在于一场游戏，现在想起来，缘分真的妙不可言！

• 问：那些铭记于心的大小事

  铭记于心的事，对于我来说，我为她做的第一件“傻事”就是为她手工熬了两个大晚上针织了一个包包，期间胶水粘到了手，很疼！

• 问：那些经历的曲折

  这个嘛，到目前还没有遇到，硬是要收的话，那应该就是家里人可能有一些人会支持，但是有人可能会反对吧，毕竟那么优秀的女孩子被我这个猪拱了！

• 问：那些经历的幸福与快乐

这个问题很难回答，因为饿每一天都很幸福快乐，这个不好分享，狗粮撒多了不好！

• 问：哪些对未来的期许/计划

计划年后能够到她的城市，然后一起努力，1130是她的生日，为她过每一年的生日，我喜欢煮饭，希望能把她养的白白胖胖的（这样她父母才会放心把她交到我手上），然后赚够老婆本，能在2026年这样结婚，到时候回帖!

创意代码表白

接下来，为她呈上我的第三份礼物：

登录七夕爱情网站：由于只买了一天的服务器，所以没办法给大家详细的演示服务器不便宜，大家谅解！能看到就好，代码后面会奉上，有一些只是罗列了部分的的功能代码，因为可能太长，最后会进行压缩，有需要的朋友可以私信，不忙的时候，会看到的，会回大家的。

我用的服务器用的是xshell,IP什么的都是买好的，所以大家如果要做静态网页的话，可能会简单一点，可能是我觉得毕竟第一次当人家男朋友嘛，要做就要做到最好嘛！

• 进入第一部分：记录趣事的爱情话匣子

c点击“记录”按钮，即可记录当前续写的趣事，“保存”，当完成记录，点击保存按钮，即可保存写的事，可以上传到自己买的一天的服务器上面，不过就一天，所以就记录了两件小事，因为这一些事，我都时刻记着！都是最浪漫的事！

•  进入第二部分：恋爱纪念册

 这里绝大多数都是用了a标签，大家可以自行去编写，没有什么难度！主要就是搭建网站而已，搭建网站我就不写了，因为今天的主体不是搭建网站！

• 进入第三部分：爱情相册

整体部分，因为界面布局大小最好看的就是设置成三个相片册，所以，后面还有很多，这里就不一一罗列出我们的爱情小秘密了，大家包含！嘿嘿！

 这个功能通过鼠标，可以展示收缩照片册的样子，所以我很喜欢！

 展示我写得情书，我家领导说我写的情书很好看，貌似那时候是通过一份手写的情书俘获芳心的！嘿嘿，所以大家不妨把自己不好意思说的话，通过书信的方式写出来吧，说不定会有意想不到的效果哦，当然，程序猿写代码也可以的，哈哈哈！

 最后，大家一起来看看我家领导吧，很优秀的女孩子，我很喜欢她，希望看到这里的哥哥姐姐们，能够给我们祝福，多一分祝福，我们就多一份信心！谢谢各位了！

当然，女孩子嘛，还是买点实际的礼物比较好，毕竟浪漫归浪漫，现实的礼物还是要有的：

给各位男同胞推荐一个好的礼物去向--花西子口红套装，可以选择定制的，我就是选择了定制的一款花西子口红：

 我的第二份礼物是，因为饿我家姑娘比较馋，分配到的公司分部能买到的东西比较少，所以寄了一箱零食大礼包，还是很实惠的，当然，也很直男。

 好了，撒狗粮的时间已经结束，接下来，奉上我们各个部分的代码（有一些部分代码太长，只写出关键的代码关键代码）

登录界面（代码）

 纪念册（代码）

这个最关键的部分就是年月日时间的对齐编写，所以，我们这里只罗列出这个关键部分的代码：

相册（代码）

这个部分主要参考了另一个博主的作品，他写的很好，谢谢你为我节省了很多的路，这里推荐给大家，我已经关注了！虽然已经深入研究嵌入式，但是觉得前端的太有趣了，只是自己已经没有经历多精修Java语言了。博主：王同学要努力  地址链接：https://wcaicai.blog.csdn.net/?type=blog

    
    
    
    



    
    

        

            
        
        
情侣关系
        
第一次组到王者CP
        
能和你一起在峡谷打打闹闹很开心，我的莉宝！每天回去最喜欢的就是这个休闲时间，能听到你声音，就是我一天疲劳也没有了！
    
    

        

            
        
        
第一封情书
        
2022年4月19日
        
4月19日，第一次给女孩子写了一封情书，还是我喜欢的女孩子，所以写得十分得认真！
    
    

        

            
        
        
网易听歌
        
目前已经听歌294小时
        
每晚上最喜欢的就是和你一起听歌，我的耳机分你一半，我就是你的另一半！目前已经330小时...
    

最后，祝能看到这里的每一个人今天节日快乐，有情人终成眷属，希望大家能长长久久！