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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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