大学生如何搭建自己的网站

news2024/11/18 21:47:34

这篇是我在大一的时候,写过的一篇文章。

前言

作为一名大学生,我觉得搭建个人网站很有意义。

这篇博客讲述的是这个寒假,我是如何从零到搭建好个人网站的过程。我提供的主要是具体的思路,也附带了一些零零散散的细节。时间跨度也就一两个月。

废话,就先不多扯了。

这里搭建的过程可以分为如下几步:

1,了解网站前端html,css,js。(这是必须的,如果你连一个Hello World都不能再网页上呈现出来,就不用谈制作个人网站了)

2,购买云服务器并配置。(如果你想全中国的人都能访问的你的网站的话,你得到阿里云,腾讯云等云服务器商那里购买一台自己的服务器,可以选配置最低的,大约400多块钱一年吧,我是大一的学生,因为有学生认证,就有学生优惠)

3,在云服务器上配置好tomcat。(关于什么是tomcat,以及如何配置,我觉得你最好先去了解,我到下面也会讲解)

4,学会运用框架。(它能帮你节约很多时间)

5,购买域名。(我想这也是必须的,别人访问你的网站不可能输入的是ip地址吧,输入你的名字进入你的网站才够面子嘛)

一,了解网站前端html,css,js。

如果你对网站一无所知,不要放弃,这个过程虽然花点时间,但也是可以完成的。你要想,我自己能制作网站,该是一个多吊的事情,自然要花点时间来研究。下面是html,css,js 的简单介绍。

1,HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2,CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3,JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

我用的HBuilder写的前端,新手很容易上手。

前两种属于标记语言,用于页面的布局,像给一段文字设置它的字体颜色,字体大小,或者给一张图片设置透明度等等类似的设置。而js,也就是JavaScript属于编程语言,可以给界面添加事件。而运用的时候,基本上也是错杂在一起的,相互关联的。用它们就可以很好的做好自己想要的页面,已经足够了

但是,如果你想要实现像留言,聊天室,发表评论的类似的功能的话,光用前端是不能满足的。你要借助别的开发工具,能实现web的后端开发,像eclipseEE,myeclipse等。此外,你还要了解如何用restful技术,Ajax技术连接前后端,如果你用到数据库的话,或许还要了解ODBC技术用来连接数据库和web服务器。这里就不详谈了,我会另写博客来完善的。

二,购买云服务器并配置

首先呢,这要钱,拥有一个全中国都能访问的网站,肯定要付出点代价。我是到阿里云上面购买的服务器,至于相关的购买细节,我想,你可以自己进行搜索,顺便学习点知识。

记住,当购买后,要到安全组配置里面去添加安全组规则,引进8080端口,和80端口。

配置后,有下面的两条就可以了。

三,在云服务器上配置好tomcat

tomcat服务器是一个Web应用服务器,属于轻量级应用服务器。对于初学者来说,非常适用,不仅独立,容易配置,重要的是免费。或许,你可以找一些别人已经改善后的tomcat服务器,直接下载,拷贝到云服务器上,然后双击别人写好的命令行脚本就行了。

当服务器能正常启动后,把你的web项目直接拷贝到webapp目录下,然后修改项目名为ROOT就可以了。如果没有别的意外,别人在浏览器上输入你的云主机的ip就能访问你的网站了。

当服务器启动后,ip同步还需要时间,可能几十秒。并不是意味你启动后,别人就能访问了。

四,学会运用个人网站的框架。

如果你把一个网站用代码完完全全的敲出来的话,我觉得这时不太现实的,这可能需要很久的时间,一个月?或者更久,我想你时没有耐心完成的,一些繁琐的操作自然可以省略。就像有一张试卷,你把需要做的就是把改填的地方填好,就行了,别人已经把周围的布局给你设定好了,你又何必再关心呢。至于你的网站用什么样的模板,你喜欢哪种就用哪种,不要担心还会和别人重复。

我就用了一个别人写好的前端界面,修改好我自己需要的内容。当然,修改也是一个麻烦的过程,你要看懂别人的代码写的什么,才能修改把别人的内容修改成自己的。

我用过的模板:极简个人相册留言博客模板

我的网站(已经过期了哈哈哈):http://114.55.254.213/

比较一下,就知道模板的作用了。

五,购买域名。

因为人们难以记住计算机可以识别的数字串,并且ip地址也不能显示组织的名称和性质等这缺点导致人们使用起了域名。域名就相当于给我们的ip找了一个名字,当我们访问想要的ip时,直接输入域名就可以了。

这份域名地址的信息存放在一个叫一个服务器的主机内,使用者只需了解易记的域名地址,其对应转换工作就留给了域服务器。

