Coursera 笔记

Module 02 · Web Infrastructure Basics and TerminologyWeb 基础设施基础和术语

Introduction to Websites and Pages网站与网页简介

Coursera ↗

🎵 通过本视频，您将能够：

  • 描述：网页的定义及其重要性
  • 识别：网站的结构与功能
  • 列举：网站与网页的类型
  • 探索：设计、创建与发布网站的流程

什么是网站？

网站是一组托管在域名下的相关网页集合，就像一个在线平台，能够用来：

  • 分享信息
  • 推广产品或服务
  • 与用户互动
  • 开展多种活动

网站的重要性：

  1. 覆盖全球受众：打破地理限制，扩大客户群。
  2. 全天候访问：7×24 小时随时可用，用户可以随时获取信息、购物或互动。
  3. 建立可信度：通过专业设计、用户评价和详细信息展示品牌的专业性与可靠性。
  4. 强大营销工具：整合 SEO、社交媒体、电邮营销和分析工具，提高流量与转化率。

网站结构与功能

元素 功能
域名 访问网站的唯一地址，如 www.example.com。
首页 网站的入口，概述核心内容和服务。
导航菜单 指引用户访问网站的不同部分的链接集合。
内容页面 提供具体信息的网页，如产品、服务或主题内容。
视觉元素 使用图片、视频和信息图表提升用户体验，直观传递信息。
联系方式 提供电子邮件、电话和社交媒体链接，方便用户联系。

网站的工作原理

  • 基于客户端-服务器模型：
    • 客户端（如浏览器）发送资源请求。
    • 服务器（托管提供商拥有）存储并传递网站数据。
  • 通过 HTTP 通信：
    • 浏览器发送 HTTP 请求到服务器，服务器返回网页内容。
  • URL 的作用：
    • 类似在线地址，例如 https://www.example.com/products 指向产品页面。

网站与网页的类型

网站类型

类型 描述
静态网站 内容固定，类似数字宣传册，交互性有限。
动态网站 内容由数据库或脚本动态生成，提供个性化和交互体验。
电商网站 提供购物车、支付功能及库存管理的在线交易平台。
信息型网站 提供资源和信息，如博客、新闻门户、教育网站。

网页类型

类型 功能
首页 介绍网站并引导用户访问其他部分。
关于我们 展示企业背景、使命、团队和成就，增强信任。
产品/服务页面 显示产品或服务的详细信息，包括价格、图片和用户评价。
博客 定期发布行业相关文章，吸引流量并与受众互动。
联系我们 提供多种联系方式，方便用户咨询、支持或合作。

创建网页的基本技术

技术 功能
HTML 定义网页结构与内容，使用标签、元素和属性组织页面内容。
CSS 定义网页的样式（颜色、字体、布局等），增强视觉吸引力与设计一致性。

HTML 是网页的骨架，而 CSS 是为网页添加“美感”的装饰品。

发布网站的步骤

  1. 选择域名：
  • 域名应反映品牌或网站的用途，例如 www.deliciousbakery.com。
  1. 选择托管提供商：
  • 选择可靠的托管服务，将网站文件存储在服务器上。
  • 考虑服务商的可靠性、性能、支持和价格。
  1. 上传文件：
  • 使用 FTP 或托管服务的文件管理器将网站文件上传到服务器，使网站上线。

创建用户友好网站的关键点

关键点 描述
响应式设计 确保网站适配不同设备，提供无缝体验。
清晰导航 直观的导航菜单引导用户快速找到所需内容。
快速加载速度 优化图片与代码，选择高效的托管服务，确保页面加载迅速。
可访问性 设计兼容残障用户，例如提供替代文本、字幕和适当的色彩对比度。

总结与学习要点

  1. 网站的作用：实现全球化覆盖、全天候访问、品牌可信度提升与强大营销支持。
  2. 结构与功能：域名、首页、导航菜单、内容页面和联系方式是网站的重要组成部分。
  3. 网页制作：使用 HTML 构建结构，用 CSS 增强视觉效果。
  4. 发布流程：选择域名、托管服务并上传文件实现网站上线。
  5. 用户体验优化：响应式设计、清晰导航、快速加载和可访问性是成功网站的关键。

🎵 感谢观看！祝您成功创建出色的网站！ 🌟