- 博客(19)
- 收藏
- 关注
原创 JS+JQ插件
01,JS基本介绍1,js 其实就是 javascript 的缩写,它就是一种编程语言。2,JS 可以实现网页动画和前后端数据交互。3,Wed 标准就是 结构 样式 行为 三者相分离,而行为 就是由 JS 来实现,所以就是 JS 可以控制 html 及 css 。1.2 JS 基本书写步骤1,js 和 css 一样也可以直接写在 html 页面当中。它同样需要准备一个标签 来存放我们具体的 js代码。2,此时我们就建议大家在 html 结果标签的下方 书写一个 script 标签对,然后在它里
2021-08-27 17:16:51 236
原创 项目准备工作
1.1 项目准备工作1,Hbuilder 配色及字体设置:可以在 工具栏中 —》 工具选项下—》 视觉主题设置—》 相应的修改及保存2,Hbuilder 编辑器是以项目单位来管理我们要 写的内容,其中对我们来说 所谓的项目指的就是一个包含 img css html 的文件夹。3,当我们想利用 hbuilder 来开发一个项目的时候 其实本质上就是将该项目的代码都用这个编辑器来进行管理。此时有二种做法:a) 直接在编辑器当中新建一个项目。b) 在 windows 中将所谓的项目建好,然后再动手拖拽到
2021-08-20 21:50:33 128
原创 视口基本介绍
1.1 视口基本介绍1,所谓视口我们就可以理解为是浏览器用来展示网页内容的那部分大小。2,为什么有视口:a) 在早期的时候我们只关心大屏的 PC 界面,所以视口的概念就不是那么的明显,但是当我们需要在小屏的 移动设备上展示网页时,如果不做任何处理 直接将一个大版心的 PSD 放在小屏上进行查看,默认情况下时会出现放不下的问题。b) 此时最早就由苹果公司提出出视口的概念,它规定每个设备在出厂的时候都会有一个默认的宽度,这个值为 560px.1.2 视口标签基本介绍<meat name="vi
2021-08-19 20:40:06 1647
原创 响应式基本介绍
1.1响应式基本介绍响应式最初的时候 追求的就是希望客户通过一个域名访问到的页面 也在所有的终端设备上都有一个合适的展示。二,如何实现响应式:a) 设计 如果想要实现一个响应式网站,那么在设计的时候 需要提供相应的 PSD 稿。b)代码 利用代码不停的去监测当前设备的宽度 然后来决定具体展示哪一套 CSS 样式。三,市场的主流做法:a) 如果我们只需要网站产品那么一般就是采用响应式,做一套页面,然后在所有的设备上都去响应式展示。b) 当前有很多公司都有自己的 APP ,所以此时我们就不需要在单
2021-08-18 15:00:19 1363
原创 html5+css3基本介绍
1.1 H5+C3 基本介绍1,html5 本质上就是一种新的 HTML 语言版本。在国内市场来说 h5 我们会更多的认为是常见的移动端营销页面。2,css3 也就是一个新的 css 语言版本。3,上述的二者相对于各自之前的版本来说 其实就是新增了一些内容。【 HS当中会新增标签 、C3 当中会新增元素样式属性…】1.2 H5 特点1,html5 的页面骨架很简洁。2,Html5 的语法结构很松散 有很多标签可以省略不写,有很多标签可以致谢开始不写结束。3,HTML5 当中新增了很多结构标签。
2021-08-17 09:20:14 3917
原创 5html css
1.1 定位属性基本介绍1,在现实网页的过程中,有的时候会遇到某一个盒子的位置需要随意 设置的场景,此时 css 当中就给我们准备了定位属性来完成。2, css 当中的定位属性分为 四种:相对定位、绝对定位、固定定位、【不定位】3,定位属性 最终的目的就是为了来帮助我们去改变元素的显示位置 【标准流、浮动流、走位置】1.2 定位属性使用1、无论是何种定位 css 当中它们的属性名都叫 position2、当我们给一个元素设置了定位属性之后就可以来改变它的显示器位置,这个时候我们就可以通过方向关
2021-08-14 16:44:55 65
原创 4html css
1.1浮动基本介绍1,利用代码实现 PSD 稿的时候,往往会遇到一行上面显示多(列)的结构,此时我们的 html 标签有可能默认是独占一行显示。所以这个时候 浮动就可以帮我们来实现 将这些独占yi行的标签 显示在一行里面。【为什么有浮动】2,因为我们的 html 默认就可以分为不同的显示类型,当我们写完之后它们就会由自由身的类型来决定 从左向右或者从上向下 正常的去显示,而我们就将这种默认的显示方式称之为标准文档流。【标准文档流档是什么意】3,我们在 PSD 网页在设计的时候 就会产生很多标准文档流无
2021-08-13 09:26:17 72
原创 3html css
1.1盒子模型1,我们在使用 html 标签去还原 PSD 稿的时候 肯定也是分块来实现的,而我们也可以将网页看做是由很多小块组合在一起生成的一个最终展示。2,我们所说的盒子模型指的就是 某一个 html 标签所具有的一个范围,这个范围在 css 当中是可以通过相应的属性来进行设置的。...
2021-08-10 10:10:25 72
原创 2 html css
1,复合选择器/高级选择器理解:高级选择器就是讲基础选择器连在一起使用1.1 后代选择器一个空格表示包含关系,不管空格前后是那种基础选择器,只要有空格就是后代选择器a、ul li {color;red;}b、.father .son {color;red;}1,当页面中库存上多个同名元素的时候,我们不仅可以使用 类名或才 id 名来分它分,还可以通过确定它们的父级从来而来确定这些同名的元素。此过程我们就使用到了后代选择器。2,所谓后代指的就是某一个祖先元素下面存在的 子元素,其中 子 指的就是
2021-08-03 10:42:01 72
原创 1html CSS
1,1体验及认识常用CSS 样式1,如果将 css 写在了 html 页面当中,那么我们一般将 style 标签放置在 head 里 title 下。2,在 style 当中书写具体的 CSS 样式,核心的思想就是 按着 CSS 语法当中存在的 查找元素的方式找到要控制的HTML元素,然后在他后面的大括号当中设置具体的 CSS 样式。3,Widht:表示元素宽度 height 表示元素高度 color 表示元素当中文字的颜色,background-color 表示元素的背景颜色。1.2元素类型1
2021-08-02 09:19:27 85
原创 网站元素打造
一、WEB网页元素设计1、 网页端综合概述PC就是 私人电脑 (personal computer)**网站(Website)**开始是指在因特网上根据一定的规则,使用HTML(标准通用标记语言下的一个应用)等工具制作的用于展示特定内容相关网页的集合。简单地说,网站是一种沟通工具,人们可以通过网站来发布自己想要公开的资讯,或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站,获取自己需要的资讯或者享受网络服务。网页设计(WEB design,WUI),是根据企业希望向浏览者传递的信息,
2021-06-09 10:25:00 236
原创 1、html
1、web页面及编辑基本介绍1.1Web页面我们所说的web页面可以理解为是能够在浏览器上进行展示html页面。它里面包括文字 图片 超链接 声音 视频等内容。上述的内容其实是对于用户来说的,所以我们如果想要自己来实现一个可以在浏览器上展示的页面那么就需要使用html。2.2html介绍html我们可以称之为超文本标记语言。利用html如何来制作一个Web页面。我们的html写在哪里?1.3html编辑器所谓的编辑器就是用来写代码的工具【DW Hbuilder]编辑——首选项——字体——代
2021-06-09 09:52:59 81
原创 电商设计项目
淘宝平台标准版:只有基本功能,按照固定模块设计(基本淘汰)专业版:页头背景,页面背景,页尾自定义,预设SDK免费模板智能版:千人千面、视频导入、倒计时模块…首页整体:宽度950PX,高度不限店标:100100PX店招:高度150PX(店招120PX+导航30PX),宽度不限左侧:宽度190 PX,高度不限右侧:宽度750PX,高度不限板块间距都为10PX详情页详情:宽度750PX,高度不限主图:小于或等于800800PX(400*400PX)轮播图部分(80KB以内)图片轮播:
2021-06-02 17:23:23 1512
原创 CINEMA4D渲染和电商立体
1、渲染渲染是CG的最后一道工程(当然、除了后期制作)也是最终使你图像符合你的3D场景的阶段2、全局光照(GI)‘环境吸收(AO)3、物理渲染递增,无尽宣染模式,永不停止,没有复杂的参数调节,效果会越来越精细4、标准渲染1摄像机开启前景模糊与背景模糊2对准焦点对像3渲染设置开启景深...
2021-05-15 09:07:03 202
原创 CINEMA4D基本操作
C4D的应用范围1,CINEMA4D是由德国Maxon公司研发的3D绘画软件。以其高的运算速度和强大的渲染插件著称,主要定位在工业设计行业和包装行业。C4D更加注重流畅性,舒适性,合理性,易用性和高效性。2,C4D在UI设计方面应用:电商立体字渲染,电商立体banner/场景,UI立体图标。界面认识1,标题栏:软件最顶端,显示软件版本号和档期编辑文件名称信息。2,主菜单栏:主菜单栏位于标题下方,可以调出绝大部分工具,命令和现实快捷键。3,恢复默认界面:菜单栏----》界面----》启动。4
2021-04-26 16:42:51 1433
原创 CorelDRAW易拉宝设计
易拉宝的设计易拉宝:是一种常见广告宣传,有X展架和易拉宝两种尺寸:800X2000mm X展架: *600X1600mm设计时如何选择软件设计如果设计效果图形较多,图片特效较少,使用矢量软件来设计 (Ai CDR)如果图像较多,使用PS来设计...
2021-04-26 09:14:51 511
原创 CorelDRAW变换面板
1变换面板!对象菜单——变换还可以如下图所示位置功能:主要用移动复制对象X:向左右移动 向左为负 向右为正Y:向上下移动 向下为负 向上为正副本输入数量为复制‘,输入0只移动不复制旋转功能:输入角度及中心位置...
2021-04-24 21:22:18 1281
原创 CorelDRAW名片设计
名片设计属性栏的基本设置名片 单位:毫米 微调偏移:1mm国内尺寸:宽度90 高度54出血位:为防止截切时漏出纸的颜色,而在设计时,到边的图形或图像需要加大的尺寸。名片的出血位:1mm 宣传单,画册等出血位:3mm设置出血位的方法一:Ctrl+J 选项——页面尺寸——出血(1mm)怎么显示出血位 点击属性栏上的查看点击页再点击出血即可绘制技巧:1.双击矩形工具,绘制一个与画布尺寸一样的矩形2.按字母“P”,选择的图形与画布居中对齐
2021-04-24 10:26:54 383
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人