注册页类名命名

注册页面：register.html

注意：注册页面比较隐私，为了保护用户信息，我们不需要对当前页面做SEO优化

注册专区： registerarea

注册内容 reg-form

错误的 error

成功的 success

默认的 default

logo 盒子不能加margin-top，会造成塌陷，直接加padding-top

registerarea 布局

h3标题 + reg-form注册内容

reg-form盒子水平垂直居中

手机号、短信验证码、登录密码等都属于行内元素给其设置成块级元素就会垂直排列给盒子一个宽度再利用text-align: right 文字偏右。

复选框太大了是因为上面所有input都设置成 width242px 给第一个li 加类名inp

所有的表单又要加表单域 <form action=""></form>

提示信息span盒子内加入 <i class="error_icon"></i> 再去CSS 添加图片

且图片是行内元素，但是又需要添加高度和宽度，使其改成行内块元素即可
图片要与提示文字对齐利用vertical-align: middle;

web服务器

什么是服务器？

我们写的品优购网站，目前使我们自己电脑上的，只能自己访问浏览

如果想要很多人访问我们网站，可以把品优购放到服务器，这样就可以很多人访问我们品优购网站

服务器器（我们也会称为主机）是提供计算机服务的设备，它也是一台计算机，在网络环境下，根据服务器提供的服务类型不同，服务器又分为文件服务器、数据库服务器，应用程序服务器、Web服务器等
Web服务器一般指网站服务器，是驻留于因特网上某种类型计算机的程序，可以项浏览器等Web客户端提供文档，也可以放置网站文件，让全世界浏览，可以防止数据文件，让全世界下载

可分为本地服务器和远程服务器

本地服务器

我们可以把自己的电脑设置为本地服务器，这样同一个局域网内的同学可以访问你的品优购网站，就业班ajax的时候再进行讲解

远程服务器

本地服务器主要在局域网中访问，如果想要在互联网中访问，可以把品优购网站上传到远程服务器，

远程服务器 通常是别的公司为我们提供的一台电脑（主机），我们只要把网站项目上传到这台电脑上，任何人都可以利用域名访问我们的网站了

比如： www.mi.com 可以访问小米网站

总结

服务器就是一台电脑，因为我们主要是做网站，所以我们主要使用web服务器
服务器可以分为本地服务器和远程服务器
远程服务器是别的公司为我们提供了一台计算机
我们可以把网站上传到远程服务器里面，别人就可以通过域名访问我们网站了

将自己的网站上传到远程服务器

注意：一般稳定的服务器都是需要收费的，比如：阿里云

这里有个免费远程服务器（免费空间）免费空间free.3v.do 提供100M永久免费ASP空间申请还赠送免费域名

去免费控件网站注册账号
记录下主机名、用户名、密码、域名
利用cuteft 软件上传网站到远程服务器
在浏览器中输入域名。即可访问品优购网站

搞cuteFTP 随便下载了一个结果上传出错了，又整了好长时间哼

好啦现在我有一个自己专属vera网站啦^^

PC端品优购注册页面 resgister.css以及web服务器学习相关推荐

14.------------------------------------------------------------------------------【PC端品优购项目】
文章目录 [PC端品优购项目]前端小抄(14) 电商-主页电商-分类列表页电商-注册页一.品优购项目规划 1.1 网站制作流程 1.2 品优购项目整体介绍 1.3 品优购项目的学习目的 1.4 ...
【HTML CSS】PC端品优购项目效果图和代码
素材及代码品优购首页品优购列表页品优购注册页 [index.html] <!DOCTYPE html> <html lang="zh-CN">& ...
【前端】CSS（十一）PC端品优购项目（下）
1. 品优购列表页制作 1.1 品优购列表页制作准备工作 1.列表页面是新的页面,我们需要新建页面文件 list.html . 2.因为列表页的头部和底部基本一致,所以我们需要把首页中的头部和底部的结 ...
day18（续）PC端品优购项目
一.品优购项目导读网站制作流程原型图三.品优购项目规划四.品优购项目搭建工作五.样式的模块化开发六.favicon图标制作七.TDK三大标签ASEO优化八.品优购首页制作 logo s ...
PC端品优购项目——首页制作
目录 1. 品优购项目规划 1.1 网站制作流程 1.2 品优购项目整体介绍 1.3 品优购项目的学习目的 1.4 开发工具以及技术栈 1.5 总结 1.6 品优购项目搭建工作 1.6.1 创建文件夹 ...
PC端品优购网页制作（common.css）
制作网页前的基础学习品优购项目规划 1.1网站制作流程客户沟通制定方案签订合同预付定金不能退初稿审核网页美工会制作原型图和PSD效果图前台页面设计后台工程开发测试验收上线培训后期 ...
黑马程序员前端实战项目---PC端品优购（下）
目标能够写出列表页能够写出注册页能够把品优购网站部署到本地服务器能够把品优购网站上传到远程服务器教程推荐:Web前端零基础入门HTML5+CSS3+前端项目品优购项目首页制作 main ...
PC端品优购网页制作（common.css）2
正式制作网页网站首页一般都是使用index命名,比如index.html或index.php 我们开始制作首页的头部和底部的时候,根据模块化开发,样式要写到common.css里面常用模块类名命名 ...
web前端入门学习 css（9）广义的html5 品优购项目（html+css基础完结，js开始，移动端布局开始）
文章目录广义的html5 品优购项目导读网站制作流程原型图项目规划项目整体介绍项目规划项目搭建网站favicon图标网站TDK三大标签SEO优化品优购首页制作常用模块类名命名快 ...

PC端品优购注册页面 resgister.css以及web服务器学习

注册页类名命名

registerarea 布局

web服务器

本地服务器

PC端品优购注册页面 resgister.css以及web服务器学习相关推荐

最新文章

热门文章