网站留言板防重复留言_如何做一个2000年风格复古的个人网站(3)创建个人小站-主页...

news/2024/5/9 16:03:23/文章来源:https://blog.csdn.net/weixin_39636696/article/details/111574337

cd3cf3b872c5f74a5ff12af6455bef18.png

上一章,我们创建了首页。

下面我们准备开始做主页。

先新建一个页面:home.htm

主页相对于展现个性的首页,内容要多很多,那么就要讲究排版了。

当时流程的排版还是用 table,div 大概是 2003 - 2004 年慢慢流行起来的。

整个首页页面从上到下,分为:页眉(Header)、内容(Body)、页脚(Footer)

页眉(Header)

一般占据一行,大约有 60px 那么高。 分为 3 列,从左到右依次为: Logo(88 * 31)、Banner(550 * 100)、Contact。

大概就是这样:

c54c08a33b677a852797d9cfc8381d57.png

引入之前创建的:main.css 文件

9dce9815822d92d6436570ab07a92616.png

内容区(Body)

内容区我简单的分了上层和下层

上层,增加了主要栏目的导航栏

本站导航→→→ | 紫云轩 | 文学茶社 | 星座小屋 | 游戏专区 | 老站回顾1 | 老站回顾2 | BBS论坛 new! 

下层,使用表格将内容区分为了左侧和右侧

左侧分了40%的宽度,用于展示功能右侧分了60%的宽度,用于展示详细的内容

页脚(Footer)

页脚一般就是写一些版权信息,关于我们等,随性发挥即可。

最后,大体框架,就已经成型了!

9d465de47d9f6faa11693042fc99bfe6.png

接下来,就去找素材来填充内容区了。

一般个人小站的内容都是搜刮自己感兴趣的或者有现成的。我用了当时电脑杂志附带的光盘里的内容,复制粘贴到小站里。

最后根据自己的喜好,换一下网页背景,加一些 Javascript 动画等等

最终的效果:

109a9776c4380571abceaef39c8ec045.png

在页面里,可以看到提供了一些“互动”的功能:

  1. 学友社区(学校校友社区,不是张学友。。。)
  2. “我要买”服务区

这个学友社区,其实是在

免费论坛社区、免费轻量论坛、免费网络投票系统,提供各类免费网站应用服务-互动力量​www.activepower.net

申请的,它提供了留言板、计数器、论坛、社区等功能,都是免费的。
对于当时的个人网站来说,是必不可少的。

第二个是用的老外写的:Applet Web Password 2 工具生成的。
它的原理就是通过这个软件,预设了用户名和密码,以及跳转的页面(某个html页面),然后生成一个class文件,在页面加载。

e7f9f22a721b02ce03a81b64265800bf.png

这两个工具,或多或少有点缺点:

  1. 免费社区,数据不在本地,说不定哪天就不提供服务了
  2. 用户名和密码是写死了的,而且目标页面没有做过期验证,只要知道了目标页面,下一次就可以绕过登录直接查看了

那么下一期,我会给小站,加一点属于自己的真正的互动功能:使用ASP + Access编写一个留言板。

songday:如何做一个2000年风格复古的个人网站(1)开发环境准备​zhuanlan.zhihu.com
d0088b6db8f4f6077c31675ab5127172.png
songday:如何做一个2000年风格复古的个人网站(2)创建个人小站-首页​zhuanlan.zhihu.com
1c5218439558127ac733d2bb6e057819.png
songday:如何做一个2000年风格复古的个人网站(4)留言板保存留言功能​zhuanlan.zhihu.com
2ce1a2122f39755c7f0952030366add0.png
songday:如何做一个2000年风格复古的个人网站(5)留言板查看功能​zhuanlan.zhihu.com
50fbbaf2d73413de75e0d91fadff60b1.png

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

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

圣才电子书怎么提取pdf_总结10个免费网站,助你解决PDF所有问题!

PDF是我们常用的文件处理格式,比如打印文档、阅读文献等等。已有的软件不是付费,就是难以使用。今天推荐10个一站式免费解决PDF所有问题的网站,让你任性地使用与PDF有关的所有工具。01iLovePDFiLovePDF是一款满足你所有PDF需求的免费工具&…

微软正式发布Azure Storage上的静态网站

微软正式宣布了Azure Storage上的静态网站,提供了从托管在Azure Storage上的HTML、CSS和JavaScript文件提供内容的能力。静态网站包含内容固定的Web页面,同时仍然允许利用JavaScript等客户端代码来创建丰富的用户体验。 有了这个新功能,继用于…

linux nginx php 目录权限,Nginx环境中配置网站目录权限设置

在Nginx与php环境下,务必要设置好Nginx目录权限,安全的目录权限设置,将是网站安全的一道屏障,有需要的朋友做个参考吧。配置权限的原则是,在保证网站正常运行下,尽量给最低权限。nginx目录权限配置&#xf…

idm 爬取网站 跳转路径_儋州网站案例基本流程,电子元件网络推广,浅析

首页 > 新闻列表 > 正文作者:佚名 点击数: 7更新时间:2020-11-06 11:19:34 导读:北京佐助信息科技有限公司为您提供儋州网站案例基本流程,电子元件网络推广的相关知识与详情: 是否交换朋友链需要每天检查&#…

php mysql网站导航跳转_PHP微信公众平台跳转网页实现定位思路 By:阿尚

这两天做微信公众平台的时候遇到一个进入网页进行用户定位的功能,由于各方面原因,没有去使用微信提供的js定位。以前也没做过微信相关的开发-加之微信官方提供的API文档着实看着蛋疼,苦思无果,终于在第三天某位高人提了一点思路&a…

