教程:HTML学生个人网站作业设计：HTML做一个公司官网首页页面（纯html代码）

　　教程:HTML学生个人网站作业设计：HTML做一个公司官网首页页面（纯html代码）

　　✍️ 作者简介：一个热爱将逻辑思维转化为代码的技术博主

　　作者主页：【首页-获取更多优质源码】

　　Web前端期末作业：【期末项目优质项目案例（1000套）】

　　程序员有趣的告白方式：【HTML七夕*敏*感*词*节告白网页制作（110套）】

　　超酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化（150套）】

　　HTML+CSS+JS 示例代码：

　　免费实用的WEB前端学习指南：

　　作者简介：历任研发工程师、技术组长、教学总监； 2016年、2020年两次获得CSDN十大博主之星。十年寒冰，血难凉； 多少年过去了，风云变幻，物是人非。 然而，对技术的探索和追求从未停止。 坚持原创，热爱分享，不忘初心，继往开来！

　　文章目录

　　1.网站标题

　　公司官网站、企业官网、酒店官网等网站的设计制作。

　　2. 网站描述

　　️ 网页包括：Div+CSS、鼠标悬停效果、Table、导航栏效果、banner、form、二级、三级页面等，视频音频元素，同时设计一个logo（源文件），基本期末作业要求知识点全覆盖。

　　一套高质量的网页设计应包括（具体可根据个人要求确定）

　　页面分为页眉、菜单导航栏（最好下拉）、中间内容部分、页脚四个部分。 所有页面都相互超链接，导致三级页面，由 5-10 页组成。 页面样式风格统一，布局正常显示，不凌乱，采用Div+Css技术。 菜单美观醒目，二级菜单可以正常弹出跳转。 必须要有JS特效，比如图片轮播的定时切换，手动切换。 页面中有gif、视频、音乐等多媒体元素，还有表格技术的使用。 页面干净、美观、大方，不雷同。 . 不仅要能够呈现用户所要求的内容，还必须满足布局良好、界面美观、配色高雅、表现形式多样等要求。 3． 网站介绍

　　网站布局方面：拟采用目前主流的浮动网页布局结构，兼容各大主流浏览器，显示效果稳定。

　　网站程序：拟采用最新的网页编程语言HTML5+CSS3+JS编程语言完成网站的功能设计。 并确保网站代码兼容目前市面上所有主流浏览器，以便打开后立即看到网站。

　　网站素材方面：计划从各个平台采集好看的图片素材，精心挑选适合网页风格的图片，然后用PS制作适合网页大小的图片。

　　网站文件方面：网站系统文件的种类包括：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

　　网页编辑：网页作品代码简单，可以使用任何HTML编辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件运行、修改编辑、 ETC。）。

　　在：

　　（1）html文件收录：index.html为首页，其他html为二级页面；

　　(2)css文件包括：所有css页面样式、文字滚动、图片缩放等；

　　（3）js文件包括：js实现动态轮播效果、表单提交、点击事件等（个别网页使用js代码）。

　　4.网站演示

　　五、⚙️网站代码HTML结构代码

　　

DOCTYPE html>

首页

防盗门企业集团

设为首页

|

收藏本站

首页

公司介绍

产品中心

咨讯中心

资料下载

人才招聘

联系我们

关于我们

公司简介

组织架构

发展历程

公司场景

公司荣誉

公司简介

联系我们

通讯地址：广东省中山市南头金湾广场B座16号

邮政编码：528427

销售电话：0760-22517081转881,882,883

传真号码：0760-86744123

<p>

当前位置：首页 > 公司介绍 > 公司简介

PageAdmin

集成内容发布、文章、产品、图片、招聘、留言、自定义模型、采集等功能于一体的企业级网站管理系统。

PageAdmin特点

可视化的管理网站内容和结构：自由的模块布局和组合设计，灵活的内容调用、强大的自定义功能、所见即所得的编辑器等等功能都体现在了网站架构的自由和灵活，网站可以做的很简洁，也可以做的很复杂，完全可以根据自己的需求来架设。

