Jave Web实验报告二:开源中国静态复刻

隅逝ZIPweb-homework2.zip  5.5MB

资源文件列表:

ZIP web-homework2.zip 大约有7个文件
  1. 1.gif 2.31KB
  2. c.html 8.57KB
  3. os.css 9.58KB
  4. test1.jpg 208.97KB
  5. test2.jpg 526.5KB
  6. test2.png 3.34MB
  7. test3.jpg 1.44MB

资源介绍:

Jave Web实验报告二:开源中国静态复刻的实践过程涉及到对源码的深入分析和理解。在这个实验中，我们复刻了开源中国的静态网页，这不仅是一个简单的复制粘贴过程，而是一个对网页结构、样式以及内容的重构和优化。实验报告详细记录了实验的每一个步骤，包括如何获取开源中国的页面元素、理解页面的布局和设计风格、以及如何用HTML、CSS等技术手段实现页面的静态复刻。 在实验过程中，首先需要对开源中国的页面进行仔细观察，提取页面的关键元素，如导航栏、主体内容、页脚等。这些元素在HTML文件中通过不同的标签来实现。例如，导航栏可能使用的是`
&lt;!DOCTYPE html> &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;实验报告二：开源中国静态复刻&lt;/title&gt; &lt;link rel="stylesheet" href="os.css"&gt; &lt;/head&gt; &lt;body&gt; <header> <div class="top"> <div class="link top-left"> <span><a href="" xss=removed>首页</a></span> <span><a href="" xss=removed>资讯</a></span> <span><a href="" xss=removed>动弹</a></span> <span><a href="" xss=removed>专区</a></span> <span><a href="" xss=removed>问答</a></span> <span><a href="" xss=removed>GOTC2023</a></span> <span><a href="" xss=removed>活动</a></span> <span><a href="" xss=removed>软件库</a></span> <span><a href="" xss=removed>Too</a>l</span> <span><a href="" xss=removed>博客</a></span> <span><a href="" xss=removed>Gitee</a></span> <span id="icon_mayun_wide"> DevOps </span> </div> <div class="link top-right"> <span><a href="" xss=removed>登录</a></span> <span><a href="" xss=removed>注册</a></span> </div> </div> <div class="nav"> <div class="link logo">开源软件</div> <div class="link menu"> <span><a class="unselected" href="">软件首页</a></span> <span><a class="unselected" href="">软件分类</a></span> <span><a class="unselected" href="">国产开源</a></span> <span><a class="selected" href="">开源公司</a></span> <span><a class="unselected" href="">软件资讯</a></span> </div> &lt;button type="button" id="td" style="cursor: pointer;"&gt;<b>＋ 投递软件</b>&lt;/button&gt; &lt;input placeholder=" 大家都在搜..." type="text" id="text1"&gt;&lt;/input&gt;&lt;button type="submit" id="button1"&gt;⚁&lt;/button&gt; </div> </header> <div class="substance"> <div class="li1"> <div class="a1"> <span><a href="">开源软件</a></span> <span>⚁</span> <span><a href="">开源公司</a></span> <span>⚁</span> <span><strong><a href="" xss=removed>开源中国</a></strong></span> <span xss=removed>(1)</span> </div> <div class="a2"> <span xss=removed><strong xss=removed>推荐软件</strong></span> <span xss=removed><a href="" xss=removed>更多推荐</a></span> </div> <a href="" class="image1" xss=removed>Kooder-源码托管系统代码搜索工具</a> <a href="" class="image1" xss=removed>Gitee Jenkins Plugin-码云持续集成插件</a> <a href="" class="image1" xss=removed>CodeCloud VisualStudio-码云Visual Studio 插件</a> <div class="a3"> &lt;select required id="select1"&gt; <option value="">所有编程语言</option> <option value="Java">Java</option> <option value="C++">C++</option> <option value="Python">Python</option> <option value="Kotlin">Kotlin</option> <option value="C">C</option> &lt;/select&gt; &lt;select required id="select2"&gt; <option value="">所有操作系统</option> <option value="Windows">Windows</option> <option value="Linux">Linux</option> <option value="Unix">Unix</option> <option value="macOS">macOS</option> &lt;/select&gt; &lt;input type="checkbox" id="tj" style="zoom:140%;"&gt; <label for="tj" xss=removed>只看推荐</label> <span xss=removed>排序：</span> <strong id="slsj"><a href="" xss=removed>收录时间</a></strong> <a href="" id="lls">浏览数</a> <a href="" id="scs">收藏数</a> </div> </div> <div class="li2"> <a class="tmain" href=""><span class="title1">Kooder</span><span class="title2"> - 源码托管系统代码搜索工具</span> <span class="jian">荐 <span class="tuijian" xss=removed>推荐</span></span> <span class="guo">国 <span class="guochan" xss=removed>国产</span></span> </a> <span class="text2">Kooder 是一个开源的代码搜索工具，目标是为包括 Gitee/GitLab/Gitea 在内的代码托管系统提供自动的源码、仓库和 lssue 的搜索服务。一个企业里往往有大量的项目，每个项...</span> <span class="sc1">收藏:60</span><a href="" class="pl1">评论:24</a><span class="gxrq1">更新于 2021/06/03</span> <a class="tmain" href="https://www.oschina.net/p/xuanwan"><span class="title1">玄湾OS</span><span class="title2"> - 云原生镜像构建系统</span> <span class="jian">荐 <span class="tuijian" xss=removed>推荐</span></span> <span class="guo">国 <span class="guochan" xss=removed>国产</span></span> </a> <span class="text2">玄湾OS是云原生OS的重要组件之一。玄湾OS项目聚焦于镜像的构建和升级。常规的OS镜像一般是通过Linux发行版衍生而来，在云原生场景下，具有体积臃肿、版本零散、攻击面广等不足。玄湾OS项目的引...</span> <span class="sc1">收藏:10</span><a href="" class="pl1">评论:15</a><span class="gxrq1">更新于 2024/03/20</span> </div> <div class="li3"> <span xss=removed><strong>本类热门软件</strong></span> <a href="https://www.oschina.net/p/github" class="tmain2">GitHub - 代码托管服务平台</a> <span class="sc2">收藏:349</span><a href="" class="pl2">评论:74</a> <a href="https://www.oschina.net/p/github" class="tmain2">GitHub - 代码托管服务平台</a> <span class="sc2">收藏:349</span><a href="" class="pl2">评论:74</a> <a href="https://www.oschina.net/p/github" class="tmain2">GitHub - 代码托管服务平台</a> <span class="sc2">收藏:349</span><a href="" class="pl2">评论:74</a> <a href="https://www.oschina.net/p/github" class="tmain2">GitHub - 代码托管服务平台</a> <span class="sc2">收藏:349</span><a href="" class="pl2">评论:74</a> <a href="https://www.oschina.net/p/github" class="tmain2">GitHub - 代码托管服务平台</a> <span class="sc2">收藏:349</span><a href="" class="pl2">评论:74</a> <a href="https://www.oschina.net/p/github" class="tmain2">GitHub - 代码托管服务平台</a> <span class="sc2">收藏:349</span><a href="" class="pl2">评论:74</a> <a href="https://www.oschina.net/p/github" class="tmain2">GitHub - 代码托管服务平台</a> <span class="sc2">收藏:349</span><a href="" class="pl2">评论:74&lt;/
100+评论
captcha
    相关资源