j2ee mysql 图片_实战 J2EE 开发购物网站 二_MySQL

J2EE第三步,安装配置jBuilder 7这里我安装的是weblogic版安装jBuilder不要把它装到带有空格的目录里如Prograih Files,或是中文目录中,不然编译时会出错的。安装很简单,不必多言,这里着重讲一下配置小技巧一:大家觉得j…

python网络爬虫_Python网络爬虫——爬取视频网站源视频!

原标题:Python网络爬虫——爬取视频网站源视频!学习前提1、了解python基础语法 2、了解re、selenium、BeautifulSoup、os、requests等python第三方库 1.引入库爬取网站视频需要引入的第三方库:import os from selenium import webdriver impo…

linux系统默认硬盘启动,帮助中心--起点操作系统(StartOS)官方网站

如果您已经拿到 StartOS 的安装光盘,那还犹豫什么呢? 马上将计算机设置为从光驱启动,插入安装光盘,开始安装之旅吧!StartOS 是免费的,可以从官方网站直接下载。下载得到的是后缀名为”.iso”的光盘镜像文件…

中文地址转英文地址网站_SSL证书可能让你网站源IP地址暴露

最近从网站的攻防战中学到了不少东西,还结识了一个专门做网站防护的同县城老乡,给了我不少的信心。这几天网站能够保证一定时长的访问,能够让我更新2-3篇文章不受阻碍,主要也是我这位老乡的功劳真的。今天我网站的Cc攻击量达到了2…

vue seo关键词设置_网站SEO常用优化技巧

SEO(Search Engine Optimization)搜索引擎优化,简单来说,就是通过技术手段,帮助我们的网站上首页。不同的搜索引擎,排名算法也不尽相同,导致了各项参数的权重比值也就不一样,但是&am…

网站服务器可以用虚拟主机吗,做网站虚拟主机可以用服务器吗

做网站虚拟主机可以用服务器吗 内容精选换一换可以。弹性云服务器或者专属主机上创建的弹性云服务器都可以用来搭建网站。华为云帮助中心,为用户提供产品简介、价格说明、购买指南、用户指南、API参考、最佳实践、常见问题、视频帮助等技术文档,帮助您快…

seo关键词互点软件报价_seo关键词优化软件如何收费

seo关键xaa0c1词优化软件如何收费,随着现代化信息技术的发展,人们越来越多的从网络来获取信息。近年来,我们获取的信息绝大部分都是来源于网络,网络如今已成为信息的最大载体。为了让更多消费者了解并消费企业提供的服务和产品&am…

怎样获取网站的域名_搭建一个网站,通常的6大步骤你知道吗?

怎样建网站?要搭建一个网站,通常有6个步骤。下面我们简单的介绍如何一步一步搭建网站。第一步:注册域名挑选网站地址,注册专属域名。注册域名的价格取决于具体用什么样的后缀域名搭建网站。目前可以选择的域名后缀非常多&#xff…

python多页网站目录_python 爬取页面所有的url

原博文 2020-08-07 21:01 − 1.使用request爬取有效的URL # -*- coding: GBK -*- from urllib import request import re #爬取某个主页上的全部有效URL def crawb(): # 1. 确定好要爬取的入口链接 url "http://www.b... 相关推荐 2019-12-18 21:26 − 1,Djan…

php 随机在文章中添加锚文本_seo网站优化技巧之:8种优质锚文本的做法

众所周知,质量最高的外链就是锚文本形式的外链,这种外链又称为锚链,当锚文本中嵌入了我们的目标关键词之后,这种锚链的权重传递效率最高。锚文本链接的质量高低,对关键词排名及网站权重的影响非常大。seo网站优化技巧什…

VS2012/13本地发布网站详细步骤(可带数据库)

VS发布网站详细步骤 要在本地(自己的额电脑上)发布网站,首先你必须要搭建一个IIS服务器(具体搭建方法可参考我的上一篇博客)。下面是具体步骤:1、打开你的VS2012网站项目,右键点击项目》菜单中 …

c语言精品课程网站论文免费下载,【毕业论文_c语言程序设计精品课程网站的研究与实现6喜欢就下吧材料】...

毕业论文_c语言程序设计精品课程网站的研究与实现(6)(喜欢就下吧)《毕业论文_《c语言程序设计》精品课程网站的研究与实现.doc》由会员分享,可免费在线阅读全文,更多与《毕业论文_c语言程序设计精品课程网站的研究与实现(6)(喜欢就下吧)》相关文档资源请…

织梦html地图插件,织梦dede网站地图xml生成插件(图文教程)

织梦网站地图xml生成插件描述1.utf8 和 gbk 有齐2种编码插件文件2.根据自己程序编码选择对应插件,上传模块,安装,使用3.可同时生成5种地图文件 sitemap.html sitemap.txt sitemap.xml google.xml rss.xml4.支持自动绝对路径(无论你站是否…

客户端安装服务器的路径查找文件,柴少鹏的官方网站-puppet系列(一)之puppet的部署、配置文件以及命令详解...

一、puppet的介绍(文字解释部分参考了权威指南)作为自动化运维管理老大哥级别的软件,这个词大家都很熟悉了,我也就不阐述什么发展史啊,跟其他工具的对比了。不过有一点是要注意的,puppet分为社区版和企业版。我们应该用的都是社区…

网站html漂浮代码大全,网页漂浮窗口代码

漂浮窗口代码var x 50,y 60var xin true, yin truevar step 1var delay 10var objdocument.getElementById("ad")function floatAD() {var LT0var R document.body.clientWidth-obj.offsetWidthvar B document.body.clientHeight-obj.offsetHeightobj.style.l…