HTML5+CSS3海绵宝宝网站设计(2)_海绵宝宝网页-程序员宅基地

技术标签: css  html5  css3  

嗨,欢迎来到异星球,我是小怪同志。这篇文章主要讲解HTML5+CSS3制作海绵宝宝网站,请一起学习吧。

目录

一、作品简介

二、作品思路

三、代码实现

1.角色简介

2.精美图集

3.网站界面图片


一、作品简介

因为初学HTML5+CSS3,学的知识还只是皮毛,因此这次的海绵宝宝网站有许多不足的地方,还请大家多多包涵。海绵宝宝网站主要讲了与海绵宝宝的简介,朋友,语录,图集等。

二、作品思路

海绵宝宝网站包括了七个网页,分别是:首页,作品介绍,角色简介,精彩图集,经典语录,个人注册,快速登录,网站的整体结构大方面的结构也就只是三个区域,分别是头部,中部,底部。详细的讲解就是首先是开头的快捷导航栏,其次是导航栏,导航栏主要就是表达网站有七个小页面,方便快速跳转到想要去的页面,接着就是banner设计,可以增加网站视觉效果,也可以更好的突出网站宣传区域,中间就是个整体的大框架,可以添加想要的图片文字等等一系列的效果,最后就是footer底部,这样就是一个完整的网站区域布局。

三、代码实现

话不多说,直接上部分代码。需要详细代码请私信我~后续还会继续更新的。

1.角色简介

<body>
		<div class="shortcut">
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_65445097/article/details/127470437

智能推荐

2.【hadoop集群搭建】安装JDK和hadoop (rz上传命令安装)_[root@master ~]# tar -zxvf /root/opt/jdk-8u212-lin-程序员宅基地

文章浏览阅读2.3k次。1.文件上传到虚拟机的准备(1)安装FTP,连接虚拟机IP,上传包(推荐)(2)rz命令,XShell或CRT执行下载命令安装rz,便于往分布式文件系统上传安装包。yum install -y lrzsz2.安装依赖包glibcyum install glibc.i6863.创建文件夹并进入mkdir /hadoopcd /hadoop4.上传JDK安装包rz或FTP连接虚拟机..._[root@master ~]# tar -zxvf /root/opt/jdk-8u212-linux-x64.tar.gz tar (child):

c++头文件大全-程序员宅基地

文章浏览阅读10w+次,点赞111次,收藏685次。C/C++头文件一览C、传统 C++#include    //设定插入点#include      //字符处理#include      //定义错误码#include      //浮点数处理#include    //文件输入/输出#include    //参数化输入/输出#include   //数据流输入/输出#include    //定义各种数_c++头文件

[CountDownLatch] 1.实现等待TcpServer启动完毕后再发射事件 2.使用CompletableFuture代替CountDownLatch将阻塞封装到内部-程序员宅基地

文章浏览阅读284次。也不能说:直接就启动一个线程,不然没办法发射出“服务器启动”这个事件。有时候,我们希望NettyServer启动时不能说卡主主线程。这时就可以使用此类执行完毕后,通知下主线程。总结:可以看出来,是单独的线程启动,但是可以控制住顺序了。

java8两个list中发数据比较_Java8 Stream对两个 List 遍历匹配数据的优化处理操作-程序员宅基地

文章浏览阅读1.2w次。使用场景,有两个List>集合,第一个集合的所有元素都是需要保留的。第一个集合的值为:{name=张三丰1, id=1}{name=张三丰2, id=2}{name=张三丰3, id=3}{name=张三丰4, id=4}{name=张三丰5, id=5}{name=张三丰6, id=6}{name=张三丰7, id=7}{name=张三丰8, id=8}第二个集合的值为:{grade=61..._list stream 比较

五子棋游戏JS实现-程序员宅基地

文章浏览阅读846次。使用HTML5和JS实现五子棋游戏

Androidstudio的gradle过大内存溢出解决-程序员宅基地

文章浏览阅读5.3k次。首先贴出问题:解决思路如下图:

随便推点

解决龙格现象matlab,matlab实现Lagrange多项式插值观察龙格现象-程序员宅基地

文章浏览阅读3.8k次,点赞4次,收藏27次。Matlab进行Lagrange多项式插值拉格朗日插值法对函数y=1./(1+25*x.^2)在区间[-1,1]进行5次、10次、15次插值观察龙格现象主程序1.拉格朗日function [c,l]=lagran(x,y)%c为多项式函数输出的系数%l为矩阵的系数多项式%x为横坐标上的坐标向量%y为纵坐标上的坐标向量w=length(x);n=w-1;l=zeros(w,w);for k=1:n+..._龙格现象图像matlab报告

电商管理系统客户端原型分享-程序员宅基地

文章浏览阅读1.4k次。如何画电商管理系统原型,一起来看吧。(资源可下载)_客户端原型

Pandas Dataframe合并连接Join和merge 参数讲解-程序员宅基地

文章浏览阅读638次,点赞28次,收藏14次。但是如果是连接多个键的名字都不同的时候,(比如df1.key1 == df2.key2 , df1.key3 == df2.key4) 那么则最好先通过rename的函数对Dataframe进行改名,之后再merge。当使用cross的时候不需要指定on啥,因为会把左右连接的所有的可能都返回,并不在乎谁和谁相等。这个是merge中的参数,当设置为True的时候,意思是使用索引进行连接。其中merge是需要给键值的。join默认的是使用索引的值。how表示的是连接的方式,一般包含下面的参数,默认是左连接。

【Oracle数据库】存储过程有几种循环方式?_oracle存储过程for loop循环-程序员宅基地

文章浏览阅读1.1k次,点赞17次,收藏9次。在所有的编程语言中,循环都是一个非常重要的语法,掌握循环,是程序员必不可少的能力。在Oracle中,常用的有四种循环,loop循环,while循环,for循环和goto循环_oracle存储过程for loop循环

java/php/node.js/python会议报名系统【2024年毕设】-程序员宅基地

文章浏览阅读676次,点赞18次,收藏23次。本系统带文档lw万字以上文末可领取本课题的JAVA源码参考。

GD32系列总结 - VScode + keil开发环境搭建_gd32f405 vscode-程序员宅基地

文章浏览阅读3.1k次,点赞7次,收藏47次。GD32系列总结 - VScode + keil开发环境搭建写在前面Keil Assistant插件安装与使用遇见的问题include波浪线警告中文备注乱码last line of file ends without a newline常用插件Chinese (Simplified) Language Pack for Visual Studio CodeBracket Pair ColorizerTabnine AI Code Completion写在前面来了新公司之后,由于这次遇见的单片机是GD32_gd32f405 vscode

推荐文章

热门文章

相关标签