网页中的 元素按功 能可分为 站标、导 航条、广 告条、标 题栏和按 钮等。

  一般情况下，网页中除了包含网页文件（扩展名为.html、.asp等）外，还有图像文件（扩展名 为.jpg、.gif等）、脚本文件（扩展名为.js）、样式文件（扩展名为.css）以及视频文件（扩展名 为.avi、.flv等）等。

  （1）网页背景颜色最优选择白色或黑色（大部分网页均选择 白色），这样颜色搭配最灵活。

  （2）可根据网站性质确定网站主色调，并且该主色调应贯穿 于网站中的全部网页。

  （3）设计网页时恰当利用同类色、邻近色和对比色，可增强 网页的层次感、丰富网页的色彩或突出某些重要内容（如导 航条或版块标题）。

  指出当当网主页的构成元素——认识网页和网站 了解网页设计与制作岗位工作职责——网页设计基础

  在学习制作网页之前，首先了解一下与网站建设相关的基 础知识，并从整体上认识一下其制作流程，对后面的学习 将是非常有利的。本案例主要介绍与网站建设紧密关联的 基础知识及网站建设基本流程。

  要根据网页和浏览者的特性，以合适的屏幕分 辨率为基准来设置网页尺寸，以使浏览者更加 便利地浏览网页。如游戏爱好者大部分都使用 高配置系统，所以游戏网站的网页尺寸大都在 1024像素×768像素以上，如下图所示。

  对于网页尺寸，是没有硬性规定的。目前常见的网页宽 度有1000像素、1190像素和1200像素3种，例如新浪 是1000像素、淘宝和京东是1190像素，当当是1200像 素。若需要兼容不同浏览器尺寸，现在比较流行的做 法是做成响应式的，即根据不同分辨率显示不同的尺寸， 不过这样工作量要大很多。网页高度可根据网页内容来 定，一般别超过3屏。

  Internet的全称是Internetwork，中文称为因特网，是集现代计算机技术和通信技术于一体，基于TCP/IP协 议将全世界不同国家、不一样的地区、不同部门和不一样的计算机、国家骨干网、广域网、局域网利用互联网互 联设备连接而成的、全球最大的开放式计算机网络。

  了解网页设计与制作岗位工作职责——网页设计基础 企业网站建设基本流程——网站建设基础

  本案例中，将粗略地介绍网页和网站的基本 概念、网页的构成元素及网页的本质。

  在浏览三器、中网单击页右的上本角质的“工具”按钮 ，在弹出的菜单中选择“文件”“另存为”菜单，打开

  “保存网页”对话框，在“保存类型”下拉列表中选择“网页，全部（*.htm;*.html）”，将网 页保存到磁盘中，便可看到网页的组成文件，如下图所示。

  网页就是我们上网时在浏览器中打开的一 个个画面。网站则是一组相关网页的集合。 一个小型网站可能只包含几个网页，而一 个大型网站则可能包含成千上万个网页， 如新浪网就包括新闻、财经、科技、体育、 娱乐等多个板块，而每个板块又包括很多 网页。

  对于网页设计与制作初学者来说，提前了解一下网页设计与制作岗位的职责，可以在今后的学

  习中有更加明确的方向和目的。登录智联招聘、中华英才网等招聘类网站，搜索职位“网页设

  单击要查看的职位，可以打 开该职位的详情信息页，查 看职位描述和公司介绍等信 息。

  步骤 01 启动IE浏览器，在“地址栏”中输入“当当”网址“”，然 后按回车键在浏览器中打开“当当”网站首页。 导航条

  设计网页前应事先规划好站标、导航条、广告条和各 版块位置。此外，一些基本的元素要贯穿整个网站中 的各个页面，如网页上部的站标、导航条和网页底部 的网站信息区。

  最好为导航条和各版块标题区设计一组形状别致、 颜色突出的背景图像，以方便网页浏览者快速找到自 己需要的内容，并使网页看起来更精美别致。

  指出当当网主页的构成元素——认识网页和网站 企业网站建设基本流程——网站建设基础

  本案例首先介绍网页设计中网页颜色的选择与搭配、 网页版式及网页尺寸的设计。最后通过案例实施，简 单了解网页设计与制作的岗位工作职责，以使初学者有更 明确的学习方向和目的。

  各版块之间以空白区分隔。同时，为使各版块区 分明显，还可为其设置不一样的背景色或加上边框。

  19寸电脑显示器常用的屏幕分辨率为1280像素×1024像素；17寸电脑显示器常用的屏幕分辨率为1024像素 ×768像素；平板电脑显示屏常用的屏幕分辨率为768像素×1024像素；智能手机屏常用的屏幕分辨率最低为 480像素×800像素，最高能够达到1920像素×1080像素。此处的数字表示显示器横向和纵向的像素（Pixel） 数，如屏幕分辨率1024像素×768像素表示将显示器横向分成1024格、纵向分成768格以后，在各个格内分 别赋予颜色从而形成图像。