2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器

这篇具有很好参考价值的文章主要介绍了2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

3.1 favicon图标

favicon.ico 一般用于作为缩略的网站标志,它显示在浏览器的地址栏或者标签上。
目前主要的浏览器都支持favicon.ico图标。
2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器,前端——CSS,css,前端,css3
favicon图标的制作分为3步:
1.制作favicon图标
2.favicon图标放到网站根目录下
3.HTML页面引入favicon图标

1.制作favicon图标

(1)把品优购图标切成png图片
(2)把png图片转换为ico图标, 这需要借助于第三方转换网站,例如比特虫: http://www.bitbug.net/

2.favicon图标放到网站根目录下
2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器,前端——CSS,css,前端,css3

3.HTML页面引入favicon图标
在html页面里面的< head> < /head> 元素之间引入代码

<link rel="shortcut icon" href="favicon. ico" type=" image/x-icon"/>

3.2 css公共样式

模块开发:
●有些样式和结构在很多页面都会出现, 比如页面头部和底部, 大部分页面都有。此时, 可以把这些结构和样式单独作为一个模块, 然后重复使用
●这里最典型的应用就是common.css公共样式。写好一个样式, 其余的页面用到这些相同的样式
●模块化开发具有重复使用、 修改方便等优点
2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器,前端——CSS,css,前端,css3

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 常用模块类名命名

2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器,前端——CSS,css,前端,css3

3.5 注册页类名命名

注册页面:register.html
注意:注册页面比较隐私, 为了保护用户信息, 我们不需要对当前页面做SEO优化。
2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器,前端——CSS,css,前端,css3

3.6 Tab栏原理布局需求

要求选项卡个数要与内容个数一致。
2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器,前端——CSS,css,前端,css3

●根据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.在浏览器中输入域名,即可访问我们的品优购网站了。

课程总结

1.HTML我们学的就是常用标签,就是基本盒子
2.CSS就是用来美化布局网页。
3.HTML+CSS是没有逻辑可言的, 基本就是搭积木摆放盒子的过程, 需要的是耐心。文章来源地址https://www.toymoban.com/news/detail-602393.html

到了这里,关于2.css公共样式、LOGO SEO优化、常用模块和注册页类名命名、tab栏布局原理、Web服务器的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • CSS 常用样式 之字体属性

    font-weight(字体粗细) 字体粗细用于设置文本的粗细程度,可以使用如下的值: normal:正常字体(默认) bold:加粗字体 bolder:更加加粗 lighter:更加细 代码实例如下: font-style(字体风格) 字体风格用于设置文本的风格,可以使用如下的值: normal:正常字体(默认) ita

    2024年02月07日
    浏览(55)
  • 【前端|CSS系列第2篇】CSS零基础入门之常用样式属性

    欢迎来到CSS零基础入门系列的第二篇博客!作为前端开发的关键技术之一,CSS(层叠样式表)能够为网页添加各种样式和布局效果。对于前端零基础的小白来说,了解和掌握CSS的常用样式属性是入门的关键。本篇博客将带你深入了解如何设置常用样式属性,包括文本属性、字

    2024年02月11日
    浏览(68)
  • CSS样式前端HTML页面常用CSS效果实现及其相关配置信息------前端入门基础教程

    !DOCTYPE html !-- 这是HTML的注释 -- html lang=\\\"en\\\" id=\\\"myHtml\\\"     head         !-- 这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码 --         meta charset=\\\"UTF-8\\\"         meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\"         titleHtmlAll/title         

    2024年02月05日
    浏览(54)
  • 前端基础(CSS)——css介绍 & 常用样式 & 案例—进化到Bootstrap——进化到Element-UI(未完待续)

    css是什么,层叠样式表, css作用:让html网页有布局,变漂亮 参考w3school 以p标签为例, 序号 位置 优先级 1 写在p标签内 最高 2 写在style内 第二 3 写在link内 最低 (1)标签选择器—div{} 标签选择器,选择html文档中所有的div,对所有的div进行设置 (2)id选择器----#div01{} 符号

    2024年02月08日
    浏览(56)
  • vue -若依管理后台默认样式修改(侧边栏/主题色/网页logo等)

    修改页面: srcassetsstyleselement-variables.scss 修改后样式:    修改页面:srclayoutcomponentsTagsViewindex.vue 找到  .tags-view-container = .tags-view-wrapper = .tags-view-item = .active  这里: 修改后样式:   【Vue项目搭建】修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式_若

    2024年02月12日
    浏览(43)
  • Taro+Vantui项目公共样式配置

    最近用Taro+Vantui从0-1开发向程序的项目,以下是我总结我在项目中遇到的问题 如何搭建一个项目,可以参开vantUI首页引导进行配置链接如下: https://antmjs.github.io/vantui/main/#/quickstart 样式配置, 2.1 项目目录 config-index.js 2.2.mini-webpackChain 代码如下

    2024年02月13日
    浏览(34)
  • 【短视频seo】短视频seo优化,抖音seo,抖音SEO优化

    短视频SEO是什么? SEO是免费搜索排名优化。无论百度SEO,还是抖音的SEO旨在通过使用搜索引擎的规则获得长期、高质量和被动的流量。   我们在百度中搜索,会出现很多我们想知道的问题,有我们搜索的文章,我们还可以选择照片、视频、音频等,因此百度是全面的

    2024年02月12日
    浏览(79)
  • 长沙SEO优化(SEO内页优化步骤)

    1、优化内页标题。 站长们往往会把网站的title设置成网站的,H1标签也设置成和相关的长尾,但对内页来说这些H1标签不必设置成长尾,搜索引擎在抓取内页时,假定内页没有完好的标题,它会随意在内页中抓取数据作为,这样的抓取对你来

    2024年02月16日
    浏览(76)
  • 日常开发小点汇总(2)之防止网络不佳,获取不到css,页面logo做法

    防止网络不佳,获取不到css,页面logo做法 当未加载出css样式的时候,页面显示 加载完css之后

    2024年02月09日
    浏览(33)
  • SEO的优化教程(百度SEO的介绍和优化)

    百度SEO介绍: 百度SEO是指用户在搜索引擎上输入的词语,是搜索引擎了解网站内容和相关性的重要因素。百度SEO可以分为短尾词、中尾词和长尾词,其中长尾词更具有针对性和精准性,更易于获得高质量的流量。蘑菇号-www.mooogu.cn 优化的6个步骤:

    2024年02月07日
    浏览(104)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包