网页设计理论

本文介绍了网页设计的基础知识,包括分辨率、像素、网页基本尺寸、布局方式和色彩理论。网页设计通常遵循http协议,考虑不同设备的屏幕尺寸,如手机(480px宽)、iPad(768px宽)和PC(1002px宽)。常见的网页广告尺寸有多种,布局分为自适应和固定布局,推荐使用div+css进行网页构建。网页色彩设计涉及色环、色相、饱和度和亮度,设计流程包括原型设计、UI设计、页面编写和测试等阶段。
摘要由CSDN通过智能技术生成

网页组成

  • 网页文本传输和通信遵守的协议是超文本传输协议——http协议。
  • 网页有通用的头和底部版权部分。
  • 图片、视频、声音、动画等元素,网页文档只保存它们的位置信息。

分辨率

  • 1024*768 水平线上包含1024个像素点,共768条线。
  • 分辨率与显示尺寸有关,还与显像管点距、视频带宽等因素相关。只有当显示器刷新频率设置为“无闪烁刷新频率”时,显示器能达到最高分辨率,才称这个显示器的最高分辨率是多少。
  • 分辨率以像素数计量,是面积单位。如640*480=307200。

像素

  • px,用来计算图形尺寸的单位。图片的尺寸以像素为单位时要指定其分辨率,如72。

网页基本尺寸

  • 手机:网页宽度一般设置480px,高度视版面和内容决定。
  • ipad等:网页宽度一般设置768px,高度视版面和内容决定。( ipad等平板分辨率一般:800*600)
  • PC:网页宽度一般设置在1002px以内,因为还需减去浏览器边界和滚动条宽度,这两个相加22px。网页宽度根据网页类型和内容决定。1024*768时,有920px,940px,960px,980px或1002px。1002正好铺满整个浏览器。考虑到用户体验,高度一般不设计超过3屏,屏指显示器默认高度。( pc的分辨率:大于等于1024*768)
  • 一些网页广告尺寸:
    • 120*12
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值