3.1 favicon图标
favicon.ico 一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者标签上。
目前主要的浏览器都支持favicon.ico图标。
favicon图标的制作分为3步:
1.制作favicon图标
2.favicon图标放到网站根目录下
3.HTML页面引入favicon图标
1.制作favicon图标
(1)把品优购图标切成png图片
(2)把png图片转换为ico图标, 这需要借助于第三方转换网站,例如比特虫: http://www.bitbug.net/
2.favicon图标放到网站根目录下
3.HTML页面引入favicon图标
在html页面里面的< head> < /head> 元素之间引入代码
<link rel="shortcut icon" href="favicon. ico" type=" image/x-icon"/>
3.2 css公共样式
模块开发:
●有些样式和结构在很多页面都会出现, 比如页面头部和底部, 大部分页面都有。此时, 可以把这些结构和样式单独作为一个模块, 然后重复使用
●这里最典型的应用就是common.css公共样式。写好一个样式, 其余的页面用到这些相同的样式
●模块化开发具有重复使用、 修改方便等优点
common.css公共样式里面包含版心宽度、清除浮动、页面文字颜色等公共样式。
3.3 LOGO SEO优化
1.logo 面首先放一个h1标签, 目的是为了提权, 告诉搜索引擎, 这个地方很重要。
2.h1 面再放一个链接,可以返回首页的,把logo的背景图片给链接即可。
3.为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来。
4.最后给链接一个title属性,这样鼠标放到logo上就可以看到提示文字了。
隐藏文字的方法:
●方法1:text-indent移到盒子外面( text-indent: -9999px) ,然后overflow:hidden; 淘宝的做法。
●方法2:直接给font-size: 0; 就看不到文字了,京东的做法。
3.4 常用模块类名命名
3.5 注册页类名命名
注册页面:register.html
注意:注册页面比较隐私, 为了保护用户信息, 我们不需要对当前页面做SEO优化。
3.6 Tab栏原理布局需求
要求选项卡个数要与内容个数一致。
●根据tab切换的原理,tab_ content里面包含内容部分。这个内容可以通过ul 布局
3.7 什么是Web服务器
服务器(我们也会称之为主机)是提供计算服务的设备, 它也是一台计算机。
在网络环境下, 根据服务器提供的服务类型不同, 服务器又分为文件服务器、数据库服务器、应用程序服务器、Web 服务器等。
Web服务器一般指网站服务器, 是指驻留于因特网上某种类型计算机的程序, 可以向浏览器等Web客户端提供文档, 也可以放置网站文件, 让全世界浏览; 可以放置数据文件, 让全世界下载。
以下服务器我们主要指的是Web服务器。
根据服务器在网络中所在的位置不同, 又可分为本地服务器和远程服务器。
3.8 本地服务器
我们可以把自己的电脑设置为本地服务器, 这样同一个局域网内的同学就可以访问你的品优购网站了。
3.9 远程服务器
本地服务器主要在局域网中访问, 如果想要在互联网中访问, 可以把品优购网站上传到远程服务器。
远程服务器通常是别的公司为我们提供一台电脑(主机) , 我们只要把网站项目上传到这台电脑上, 任何人都可以利用域名访问我们的网站了。
比如域名: www.mi.com 可以访问小米网站
总结:
1.服务器就是一台电脑。因为我们主要是做网站, 所以我们主要使用web服务器
2.服务器可以分为本地服务器和远程服务器
3.远程服务器是别的公司为我们提供一台计算机。
4.我们可以把网站上传到远程服务器里面,别人就可以通过域名访问我们的网站了。
3.10 将自己的网站上传到远程服务器
注意:一般稳定的服务器都是需要收费的。比如:阿里云
这里推荐一个免费的远程服务器 (免费空间) :
http://free.3v.do/
1.去免费空间网站注册账号。
2.记录下主机名、用户名、密码、域名。
3.利用cutftp软件 上传网站到远程服务器。
4.在浏览器中输入域名,即可访问我们的品优购网站了。文章来源:https://www.toymoban.com/news/detail-602393.html
课程总结
1.HTML我们学的就是常用标签,就是基本盒子
2.CSS就是用来美化布局网页。
3.HTML+CSS是没有逻辑可言的, 基本就是搭积木摆放盒子的过程, 需要的是耐心。文章来源地址https://www.toymoban.com/news/detail-602393.html
到了这里,关于2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!