《网页设计与制作》网页设计基础（1）（举一反三考点练）-讲义

举一反三考点练 《网页设计与制作》网页设计基础-讲义 1. 理解网站与网页的基本概念 2. 掌握网站三大组成要素与部署方式 3. 熟悉常见网站类型与定位策略 知识点一 网站与网页的基本概念 1.网站定义 网站（Website）=“域名+空间+程序”的集合，按规则用 HTML 等工具制作，用于展示特定内容或提供网络服务。 2.网页本质 （1）一个可独立识别的 HTML/HTM 文本文件，通过 URL 定位。 （2）浏览器按顺序解析标记符号，将文本“翻译”成图文、音视频等可视化页面。 （3）静态网页仅由 HTML 写成；动态网页则依赖服务器端脚本与数据库实时生成内容。 3.静态 vs 动态 （1）静态：扩展名 .html/.htm，内容固定，更新需手工修改源文件，适合信息量少、更新频率低的站点。 （2）动态：内容存储于数据库，通过 CMS 后台实时读写，扩展名常是 .php/.asp/.jsp；维护方便、交互性强，适合信息量大、功能复杂的站点。 （3）二者可并存：动态站点可生成静态副本提升速度与 SEO；同一站点不同频道可分别采用静态或动态技术。 4.访问流程 用户输入域名→DNS 解析成 IP→请求发往对应主机→主机返回网页文件→浏览器解析渲染→用户看到页面。 5.设计启示 先根据“功能需求+更新频率+信息量”决定静动比例；再选定后台语言与数据库；最后兼顾 SEO 与用户体验，灵活“静动结合”。 （多项选择题）下列关于“网站”与“网页”的描述，正确的有（ ） A. 网站是若干相关网页的集合 B. 网页必须通过浏览器才能被用户看到 C. 网站一定包含数据库 D. 网页本质上是一个 HTML 文本文件 【答案】ABD 【解析】网站是网页的集合，网页是 HTML 文件，需浏览器解析；静态网站无需数据库。 【要点】网站与网页的定义及关系。 1.（单项选择题）用户在地址栏输入域名后，第一步完成的网络操作是（ ） A. 浏览器解析 HTML B. DNS 将域名翻译成 IP C. 服务器返回数据库内容 D. 主机分配动态 IP 【答案】B 【解析】访问流程先由 DNS 完成域名→IP 映射。 【要点】DNS 的作用。 2.（单项选择题）下列扩展名中，通常属于静态网页的是（ ） A. .jsp B. .php C. .html D. .asp 【答案】C 【解析】.html 为纯 HTML 静态页，其余为动态技术。 【要点】静态页特征。 3.（多项选择题）与静态网页相比，动态网页的突出优势包括（ ） A. 内容存储于数据库，维护方便 B. 无需服务器即可运行 C. 可实现用户注册、留言等交互功能 D. 支持 CMS 后台快速更新 【答案】ACD 【解析】动态页必须依托服务器与数据库实现交互与后台管理。 【要点】动态页优势。 1.（填空题）网页能被全世界访问的根本条件是：存放该网页的计算机必须拥有________的 IP 地址。 【答案】静态（或固定） 【解析】静态 IP 保证地址长期有效，便于全球访问。 【要点】静态 IP 作用。 2.（填空题）如果把网站比作“家庭”，那么域名相当于________，网站空间相当于“房子”，网站程序相当于“家具”。 【答案】门牌号（或地址） 【解析】域名便于记忆，定位网站。 【要点】域名比喻。 3.（判断题）动态网页中看到的 GIF 动画、滚动字幕等视觉特效，就是判断该页为动态网页的依据。（ ） 【答案】× 【解析】“视觉动态”≠“技术动态”，后者强调数据库与服务器脚本。 【要点】动态页定义。 · 网站=域名+空间+程序，用于发布信息或服务。 · 网页是单个HTML文件，通过URL访问；浏览器逐行解析标记生成画面。 · 静态页固定、手动更新；动态页靠数据库实时生成，维护方便。 · 静动可并存：动态后台+静态缓存，兼顾交互与速度。 知识点二 网站三大组成要素与部署方式 1.域名系统 （1）IP 地址是网络门牌号，分静态（固定）与动态（拨号时临时分配）。 （2）域名=“便于记忆的别名”，需通过 DNS 服务器映射到 IP；中文域名仅起辅助作用，仍需绑定英文域名。 （3）注册后每年续费，国内最高管理机构为 CNNIC。 2.网站空间（Web Hosting） （1）本质：存放网站文件、数据库、图片等资源的联网计算机。 （2）四种主流形态： ① 虚拟主机：单台服务器划分多个逻辑空间，共享 IP，成本 100–1000 元/年，适合 90% 企业站。 ② 云主机：弹性扩容、按需付费，兼顾性能与性价比，适合成长型业务。 ③ 合租服务器：多人共用一台物理机，费用与性能折中，适合中型社区。 ④ 独立主机：整台服务器独享，性能与安全最高，成本亦最高，适合大型高并发或敏感业务。 （3）选型指标：空间容量、带宽、操作系统、数据库支持、稳定性、售后响应。 3.网站程序 （1）作用：接收浏览器请求→读写数据库→返回动态内容。 （2）主流语言与特点： ASP：微软早期脚本，开发快但安全性与跨平台差； .NET：ASP 升级版，面向对象、组件丰富，仍受 Windows 平台限制； PHP：开源、跨平台、资源占用低、函数库丰富，目前占有率最高； JSP：Java 系，跨平台、安全性高、适合大型分布式系统，但开发门槛高。 （3）选择原则：根据团队技术栈、项目规模、预算及未来扩展性综合评估。 4.上线流程梳理 注册域名→租用空间→上传程序→绑定域名→配置数据库→测试→发布。 （多项选择题）网站的“三大组成要素”包括（ ） A. 域名 B. 网站空间 C. 网站程序 D. 数据库 【答案】ABC 【解析】根据讲义，网站=域名+空间+程序，数据库属于程序内部组件，非独立要素。 【要点】三大要素记忆。 1.（单项选择题）下列哪种网站空间形态成本最低，适合 90% 以上中小企业（ ） A. 独立主机 B. 云主机 C. 虚拟主机 D. 合租服务器 【答案】C 【解析】虚拟主机共享 IP，费用 100～1000 元/年，性价比最高。 【要点】空间选型。 2.（单项选择题）国内域名注册的最高管理机构是（ ） A. 中国电信 B. CNNIC C. ICANN D. 阿里云 【答案】B 【解析】中国互联网信息中心（CNNIC）负责国内域名管理。 【要点】域名管理。 3.（多项选择题）将网站上线前必须完成的操作有（ ） A. 注册域名 B. 租用空间 C. 配置 DNS D. 安装显卡驱动 【答案】ABC 【解析】显卡驱动与网站运行无关，其余三步为上线必备流程。 【要点】上线流程。 1.（填空题）把便于记忆的域名翻译成机器可识别的 IP 地址的服务叫________服务。 【答案】DNS（或域名解析） 【解析】DNS 完成域名→IP 映射。 【要点】DNS 概念。 2.（填空题）如果一台服务器被 50 个用户共同租用，每个用户划分到独立逻辑空间，这种形态称为________。 【答案】虚拟主机 【解析】单台物理机虚拟出多独立空间即虚拟主机。 【要点】虚拟主机定义。 3.（判断题）动态网站必须租用独立主机，虚拟主机无法运行 PHP 程序。（ ） 【答案】× 【解析】虚拟主机已普遍支持 PHP，动态站无需独立主机。 【要点】空间与程序关系。 · 域名：易记别名→DNS→IP；需年续费。 · 空间：虚拟主机、云主机、合租、独立服务器四档，按预算与流量选。 · 程序：ASP/.NET/PHP/JSP 四语言，PHP 最流行；兼顾团队技能与扩展需求即可上线。 知识点三 常见网站类型与定位策略 1.分类维度 （1）按技术：静态/动态、ASP/PHP/JSP/.NET； （2）按持有者：个人、企业、政府、教育； （3）按目的：营利 vs 非营利； （4）按功能：单一展示 vs 多功能平台。 2.信息门户型 （1）特征：首页 4 屏以上、信息量巨大、以新闻资讯聚合为核心； （2）技术倾向：PHP 为主，节省服务器资源； （3）代表：新浪、搜狐、网易； （4）运营关键：内容更新频率、频道广度、广告与流量变现。 3.企业型官网 （1）特征：展示 CIS、品牌理念、产品与服务；风格成熟稳重，强调视觉创意与公信力； （2）代表：海信官网； （3）设计要点：高辨识度首页 Banner、清晰导航、公司新闻、招聘信息、SEO 优化。 4.交易类（电子商务） （1）核心三环：商品展示、订单生成、订单执行； （2）必备系统：会员、购物车、支付、物流、评价、库存； （3）代表：淘宝、京东； （4）关键指标：转化率、支付安全、页面加载速度、移动端体验。 5.社区/论坛 （1）特征：多版块、海量 UGC、用户等级与积分体系； （2）代表：天涯、猫扑； （3）运营重点：内容审核、活跃度激励、垃圾信息过滤、服务器抗压。 6.政府/办公类 （1）功能：办事指南、政策发布、在线申报、数据查询； （2）设计原则：权威性、无障碍、信息公开、安全合规； （3）代表：青岛政务网。 7.互动游戏与功能性 （1）游戏站：高投入、高并发、强交互，形成独立虚拟世界； （2）功能站：把单一功能（搜索、地图、邮箱）做到极致，简洁界面+强大后台； （3）代表：魔兽世界官网、百度、Google。 8.定位策略小结 先明确“目标用户+核心功能+盈利/公益模式”，再选择技术栈与页面风格；门户重内容广度，企业重品牌，电商重交易闭环，社区重用户活跃，政府重公开与便民，功能站重技术深度。 （多项选择题）信息门户型网站的主要特征包括（ ） A. 首页通常超过 4 屏 B. 以新闻资讯聚合为核心 C. 必须采用 JSP 技术 D. 广告与流量变现是运营关键 【答案】ABD 【解析】门户站倾向 PHP 节省资源，非必须 JSP；其余均为讲义所列特征。 【要点】门户型定位。 1.（单项选择题）下列网站中，属于“交易类网站”的是（ ） A. 新浪 B. 淘宝 C. 青岛政务网 D. 天涯社区 【答案】B 【解析】淘宝以商品展示、订单生成与执行为核心，是典型电商交易平台。 【要点】交易类代表。 2.（单项选择题）企业型官网在视觉风格上最强调（ ） A. 色彩冲击 B. 成熟稳重 C. 动画特效 D. 用户等级 【答案】B 【解析】企业站需展示品牌公信力，风格成熟稳重。 【要点】企业站风格。 3.（多项选择题）政府/办公类网站的设计原则包括（ ） A. 权威可信 B. 信息公开 C. 无障碍访问 D. 以 UGC 为核心 【答案】ABC 【解析】政府站重权威与便民，UGC 不是核心。 【要点】政府站原则。 1.（填空题）“先明确目标用户、核心功能与盈利模式，再选择技术栈”被称为________策略。 【答案】网站定位（或定位策略） 【解析】讲义总结：先定位再选型。 【要点】定位概念。 2.（填空题）社区网站激励用户持续发帖的常见手段是设立________体系。 【答案】等级与积分（或积分等级） 【解析】等级、勋章、积分可提升社区活跃度。 【要点】社区运营。 3.（判断题）功能性网站的主要特征是把单一功能做到极致，界面简洁而后台强大。（ ） 【答案】√ 【解析】如百度、Google 将搜索功能极致化，符合定义。 【要点】功能站特征。 · 门户：海量资讯，多屏首页，广告变现。 · 企业：展示品牌+产品，重视觉与公信力。 · 电商：展示-下单-支付-物流闭环。 · 社区/论坛：UGC 为主，重活跃度与审核。 · 政府：公开、办事、查询，安全合规。 · 先定“用户+功能+盈利”再选技术与风格。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $