座机:0991-4650826 | 商务:185-9905-7123 | 技术:159-9916-6950 建站顾问技术咨询
您的当前位置:主页 > 新闻动态 > 万维学院 >

干货!网站建设教程系列之前端代码

时间:2018-05-05

  最近文章为系列文章,讲述一个网站如何从无到有,从只能本地访问到能在局域网IP访问,从局域网ip访问到通过域名访问,从网站在搜索引擎中无排名到有排名,还有网站访问数据量的可视化管理。(注:本系列教程所做网站仅作展示使用,不涉及后端和数据库,只通过前端代码即可通过域名访问,主要为了说明整个建站流程)
  这些是我做的网站,都一样,为了做站群,就搞了这么多(站群:故名思义,就是为了提高网站的访问概率,做了很多网站,属于SEO方法的一种)
  具体系列分为5类:
  1、前端制作
  本文所讲方法并不是让你去写前端,而是让你在原有前端代码基础之上去改前端页面
  2、本地和局域网访问
  正规测试是需要将做好的前端代码放到局域网,然后其他人访问局域网主机即可访问网站,而不是一份代码通过QQ、微信等发给好多人去测试
  3、域名解析
  购买域名和虚拟主机购买,并进行域名和主机的绑定,我买的是虚拟主机,4元/月/站,也可买服务器
  4、FTP工具使用
  该工具用来上传代码,并可对少量代码文件进行更新替换
  5、SEO优化排名以及白猫SEO和黑猫SEO
  讲述简单的SEO优化原理,能让网站排名靠前,毕竟让百度、360做广告按点击收费,一个点击几块钱,而且最低充值几千块,搁不住,太贵了,我这么穷,肯定不会花钱买
  5、网站访问量、访客来源等数据监测
  实现网站数据变化情况的掌握,清晰看懂数据
  言归正传,今天先将前端制作
  1、选择目标网站下载前端代码
  方法一:ctrl+S保存网页,即可下载网页前端代码
  方法二:利用工具下载
  比如以百度为例,复制网址到输入网址那一栏,要以http://或者https://开头
  更改default.html更改为index.html,一般用index命名更多些,并点击添加按钮,转到下一步
  开始下载,下载完打开目录
  完美下载并显示首页,下载好的刚好是html,js,images,picture,并分好文件夹,是不是小伙伴们奇怪了,为什么没有css呢?
  答案:因为作为首页,为了更好地用户体验,百度直接将css通过内嵌式写法写入html文件中,有利于提高加载速度,外链写法会比内嵌慢些,所以首页没有css文件夹
  如果下载多个网页呢?包含内页。则重复上述步骤,继续添加,这次我添加了新闻页的网址
  下载好分别是index.html和news.html,并显示,缺少的图片是因为图片太大网速慢导致,如果缺少的多,则重新下载,如果缺少的少,可以直接右键另存为下载,细心的小伙伴们,这次应该发现有css文件夹了,很多网站都会做首页内嵌式的写法
  2、网站代码更改
  本文讲述的是仿站,所以下载好的代码我们直接在上面的基础上改就好了,我做的网站一半是用工具扒下来的,一半是自己写的,自己写的话一些页面功能可以根据自己需求来做,编辑器我用sublime写前端,接下来以我自己的网站为例,欢迎大家去网上扒,哈哈,可以做成你的网站,放心,虽然我在某个地方藏得有版权声明,但粉丝扒我的网站模仿我不会追究版权的
  index.html修改:
  1、TDK修改,分别是标题、描述、关键词,改成你自己网站的内容
  2、右侧在线咨询固定悬浮框,电话、QQ号,二维码图片URL修改
  3、banner修改,找到images下面对应的图片,改图片
  4、底部QQ客服修改
  是不是很简单,从下载到修改,有图片的话,这个过程10分钟即可完成,网站首页就大工告成了
  接下来是内页:wx.html
  内页这是微信营销软件内页,因为从网上扒的网站页面内容结构不是我想要的,我就自己手写了列表页,主要就是一些查看大图功能、跳转功能、还有简洁的布局排版
  CSS样式在inner.css文件中,css自我评价写的比较low C ,大神勿喷,能用就行,反正前端无非就是实现效果,毕竟我也只是个业余写前端的,分别是布局排版的css和查看大图css,并运用了css3技术,不得不说,css3真的太棒了,没用js做是因为当时想用css3做,就没用jQuery写,这类遍历点击事件更应该用js写才好,该段码仅供学习参考使用,不做模范代码
  支付页面,html/wlxpay.html
  不会写支付接口,没关系,我们自己将微信、支付宝收款二维码自己写到页面,不就是支付页面了吗?图中二维码是图片,替换成你自己的就好了
  大概今天就分享这么多,其实只要选好了一个网站,你觉得模板不用做过多修改,就只用替换文案和图片就行了,我选的因为想做一些修改,就需要自己写不少代码和页面
  经验有限,不足之处欢迎指正
  python爬虫人工智能大数据公众号
  万维网络长期提供各种免费网站建设学习资源,欢迎与作者相互探讨学习。
