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