全栈修炼之web开发——爱她就为她做一个网站

 这几天我师大韧某自学做了一个偏前端的网站,自学过程颇有心得,故写下这篇博客,希望能帮到更多的初学者迅速上手web开发!

一: 网页运营的基本流程

在这里插入图片描述

二:web开发所必需的“硬技能”

如果有编程基础的话上手web开发还是比较简单的,主学的还是一些框架以及数据库的知识,当然你没有也没关系,可以上w3school或者通过看相关的书进行自学,我比较推荐的还是看书比较好,学的比较全面具体。web开发囊括的技术知识范围广、开发过程复杂但其实非常容易上手,接下来我就给大家介绍一下web开发所需的一些技术,以及跟大家谈一谈韧某做的时候的一些过程以及一些感悟!在这里插入图片描述

三:web开发过程

首先介绍大概介绍一下各项硬技能在实战中的作用:

  • HTML是一种修饰语言,它的作用是定义网页内容
  • CSS 可以帮你进行网页组件的布局
  • JS 可以帮你完成网页的行为
  • tomcat 目前最受欢迎的Java web应用服务器
  • servlet 其实是一个Java的接口,程序运行时由web服务器调用
  • 数据库 创建,访问,管理,搜索和复制所保存的数据
  • 云服务器理解来就是云端开启一台电脑来充当服务器,便于访问

韧某认为:
1、网站开发比较重要的一点是网页设计,开发前一定先在纸上笔画一下大概的网页样式,准备一个文档写下想要展示的内容;
2、过程中要学会正确使用一些框架使用,它能帮你大幅提升网页美观,韧某当时在处理缩放导致图片与文字重叠时用bootstrap框架很好的解决了这个问题;
3、调试时最好是保持一定的规律是修改,因为web开发过程复杂,一旦漏改就很难检查时候就很难找到错误;
4、网页中含有照片最好压缩在100kb左右,若图片过大,加载时间过长会影响用户体验,关于图片压缩强推一下这个网站 https://tinypng.com/
5、关于一些本地资源的引用,以及网页的跳转,一定要用相对路径,不要用绝对路径!!!
非常重要,能帮你解决不少麻烦(想想就哭)

四:部署云服务器过程详解

最后我在重点讲一下配置云服务器的过程,要想你做出来的网站被别人所看见,现在最实用的办法是在云端开启一台电脑充当服务器,博主用的是腾讯云服务器,学生价不贵10块钱一个月,大家去官网上购买完成之后,接下来就是部署。
项目栏右键选择 Export 导出war,再把你自己的tomcat 以及 JDK 打包在一起,把war文件移进tomcat的web apps文件内,然后开启远程控制,控制云服务器电脑,找到本地已经打包好的文件,部署到云服务器电脑上,最后一步,配置JDK(不太会的可去搜索一些博客,这里就不一一介绍了),打开cmd,输入Java - version 指令,显示如图就配置完成了,接下来去访问你的网站吧!
在这里插入图片描述

最后的最后:附上韧某此次研发的网址,大家可以进去查看博主的源代码
http://212.64.44.202:8080/TWEB/indexyr.html
(跟其他的网址长的不一样是因为域名还在备案中,晕了!)

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值