当购买之后,记得解析。下面是到控制台,域名,解析中,添加记录时的操作。

有下面的记录就行了。

记住,域名能使用之前,要实名认证。还要备案备案备案。实名认证要要1到7天,当实名认证后的2到3天内才能再备案,备案可能又要十来天。挺烦人的,当时我的身份证掉在学校里了,只有等到返校后才能备案了。(可能你看到这篇博客的时候,我还没完成备案呢)

作为一个大学生搭建一个个人的网站有什么用呢?我能想到有下面的这些。

1,搭建个人博客。它用来展示自己,表达自己的一些思想,或者用来负载想要一些宣传的内容,上传一些文件提供下载,此外还能记录自己的人生,把自己遇到的,开心的,难过的,事情都能写成一篇小短文添加到自己的博客上,不挺好嘛。

2,搭建一个聊天室。叫来朋友,直接上网聊天。这可是全国范围内都能访问的聊天室,偶尔还能碰到几个不认识的人来谈谈的想法,多交了几个朋友。

3,把它做成个人简历。我觉得这个一个比较主流的做法,我以后投简历就打算用这种方式,而不是用一个word,PPT等,我觉得这能比较完整的展示个人经历和个人所取得的成就。或许这还能让人眼前一亮。

4,挑战自己。在搭建网站的过程中,肯定会遇到许多困难,而每天进步一点,把不会的东西搞懂一点,也许自己想要做的事情真正做起来并没有那么难。或许前一天还不懂编程,今天已经会写for循环了,或许昨天还不懂框架,今天就已经会运用了。

5,营销。以后等技术成熟了,可以实现点特定的功能,满足一些特殊的人群,赚点流量,投个广告,赚点费用,来实现自己的一笔收入。

6,装逼。......

新手上路,不喜勿喷。本人是我在搭建个人网站的时候总结出来的一些想法,流程也是我所经历的。如果你用问题,欢迎评论,我会解答,如果这篇博客有错误的地方或者没有一些必要的内容,请指出,我会按时修改。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1283241.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

GVIM 配置 for begin/end class/endclass 等配对

有时候我们的代码很长,或者结构比较复杂,多个if/else 或者begin/end 快嵌套,为了阅读方便,利用gvim插件实现块跳转还是很有实用性的,下面的.vimrc的配置,简单方便。 使用方式: 将光标定位到块头…

全球与中国汽车电力电子市场:增长趋势、竞争格局与前景展望

目前,世界各国都致力于转向更环保、更永续的传统交通替代方案。 电动车满足所有要求,因为它们具有零废气排放、改善空气品质、减少温室气体排放并创造更清洁、更健康的环境。此外,电动车的运作成本比传统内燃机驱动的汽车低,因为…

HTML5+CSS3+Vue小实例:饮料瓶造型文字旋转特效

实例:饮料瓶造型文字旋转特效 技术栈:HTML+CSS+Vue 效果: 源码: 【HTML】【JS】 <!DOCTYPE html> <html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="viewport" …

linux 内核regulator

问题 在sys文件系统下没有生成cpu 调频的相关节点。 日志对比 [ 3.588745] cpu cpu4: Looking up cpu-supply from device tree [ 3.588753] cpu cpu4: Failed to get reg [ 3.588791] cpu cpu4: Looking up cpu-supply from device tree [ 3.588808] Failed to i…

React 笔记 jsx

严格约定&#xff1a;React 组件必须以大写字母开头&#xff0c;而 HTML 标签则必须是小写字母。 React JSX JSX 是由 React 推广的 JavaScript 语法扩展。 用于表达组件的 特殊语法的 js 函数 要求标签必须闭合&#xff1b;返回的组件必须包裹在一个父标签内&#xff1b; …

Python使用cURL库下载文件

Python使用cURL库下载文件 cURL库是一个功能强大的工具&#xff0c;可以用于在Python中下载文件。以下是一个简单的Python程序&#xff0c;使用cURL库实现文件下载功能&#xff1a; import subprocess def download_file(url, output_path): command [curl, -o, …

开启全新消费革命——消费增值,让每一笔消费变成财富!

你是否厌倦了仅仅购买物品或享受服务后便一无所有的消费方式&#xff1f;现在&#xff0c;消费增值的概念将彻底改变你的消费观念&#xff01;通过参与消费增值&#xff0c;你的每一笔消费都将变得更有价值&#xff01; 消费增值是一种全新的消费理念&#xff0c;它让你在购物的…

前后端验证码分析(字母计算)

