网页设计作为前端的一部分，除了掌握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动画
表格，表单，框架（网页组织形式，例如邮箱），音频视频时间日历（一切以客户需求为主）等
网友评论