项目一分析制作网页的知识点 课件 -2022-2023学年高二下学期（中职）《网页设计与制作》（华南理工版）

项目一分析制作网页的知识点 要学习如何制作网页，首先需要了解网页的一些基础知识，这样才能使学习获得事半功倍的效果。本项目，通过打开视频网页工作任务，向读者展示出网页的构成元素、网页版式、网页设计等知识，为制作网页打下基础。 目录 任务 打开视频网页 打 开 视 频 网 页 准备知识 打开视频网页 什么是网页和网站 网页的构成元素 网站需求分析 网站风格定位 网页版式类型 网页创意设计 1. 什 么 是 网 页 和 网 站 1.什么是网页和网站 互联网上的网站不但数量多，而且其种类也有很多。了解网页与网站的定义。 （1）什么是网页 1. 什 么 是 网 页 和 网 站 网页其实就是一个文件，如下图所示。它可以承载网页制作者留下的各种信息，然后通过互联网传输并使用浏览器显示成页面，让不同的用户浏览。 一个网页 （2）什么是网站 1. 什 么 是 网 页 和 网 站 通俗点理解，网站其实就是许多网页的全集。许多网页系统地链接起来的集合就组成了网站，如搜狐、新浪、网易等。按照其内容形式可以将网站分为门户网站、职能网站、个人网站和专业网站。 门户网站通常指涉及领域非常广的综合性网站，如搜狐、网易、新浪网站等，如下图所示。 网易门户网站 拓展提高： 目前流行的一类个人网站称为博客网。博客又称为BLOG，也就是WEB LOG的缩写，简单来说就是网络日记。 2. 网 页 的 构 成 元 素 2.网页的构成元素 一个完整的网页里面有很多内容，主要包括文本、图像、动画和表格等基本元素。 3. 网 站 需 求 分 析 3.网站需求分析 在进行网站建设的时候，首先需要进行需求分析，只有明确了网站的需求，才能进行下一步工作。网站需求分析主要包含以下几个方面： （1）市场调查 （2）网站规 （3） 网站主题 （4） 网站目标群体 知识点链接 需求分析就是指在制作网页前先进行的一系列准备活动，包括市场调查、网站规模分析、确定网站主题和确定网站目标群体四个步骤。通过需求分析我们可以清楚地把握制作网站的方向，制定网站的风格等。 4. 网 站 风 格 定 位 4.网站风格定位 一个网站会给浏览者留下某个特定的印象，这是由网站的风格决定的。不同的网页布局加上不同的色彩与文字搭配就形成了不同风格的网站。 4. 网 站 风 格 定 位 下面这个网站是一个专门的游戏网站，它的风格就体现在鲜明的人物风格和浓厚的梦幻色彩的运用，如下图所示。 游戏网站 知识点链接 网站中所有网页的风格要统一，才会使整个网站变得更好看。 5. 网 页 版 式 类 型 5.网页版式类型 网页的内容在页面上有规则地排列布置，就称为网页的排版。网页版式类型就是各种不同排版方式的组合。网页的版式是可以随心所欲地设计的，比较常用的有以下几种。 （1）上左中右型 （2）上左右型 （3）左中右型 （4）满版型 5. 网 页 版 式 类 型 上左中右型网站 上左右型网站 5. 网 页 版 式 类 型 左中右型网站 满版型网站 6. 网 页 创 意 设 计 6.网页创意设计 什么是创意？创意就是通过对事物的反复思考，然后形成的对事物表现的独特看法与见解，更像是天马行空的想象。一个网站有好的创意，就会吸引很多人去浏览这个网站，所以网页的创意在网页的制作过程中是至关重要的。 如下图所示是一个创意网站。 6. 网 页 创 意 设 计 极富创意的地产网站 拓展提高： 优秀的网站都需要好的创意，而且这个创意要适合这个网站的风格。如果仅仅只有好的创意，却不适合网站应该有的风格，那么换一个创意是最好的选择。 任务实施 王芳最近着迷于一部韩国电视剧“来自星星的你”，她需要使用360游览器打开视频网页，观看剧集。 任务：打开视频网页 打 开 视 频 网 页 任务分析： 理解牢记！ 由于网页和网站的主要作用就是供用户搜索、浏览，它们成为了用户共享资源的有效途径。同时不同的浏览器具有通用性、简易性、快速性等特点。因此，王芳决定使用360浏览器打开观看视频网站。 任务：打开视频网页 任务 实施 打开视频网页 （1）在桌面上双击“360安全浏览器”IE图标，如下左图所示。 （2）打开360安全浏览器主页，如下右图所示，在主页面可以看到多个网站的名称，如百度、新浪、网易等，用户随意单击某网站关键字，即可打开该网站主面。 操作技巧 或者在360浏览器主页地址栏中输入http://www.baidu.com.cn，也可打开的百度主页。 （3）在搜索栏中输入“来自星星的你”（搜索信息关键字），如下图所示。 （4）打开“来自星星的你”视频网页，用户可拖动网页右侧的滚动条拉伸网页。若要观看视频，单击如下左图所示“X集”，即可打开电视剧的观看视频，如下右图所示。 拓展提高： 在打开的每个网站页面，用户可观查到风页的布局