样式&#xff1a; 前端&#xff1a; login.vue <template> <view class"normal-login-container"> <view class"login-form-content"> <view class"input-item flex align-center"> <view class"iconfont ic…

SpringBootApplication注解保姆级带你如何应对面试官

SpringBootApplication注解保姆级带你如何应对面试官 一介绍 在Java Spring Boot框架中&#xff0c;SpringBootApplication注解是一个组合注解&#xff0c;它由以下三个注解组成&#xff1a;SpringBootConfiguration&#xff0c;EnableAutoConfiguration和ComponentScan。 这…

绿色建筑革新,气膜球馆成为城市锻炼新热点

近年来&#xff0c;全民健身设施蓬勃发展&#xff0c;个性化球场设计逐渐取代了传统模式&#xff0c;其中备受欢迎的是新潮的绿色建筑——气膜室内球馆。这种创新的建筑形式不仅适用于传统的篮球、足球、羽毛球等常规运动&#xff0c;还可以容纳冰壶、滑雪等更为复杂的活动&…

MySQL入门实战:安装与配置基础

MySQL是一个开源的关系型数据库管理系统&#xff0c;由瑞典MySQL AB公司开发&#xff0c;目前已经被Sun Microsystems公司收购。MySQL是一个非常流行的数据库管理系统&#xff0c;它的特点是轻量级、高性能、易于使用和高度可扩展。 MySQL是一个基于客户端/服务器的系统&#…

浅谈基于能耗评价指标的医院智能配电能效管理分析

摘要&#xff1a;目的&#xff1a;为了更好地推进医院能源管理工作&#xff0c;主要利用空调系统分项能耗对上海7所三甲医院能源管理工作存在的问题进行分析。方法&#xff1a;Pearson系数被用作分析影响因素与医院总能耗的关联程度&#xff0c;再利用单位面积总能耗和空调系统…

基于Gradio的快速搭建AI算法可视化Web界面部署教程

基于Gradio的快速搭建AI算法可视化Web界面部署教程 1 Gradio简介1.1 视图框架1.2 Gradio介绍 2 功能模块2.1 概述2.2 模块介绍2.2.1 gradio.File() 上传文件2.2.2 gradio.Slider() 配置滑动条2.2.3 gr.Textbox() 文本框2.2.4 gradio.Dropdown() 建立下拉列表2.2.5 gradio.inter…

分享80个菜单导航JS特效,总有一款适合您

分享80个菜单导航JS特效&#xff0c;总有一款适合您 80个菜单导航JS特效下载链接&#xff1a;https://pan.baidu.com/s/1NgNc759Kg1of_8vR7kaj6A?pwd6666 提取码&#xff1a;6666 Python采集代码下载链接&#xff1a;采集代码.zip - 蓝奏云 学习知识费力气&#xff0c;…

面向对象及编程

C语言是一门面向过程的编程语言&#xff0c; C、Java这些编程语言都是面向对象。 分门别类&#xff1a;抽取事物的共性&#xff0c;将相似事物归纳为一个类别 面向的对象的核心概念&#xff1a; 类&#xff1a;就是一个事物的类别 |--属性 …

数据结构和算法专题---1、数据结构和算法概述

本文会系统性的介绍算法的概念、复杂度&#xff0c;后续会更新算法思想以及常见的失效算法、限流算法、调度算法、定时算法等&#xff0c;辅助大家快速学习算法和数据结构知识。 概念 数据结构 概述 数据结构是计算机存储、组织数据的方式。数据结构是指相互之间存在一种或…

Ubuntu之Sim2Real环境配置(坑居多)

不要一上来就复制哦&#xff0c;因为很多下面的步骤让我走了很多弯路&#xff0c;如果可能的话&#xff0c;我会重新整理再发出来 前提&#xff1a; 参考教程 Docs 创建工作空间(不用跟着操作&#xff0c;无用&#xff09; 1.创建sim2real server container 1.尝试创建sim2r…

Python 解析JSON实现主机管理

JSON&#xff08;JavaScript Object Notation&#xff09;是一种轻量级的数据交换格式&#xff0c;它以易于阅读和编写的文本形式表示数据。JSON 是一种独立于编程语言的数据格式&#xff0c;因此在不同的编程语言中都有对应的解析器和生成器。JSON 格式的设计目标是易于理解、…

防火墙规则保存及自定义链

目录 防火墙规则保存 备份工具 iptables services 自定义链 自定义链实现方式 删除自定义链 重命名自定义链 防火墙规则保存 命令&#xff1a;iptables -save 工具&#xff1a;iptables services [rootlocalhost ~]# iptables-save > /opt/iptables.bak #将文件保存…