一开始看到官网复杂的页面还是有些心虚的,从网上学了一些关于网页的制作,也是有一些心得的。

开启新的文件夹,一个html一个css,链接进去就OK,现在想想在大公司里开发网页是否也是如此,一个大项目分为好几个组,个个小组组成了一个项目。要用到的图片也放在一个文件夹里。王者荣耀官网的背景是一个大的背景图。把背景图链接进来在规定他的位置和不重复。然后就开始写正式部分了。一开始不懂抠图的我还用截图把需要的图片截下来,然后再放在相应的地方。在学习的过程中我才发现以前那个行为实在是太傻了。改变我的方法是从一张图开始。王者荣耀官网上面的小图片全都在一张图片上,需要自己定位到那个图片上需要的那个小图标。如果一个一个截图的话不容易控制图片的大小也会很难定位到相应的位置。然后就学会了抠图和小图标的放置。深入学习之后发现html是很严谨的,一个div结束需要用一个注释写上div结束。部分与部分之间是有很眼睛的排列。看到什么样式的摆放用什么标签也是很严谨的。学到最大的一点就是动态的显示。虽然现在还没有学习到js,所以动态布局还是没有能力做出来,那就利用css实现动态布局。鼠标放在一个标签上面,先让要显示的部分不显示,等到鼠标放在标签上之后显示。这样就实现了动态。让我费脑筋的就是class的起名字。我总想不到起什么名字。在学习过程中学会了用left,right,top这样的方位名词加入。使名字通俗易懂,也好找到它在网页中的位置。要做前端的话,还是要审美好一点。看了苹果的官网,感觉简介而大方。游戏官网的话比较复杂。苹果的官网看起来简约,但是有太多的动态布局了,比如下滑的同时,画面也在改变,就像是一段视频一样。要达到哪种程度,我觉得还是要学习很长一段时间。

王者荣耀官网制作心得相关推荐

  1. Node 插件 爬取王者荣耀官网英雄信息,并生成数据库

    文章结构 打开官网看接口地址 打开官网 游戏资料里的英雄资料,并打开后台 接下来是英雄技能 技能结构路径方便抓取 jQ的获取元素这里不细说 重头戏 抓包到到数据库 全部代码 看数据库 总结 打开官网看 ...

  2. python爬虫爬取王者荣耀官网全部英雄头像(源码分享)

    这篇文章为源码分享,爬虫的分析过程请阅读文章 <用python爬取王者荣耀官网的英雄皮肤海报(含源码)> 源码 import requests import json from bs4 i ...

  3. 简单20行代码爬取王者荣耀官网1080p壁纸

    简单20行代码爬取王者荣耀官网1080p壁纸 # -*- coding: utf-8 -*- # @Time : 2020/12/13 18:08 # @Author : ningfangcong i ...

  4. 王者荣耀官网皮肤图片获取

    王者荣耀官网皮肤获取 最近在练习的时候写的一个可以获取王者荣耀官网每一个英雄的皮肤图片 代码如下 import requests import json import os from lxml imp ...

  5. python爬虫爬取王者荣耀官网全部装备图片(源码分享)

    这篇文章为源码分享,爬虫的分析过程请阅读文章 <用python爬取王者荣耀官网的英雄皮肤海报(含源码)> 源码 import requests from bs4 import Beauti ...

  6. 数据藏在json文件中,如何爬取---以王者荣耀官网为例

    此前写了一个爬虫基础案例---爬取王者荣耀英雄与技能介绍 python爬虫------王者荣耀英雄及技能爬取并保存信息到excelhttps://blog.csdn.net/knighthood200 ...

  7. web前端-王者荣耀官网

    目录 一.头部导航栏 二.隐藏下拉框导航栏 1. 效果展示​编辑 2.HTML部分代码 3. CSS部分代码 三.设置a标签实现的一个跳转 四.轮播图及诸葛四图区域 1.效果展示 2.HTML部分代码 ...

  8. 王者荣耀官网不为人知的秘密

    这几天一直在学习前端,想仿作一个优秀的官网--王者荣耀.于是乎就开始去网站上扒图片. 我扒这个"下载游戏"的时候,遇到了一个问题: 我扒出来的图居然是.... 这是个啥嘛... 我 ...

  9. Python爬取网页所需内容+王者荣耀官网

    目标: 完成对王者荣耀游戏的所有英雄头像.皮肤等数据的内容爬取及图片下载,所涉及到的模块内容有requests.json.lxml.selenium.os等.王者荣耀英雄官网地址如下:https:// ...

最新文章

  1. 网络安全从事工作分类_那么,您想从事安全工作吗?
  2. CVPR 2020(Oral) | 中科院等提出BNM:标签不充分下的判别性与多样性约束方法
  3. 向海龙回应“被百度开除”:离开是为了专心做投资
  4. B2B专线宽带业务成为企业上云新战场——Vecloud
  5. Machine Learning - Andrew Ng on Coursera (Week 6)
  6. 网传B站数据中心起火?所谓“现场图片”却是盗来的
  7. webpack+vue+mint-ui 实现上拉加载更多(Loadmore组件)
  8. 【UML】UML类图关系(泛化 、继承、实现、依赖、关联、聚合、组合)
  9. 快搜浏览器_opera、Google、firefox三个浏览器的选择
  10. leetcode 316. 去除重复字母(单调栈)
  11. [线段树][树上差分] Jzoj P3397 雨天的尾巴
  12. 虚拟环境使用自动化软件能够节省成本吗?
  13. 伪造http请求救急
  14. 免费python课程排行榜-Python势头大好,PYPL 11 月编程语言排行榜
  15. 下拉框怎么获取label_拼多多-「关键词自然流量快速获取」访客暴涨秘诀
  16. Polygon与以太坊通信机制研究
  17. OSChina 周五乱弹 —— 我想当个昏君
  18. 后半生,你越活越好的7个迹象
  19. 逆向某视频直播软件,破解收费观看
  20. vpp之浅谈插件和使用

热门文章

  1. Web 前端面试题总结
  2. 【网络安全】ip地址、公网、私网
  3. How to Review a Technical Paper
  4. 正态性检验ks和sw区别_t检验常见问题汇总解答,你想知道的都在这里
  5. 动物拼图代码html,制作动物拼图美术教案
  6. 华为智慧屏“两年”,从技术创新到引领电视产业变革
  7. 当幻想的小说来到现实——基于stable diffusion的小说插画生成
  8. SISD、MIMD、SIMD、MISD_设计失控
  9. [HNOI2007]最小矩形覆盖(旋转卡壳)
  10. 智慧城市同城V4 v2.2.5 [独立版全插件]同城 同城小程序 同城信息