![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web开发练习
文章平均质量分 50
敢跟头像对视三秒吗?
这个作者很懒,什么都没留下…
展开
-
新闻网页展示
还没有制作完,暂时制作到现在这样代码:html:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>杂志社</title> <link rel="stylesheet" type="text/css" href="css/mian.css" /> <link rel="stylesheet" type="text/css".原创 2022-02-28 19:18:18 · 121 阅读 · 1 评论 -
扁平化设计,博客网站(八)代码源码
html:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>香江小海涛</title> .原创 2021-08-09 17:07:55 · 312 阅读 · 12 评论 -
QQ空间,微博,QQ好友的接口分享
QQ空间if(s==‘qzone)windowopen(https://snsqzoneqqcom/cgi-bin/qzshare/cgi gzshare onekey? url=’+document.location.href+?sharesource=qzone&title=’+标题+&pics=’+图片链接+’&summary=’+documentquerySelector(meta[name=“description”]’)getAttribute(‘content’))原创 2021-07-18 08:24:11 · 543 阅读 · 15 评论 -
扁平化设计,博客网站(七)
制作热门排行移动端pc端分析模块框架组成weekrank------title(模块标题)和cont(模块内所有文章)<div class="cont"> <div class="art"> <div class="left"> <span>1</span> <a href="#">今天我们干奥里给✌ </a> <原创 2021-07-16 16:32:59 · 134 阅读 · 1 评论 -
扁平化设计,博客网站(六)
网站结构修改具体操作:增加新的目录upload用来储存上传上传的文件的图片目的:为了能狗适应以后的上传图片,不要和开发的素材图片混淆图片自动轮播时钟控件时间单位为毫秒//解百纳的时钟控件,用来空中图片轮播setInterval(function(){ console.log("ddd")},2000)自带标签并不允许连续的选择器来进行查询,通常需要一级一级的来获取,但是这造成了冗余和复杂元素获取的注意点var container = document.getElementById原创 2021-07-16 15:59:44 · 96 阅读 · 1 评论 -
扁平化设计,博客网站(五)
好久没有更新博客网站的进度了,今天更新的有点多当你的网站框架确定之后,并且基本上搭建出来,那我认为接下开要开始考虑的问题有以下几个网页的自适应 移动端的兼容性问题网页的基本颜色风格设计和素材处理技巧中间主要内容部分的总体规划尾部版权部分字体处理和位置结构处理我们一个一个来网页的自适应 移动端的兼容性问题这个问题的解决主要需要你对viewport,绝对定位以及media比较熟悉viewport特性:一个移动专属的Meta值,用于定义视口的各种行为。该特性最先由Apple引入,用于解决移动端原创 2021-07-02 16:04:11 · 162 阅读 · 6 评论 -
扁平化设计,博客网站(四)
接着上一次我想设计一个新闻滚动条,这样我们可以看到一些网站特别迫切需要浏览者看到的信息,简洁明了我使用marque来写,因为marque自导滚动效果,而且滚动方式可以根据css特性来设置<div id="container"> <section class="section1"> <div class="ad"> <img src="img/guangbo.png" > <marquee behavior="原创 2021-06-01 10:16:19 · 75 阅读 · 2 评论 -
扁平化设计,博客网站(三)导航栏
接着上面的做的,这次我们要在上节课的基础上增加他的导航栏。我用的式ul-li,其实也可以使用 a 标签连接的方式,但是这次就是用这个吧<nav> <ul> <li class="item_active"><a href="#">首页</a></li> <li><a href="#">web</a></li> <li><a hr原创 2021-06-01 10:10:43 · 137 阅读 · 70 评论 -
从零开始——博客网站搭建(2.5)关于博客网站的效果补充
原创 2021-04-30 23:14:54 · 61 阅读 · 12 评论 -
从零开始——博客网站搭建(二)
这一次我要将网站的logo做好,期望达到大目标就是动态,可交互,外管美观<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>香江小海涛</title> <link rel="stylesheet" type="text/css" href="css/common.css"/> <link rel="stylesheet" typ原创 2021-04-30 21:29:16 · 57 阅读 · 10 评论 -
从零开始——博客网站搭建(一)
从这片开始,想向朋友们汇报一下近期在按照弹性框架的基础上开发的一个建议的博客网页,从零开始,一步一步展示我的网页制作过程第一步,我要确定的式我的网页的结构布局,在欣和筛选了很多网站后我决定使用,弹性框架+厂子型布局开搭建网页,向把网页的基本框写出来<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>香江小海涛</title> </head>原创 2021-04-30 21:22:36 · 73 阅读 · 8 评论 -
关于端口80被占用无法使用phpstudy的任意门
**连接**https://blog.csdn.net/weixin_30834783/article/details/95897393?ops_request_misc=&request_id=&biz_id=102&utm_term=%E7%AB%AF%E5%8F%A380%E8%A2%AB%E5%8D%A0%E7%94%A8&utm_medium=distribute.pc_search_result.none-task-blog-2allsobaiduweb~d原创 2021-03-31 08:24:34 · 71 阅读 · 9 评论 -
关于搭建wordpress个人博客网站的说明
**注意事项**1) 发布一个个人博客网站需要一个web服务器appache来发布网站,方便别人来浏览到,除此之外还需要一个免费开源的数据库,个人推荐musql,因为其图形化管理工具非常丰富2) wordpress是一个免费开源的搭建个人博客网站的系统,下载地址百度搜索github wordpress3) 其次是要明白网页访问的过程,其分别是:客户端浏览器打开输入地址–客户端向服务器请求网页–服务器收到请求,使用web服务器解析出客户需要的网页(服务器解析引擎(php/aspx/jsp/py原创 2021-03-31 08:17:29 · 141 阅读 · 11 评论 -
web练习一——qq注册面开发(四)源码
html部分:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>QQ注册--香江小海涛</title> <link rel="stylesheet" type="text/css" href="css/common.css" /> <link rel="stylesheet" type="text/css" href="css原创 2021-03-30 19:55:35 · 224 阅读 · 16 评论 -
web练习一——qq注册面开发(三)效果
https://www.bilibili.com/video/BV1E54y1W7tG注册网页兄啊过图地址在上面,第一个web小网页已经制作完成,后续会陆续跟大家分享此网页开发的开发过程,跟大家分享网页学习的小心得。预告一下,博主现在正在学习一些h5的新特性,正在制作第二个包括一些常用js事件的的网页,在分享玩此小网页后,会陆续向大家分享成果,21世纪是知识分享的世纪,希望跟各位朋友一起进步,提升自己。提前祝各位春节快乐,阖家幸福,我们明年见。...原创 2021-02-07 15:29:05 · 163 阅读 · 13 评论 -
web练习一——qq注册面开发(二)
第二节,我们要制作注册网页中左边的主要框架,以及网上我们上一篇文章做的代码格式在我们网站的右半部,包括了一些小的图标和一写小的标题输入框可以让我们对一些类似绝对定位相对定位或者一些输入框的对其,美化,网站也叫格式等小细节进行熟悉,博主的想法是,在最开始就要进行一些最真实的体验,反而对我们以后深入学习有不少好处下面将源码跟大家分享<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <原创 2021-02-06 15:36:15 · 218 阅读 · 14 评论