全疆服务指南: 乌鲁木齐网站建设 企业网站网站建设 电商网站网站建设 克拉玛依网站建设 石河子网站建设 营销型网站网站建设 五家渠网站建设 电商型网站网站建设 阿拉尔网站建设 图木舒克网站建设 喀什网站建设 阿克苏网站建设 和田网站建设 吐鲁番网站建设 哈密网站建设 阿图什网站建设 博乐网站建设 昌吉网站建设 阜康网站建设 米泉网站建设 库尔勒网站建设 伊宁网站建设 奎屯网站建设 塔城网站建设 乌苏网站建设 阿勒泰网站建设 哈密地区网站建设 吐鲁番网站建设 阿克苏网站建设 喀什网站建设 和田网站建设 塔城网站建设 阿勒泰网站建设 伊犁网站建设 博尔塔拉网站建设 昌吉网站建设 巴音郭楞蒙网站建设 克孜勒苏柯尔克孜网站建设 和布克赛尔网站建设 木垒网站建设 巴里坤网站建设 焉耆网站建设 塔什库尔干网站建设 疏附网站建设 疏勒网站建设 英吉沙网站建设 泽普网站建设 莎车网站建设 叶城网站建设 麦盖提网站建设 温宿网站建设 库车网站建设 沙雅网站建设 新和网站建设 拜城网站建设 乌什网站建设 阿瓦提网站建设 柯枰网站建设 和田网站建设 墨玉网站建设 皮山网站建设 洛浦网站建设 策勒网站建设 于田网站建设 民丰网站建设 鄯善网站建设 托克逊网站建设 伊吾网站建设 阿克陶网站建设 阿合奇网站建设 乌恰网站建设 精河网站建设 温泉网站建设 呼图壁网站建设 玛纳斯网站建设 奇台网站建设 吉木萨尔网站建设 轮台网站建设 尉犁网站建设 若羌网站建设 且末网站建设 和静网站建设 和硕网站建设 博湖网站建设 伊宁网站建设 霍城网站建设 巩留网站建设 新源网站建设 昭苏网站建设 特克斯网站建设 额敏网站建设 沙湾网站建设 托里网站建设 裕民网站建设 布尔津网站建设 富蕴网站建设 福海网站建设 哈巴河网站建设 青河网站建设 吉木乃网站建设 卖酒郎

公众账号:wanweizhitong 企业邮箱:870910915@qq.com 联系电话:185-9905-7123 咨询电话:15999166850 公司地址:新疆·乌鲁木齐·友好北路·昊泰大厦 网站地图

Copyright © 2016-2021 新疆万维智通网络科技有限公司 版权所有 新ICP备15003918号 新公网安备 65010502000014号

友情链接: 乌鲁木齐网站设计 乌鲁木齐轿车托运 乌鲁木齐轿车托运 新疆认证网 新疆网站备案 新疆活动策划执行 新疆旅游定制 和田枣批发 大漠疆途 博力久能 喀什劳务派遣 乌鲁木齐瑜伽馆 犀牛·云链 上海网站建设 建站一条龙 芜湖网站建设 常平网站建设 服务器租赁 小程序商店 |

链接交换:yang@xjtop.net