自由设计网站界面：系统采用div+css结构，遵循国际最新W3C网页设计标准，兼容IE6、IE7、火狐、Opera等主流浏览器，结构和设计的完全分离让网站界面想换就换。

周密的安全策略和攻击防护：对SQL注入攻击进行过滤、对密码进行了不可逆加密处理，提供数据库备份功能、对管理员权限的自由分配，在方方面面保证了系统的安全和稳定。

降低网站开发维护成本:由于CMS系统在中国的发展还在起步阶段，很多的企业和单位开发一个网站需要动用强大的财力物力，不单单找网站公司开发需要耗费，后期维护升级也需要。PageAdmin的问世改变了传统网站建设流程，通过安装PageAdmin，任何用户都可以轻松的架设自己需要的网站。再给用户高效简单建站的同时还减少了总成本。

适用范围

中小企业、中小学网站、院校系部网站，政府部部门网站。

关于我们|*敏*感*词*|给我留言|人才招聘|友情链接

PageAdmin网站管理系统版权所有Copyright © 2008-2014 www.pageadmin.net

Powered by

PageAdmin CMS

</p>

　　CSS样式代码

　　* {

margin: 0px;

padding: 0px;

list-style: none;

}

#bigbox {

width: 1280px;

margin: 0 auto;

}

#title {

position: relative;

width: 100%;

height: 150px;

background-image: url(../image/headbg.jpg);

}

#logo {

color: #fff;

margin-left: 140px;

font-size: 24px;

padding-top: 50px;

}

#logo p {

margin-bottom: 10px;

}

#logo span {

color: #868797;

font-size: 14px;

margin-left: 10px;

}

#title ul {

position: absolute;

width: 630px;

right: 140px;

top: 0px;

display: flex;

font-size: 13px;

}

#title ul li {

display: flex;

color: #fff;

line-height: 150px;

width: 90px;

background: url(&#39;../image/lanmu_nav_menu_bg.gif&#39;) no-repeat left bottom;

}

#title ul li p {

width: 100%;

text-align: center;

}

#bannner {

width: 1000px;

font-size: 0px;

margin: 0 auto;

}

#bannner img {

width: 1000px;

}

#main {

position: relative;

display: flex;

width: 1000px;

margin: 0 auto;

}

#main_left {

width: 230px;

}

.clear {

width: 100%;

<p>

background-color: #E3E3E3;

height: 18px;

}

.left_title {

background: url(&#39;../image/nav_title.png&#39;) no-repeat left;

}

.left_title p {

color: #fff;

font-size: 14px;

line-height: 40px;

padding-left: 30px;

}

.left_title_msg {

background: url(&#39;../image/listx2.png&#39;) no-repeat left;

}

.left_title_msg p {

line-height: 30px;

font-size: 12px;

color: #323231;

padding-left: 55px;

}

.come {

width: 100%;

background-color: #ECECEC;

padding-top: 18px;

padding-bottom: 18px;

}

.come p {

margin-left: 20px;

margin-right: 20px;

font-size: 12px;

line-height: 24px;

}

#main_right {

width: 770px;

}

#main_right_title {

background: url(&#39;../image/boxtitle.png&#39;) no-repeat left;

height: 40px;

}

#main_right_title p {

font-size: 12px;

line-height: 38px;

margin-left: 40px;

font-weight: 550;

}

#neirong {

width: 734px;

height: 416px;

background-color: #fff;

color: #545454;

font-size: 13px;

padding-left: 18px;

padding-right: 18px;

padding-top: 20px;

}

#neirong span {

font-weight: 550;

}

#neirong h4 {

color: #545454;

}

.suojin {

text-indent: 14px;

}

#neirong img {

float: right;

right: 0px;

margin-top: -10px;

}

#footer {

width: 1000px;

background-image: url(../image/headbg.jpg);

color: #fff;

text-align: center;

margin: 0 auto;

font-size: 14px;

line-height: 30px;

padding-top: 30px;

padding-bottom: 30px;

}

#footer span {

