javaweb-页面设计之借用其他网站的代码帮助完成页面排版美化（idea版）

方法背景

对于一个做java后端的程序员，设计网站的页面，往往是一件很是头疼的事情。
这里给大家提供一种比较取巧的方式，借用其他网站的代码完成自己设计网站的页面。

方法的使用建议与注意

建议：这个方法做出来的网页，基本风格（颜色，位置）你可以再随便改改
注意：切勿商用，这个方法就是做做实验用

方法缺点

如果自己处理不好，可能会造成代码的大量冗余

操作流程

第一步：

找到一个适合的网站（以咱们CSDN首页为例：https://www.csdn.net/），右键查看源代码

第二步：

到这里如果有一点HTML的基础，应该就有一点头绪了
蓝色字体并带有蓝色下划线的就是css与js的样式链接。从这里看到的样式都是使用的外联样式
（感兴趣的可以看看百度的源代码，那个就有点不一样了，源代码里面嵌入了好多的内联样式），
而且使用的都是相对路径（绝对路径一般都是http或者https开头）

第三步：

黏贴复制，Ctrl+A，Ctrl+C，黏贴到自己的javaweb的HTML页面或者jsp页面

第四步：

页面修改
对于页面多余代码的修改：可以借助浏览器（右键 “审查元素”，快捷键：F12），点击图中那个“箭头”，帮你定位你不需要的部分，进行定点删除

找到相应代码位置，（一般复制标签的id或者class值），在idea里面使用Ctrl+F进行查找删除

第五步：

样式问题（没有一个好的样式，人们就根本不想看）
（我这里不说js，同理，并且这部分我一般会使用java实现，所以js部分我一般会全部删除）

css样式的那个链接是分为：相对路径与绝对路径。
对于相对路径：这里大家都知道，你相对路径引入到的项目里面，是根本不会起作用的（人家的这个css样式肯定在人家的服务器里面啦）说怎么办呢？：“点进去”，你就可以看到样式，接着呢?黏贴复制到自己项目里面（自己新建一个css）（复制之后的样式一般都很乱，可以使用idea的快捷键：Ctrl+shift+L格式化代码）；
而对于绝对路径（以http或者https开头的路径）的css样式：一是：你可以直接使用（只要那个网站不倒，一般就可以一直使用）。二但是你也可以想处理相对路径的样式来处理绝对路径：点进去 复制黏贴 格式化

最后，若是有什么疑问或者写的有哪些不足之处，可以在下方评论回复