网页设计作为前端的一部分,除了掌握html➕css之外,你还得先知道网页设计相关概念,才能快速入门。
1.网页设计相关概念
(1)什么是网址
文件在互联网上的地址。互联网是虚拟的系统,所有文件或网络的地址位置就用网址表示。
常见表现形式有:ip地址,域名,URL
(2)什么是IP地址
每个网络与主机在互联网上的唯一地址。
其组成包括:地址类型,网络号和主机号,通常用数字和小数点隔开。
(3)什么是域名地址
简单来说就是层次化表示,其组成包括:主机名,机构名,网络名和最高层域名。
(4)DNS“翻译官”
IP地址是一串数字,如果抄在纸上就像一串乱码,不方便记忆,所以平常大家都是用域名地址来查询网站。
但是计算机需要ip地址才能辨别,所以需要通过一个东西进行转换,也就是DNS服务器。
当我们在网址栏里面键入域名地址后,DNS服务器将域名地址翻译为该域名所对应的IP地址后,才能正常连接目标服务。
(4)URL(统一资源定位符)
它是精准定位,首页URL就是一个网站的网址,用来定位某个文件在互联网上的位置。
其组成主要包括:文件打开协议(服务模式),存有文件的主机IP地址,具体地址
例如:http://www.toutiao.com/path/t.php?id=12&type=cool#new
2.网页基本结构
1.网站logo(新颖,过目不忘)
文字型,图片型,图文结合型
2.网站名称
体现网站作用或特点,通常放在logo旁边,凸显网站主题,使人过目不忘。
3.导航菜单(水平,垂直)
4.banner(突出内容,抓住眼球)
5.网页正文
6.网页页脚
3.常见网页类型(功能)
(1)咨询门户类:
国外:谷歌
中国:百度,凤凰
(2)企业品牌
要求:展示企业综合实力,体现企业形象和品牌理念。
特点:强调视觉效果,对美工设计要求较高,精美的动画是常用表现形式
(3)交易类
特点:实现贸易交易为目的,以订单为中心。
三类:b2b(中国钢铁网)或b2c(天猫)与c2c(淘宝网)
三项基本内容:展示商品,生成订单与执行订单
(4)功能:
站长工具,顺丰快递,12315(火车票)
(5)交互:
天涯,百度贴吧,猫扑,淘宝论坛(电商的)
4.网页基本元素
文本、图像,超链接、导航栏,动画,表格,表单,框架,音频视频和时间日历
(1)文本:
(为主),宋体9或12,行距不能超过字高200%
(2)图像:
JPG,GIF,png(不能太多,会降低速度,带来不好体验)
(3)超链接:
核心,从一个网页跳到目的端
(4)导航栏:
一组超链接,位置位于顶部与侧边等
(5)动画
(以前)flash不易抓取,css,GIF动画
表格,表单,框架(网页组织形式,例如邮箱),音频视频时间日历(一切以客户需求为主)等