margin-left: 10px;

margin-right: 10px;

}

#bottom {

width: 1000px;

margin: 0 auto;

}

#bottom {

text-align: center;

background-color: #fff;

line-height: 40px;

font-size: 13px;

}

#bottom span {

font-weight: 550;

}

</p>

　　6、如何让学习不再盲目

　　第一，有目标地学习，无论是看书、看报，还是各种线下活动。

　　首先要明确自己的学习目标是什么，要解决什么问题，要达到什么目标。

　　二、学习应建立个人知识体系

　　知识无止境，书籍浩瀚。 当我们在其中尽情徜徉，千万不要被大海淹没，因为我们没有自我。在学习的过程中，我们会发现每一个知识点都有它的界限和背景，我们要善于总结知识

　　三、学会使用

　　有时候，我们会觉得一天的时间学习了很多干货，一定要把这些知识点和实际的工作、生活联系起来。 知识和实践是密切相关的。 热爱学习是好事，但只有会学习的人才有价值。

　　7.更多干货

　　1.如果我的博客对你有帮助，如果你喜欢我的博客内容，请一键“点赞”、“✍️评论”、“采集”！

　　2. [关注我 | 获取更多源代码 | 优质文章】带你学习各种前端插件、3D炫酷特效、图片展示、文字特效、整站模板、大学生毕业HTML模板、期末作业模板等！ “这里有很多前端开发者，一起讨论前端Node知识，互相学习”！

　　3.

　　以上内容及技术相关问题欢迎交流学习

　　教程:SEO技巧之最实用的网站采集技巧（5-v.org）

　　网站内容采集是我们个人网站必须要面对的。 没有人有精力和能力批量创造原创信息。 几年前，采集刚开始流行的时候，搜索引擎就是你有什么，什么东西都是按顺序收的。 我接触到了它。 第一个采集器是一个用 php 代码编写的程序。 名字叫小蜜蜂采集器。 我觉得很好，但是现在官方已经不存在了，开发也停止了。 我很抱歉。 用过后会和我沟通，交给原配。 该版本让我将其保存在我的采集中。 那几年，很多站长都有了爆发的机会。 有人通过采集带来了N多的流量，当时猖獗的SP服务广告带来了N多的钱，但也带来了很多负面影响。 因为在猖獗的互联网上采集的重复信息太多，搜索引擎不愿意出现这样的情况，所以专门为此研究了一种新的算法，才导致了现在的这种情况。 搜索引擎开始关心新事物和其他现有信息。 不想收录你的文章，一定要让它们有新鲜感，但是任何技术在任何时候都不会过时。 关键是要动脑子去推导出更多的东西。 如何采集收录收不收、收不收的收录，文章了现在摆在大家面前的一个难题。 真让人头疼。 每个人的目的都是一样的。 是一招，就是不劳而获。 因为不付出，就想得到别人通过自己努力积累的东西。 为此，伪原创了伪原创。 1 词组替换 2 词频变换 每个人用得最多的就是用特定的词典来替换意思相同或相近的东西，这样就可以在不影响访问者阅读的情况下对原文进行比对和翻译。 文章文章 二是修改词频，也就是说，如果一篇文章最初出现了5次，李四3个词，搜索引擎就会记录在数据库中，下次再出现文章。 三个字，5个字，李四爷，3次，搜索引擎很可能把他当成同文章，不收录。 这就是为什么打乱段落顺序对搜索引擎判断原创性无效，而改变关键词的词频会影响搜索引擎。 原创文章的判断干扰了原文章，使得张三变成了4次，李四变成了2次，所以词频会发生变化。 当然，每个站都需要仔细更改相应关键词的词频。 最终的方法也是最好的。 最好的办法是，如果你的网站权重高，你可以稍微改一下内容，从一个权重低的原创站拿一篇文章或者直接CO

　　

　　PY过来的时候，搜索引擎也有很大概率判断你是原创的，原来的原创站点自然会变成转载网站。 这对原址不公平，但这个世界本来就不公平。 采集就是要注意用户粘性，说到这里我不得不告诉大家一个问题。 你的新站千万不要用自己的原创文章，把链接当软文加到高权重的网站上，因为现在很多网站对提交的文章都非常敏感。 纯文章类型站点禁止外链，这样其他站点就成了文章的原创地址，而你的就是纯复制站点。 不但不会有好的影响，反而会把你的站点当成纯复制站点，降低权限。 我被罚过，所以我一般都是用竞争对手的文章，写不出软文文就加我的链接为软文文。 如果有链接，那对我有好处，没有惩罚。 这不是我，采集我今天不谈。 重要的事情即将揭晓。 我想也是大家最关心的。 这就是你能不能直接让搜索引擎认为你的是原创，没有假原创。 答案是肯定的。 只是从原理上考虑一下。 搜索引擎是如何通过发布蜘蛛爬虫来获取数据的，而蜘蛛实际上是模拟普通访问者对网站进行深入探索，并将看到的内容提交给搜索引擎。 那么你能看到什么文章，蜘蛛能看到什么？ 蜘蛛被限制，你可以自由。 对蜘蛛网站限制分为两类。 一个是机器人文件施加的限制。 普通访客不存在此限制。 不了解机器人的可以自行查资料。 二是人为设置权限限制。 这种限制与蜘蛛和普通访客共存。 不同的是，蜘蛛无法通过这个限制，而人可以通过一些手段来突破这些限制。 1.蜘蛛模拟访客。 如果网站对访问者有限制，蜘蛛就无法通过。 比如各行各业访问量大的网站的论坛，有一些高价值的栏目是禁止游客浏览的。 蜘蛛也被挡在了门外，所以这些内容永远不会收录在这里，但是我们可以注册相关的账号来拥有它们。 该帐户具有访问权限。 通过模拟cookies，采集器也可以获得这些内容的访问权限，从而采集这些高价值的内容。 搜索引擎也将这些内容视为您的原创内容，因此您可以对其进行批量处理。 挑选

　　

　　采集原创内容，但是前提是只有你用这个方法采集这个论坛，所以这个技巧适用于不是很热门的关键词。 毕竟我没见过多少人这么用的。 虽然知道的人很多，但都是刻意为之。 有几个人做了也知道自己无能为力，但是因为经常更换站点类型，所以掉电不是一点半点。 只是研究用，掉电后的长尾关键词流量也不少。 不仅论坛有限制 还有很多东西要自己考虑，但是说出来也不好如果你按照上面的内容做网站就会成功，那么你已经被公众的话深深地伤害了。 做网站的时候，一定要时刻记住你为什么要建网站。 很少有人在玩数据流量。 采集后处理。 采集的东西必须通过内部链接，人工有机合成为一个整体。 这可以通过标签来实现。 这是最快的方法。 后处理是整个采集过程中最重要的事情。 认为采集完成的人是绝对错误的，但这与今天的话题无关。 如果有人愿意和我一起讨论，那么网站采集器采集器我采集。你不能阻止每个人想象的权利。 甚至在那一刻，一项新技术采集在您的脑海中。 这是真正属于你的东西。 采集的目的是原创。 一定要把握好自己，千万不要迷失在采集的世界里。 吸引访客，尽量增加用户的粘性。 经常组织与用户的互动活动，让他们觉得你的网站是有意义的。 时间久了，你甚至会摆脱搜索引擎对你的影响。 只有原创的网站才会有生命力。 有盈利点还叫什么垃圾站？ 无目的，无计划，项目进度表，采集计划，下载计划，下载计划，下载课程教案，下载采集无后处理，建站。 别以为我是在教你怎么建垃圾站。 如果我花这么多时间谈论一个垃圾站，那我会鄙视自己的。 2 蜘蛛被robotstxt 文件限制。 许多大型网站中有很多目录是不允许蜘蛛访问的。 也就是说，搜索引擎无法收录这些目录。 您可以在这些目录中采集信息。 蜘蛛会认为这是原创的，但如果采集它的人太多，它会回到开始。