模块1 网页设计概述.pptxVIP

模块一网页设计概述;学习目标/Target;网页相关知识;一、网站和网页;网页呈现在用户面前的是各种文字、图像、动画、音频、视频等丰富的内容，网页在本质上是文本文件和其相关的资源，网页最根本的语言是HTML。HTML是Web编程的基础，是网页设计和开发领域的一个重要组成部分。;静态网页是指没有后台数据库、不含程序的网页，程序员编写的是什么，它显示的就是什么，不会有任何改变。静态网页更新起来相对比较麻烦，适用于更新较少的展示型网站。;IP地址是指互联网协议地址。IP地址是IP协议提供的一种统一的地址格式，它为互联网上的每一个网络和每一台主机分配一个逻辑地址，以此来屏蔽物理地址的差异。;HTTP（HyperTextTransferProtocol，超文本传输协议）是一种常用的网络通信协议，是客户端浏览器或其他程序与Web服务器之间的应用层通信协议。;WWW（WorldWideWeb）中文译文“万维网”。WWW是基于客户机/服务器方式的信息发现技术和超文本技术的综合。;浏览器是查看网页的一种工具，它可向服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。

常用的浏览器有GoogleChrome浏览器、360安全浏览器、腾讯QQ浏览器等。不同浏览器对网页的解析可能存在差异，本书案例主要使用GoogleChrome浏览器显示网页效果。

;WEB标准不是某一个标准，而是一系列标准的集合。在web标准中，规定网页主要由三部分组成：结构(Structure)、表现(Presentation)和行为(Behavior)。;网页制作技术入门;HTML是用于创建网页和设计其他可在网页浏览器中看到的信息的一种标记语言，它以纯文字格式为基础。可以使用任何文字编辑器或所见即所得的HTML编辑器来编辑HTML文件。HTML被用来结构化信息——例如标题、段落、列表和图像等，主要负责网页的“内容”部分。;CSS是CascadingStyleSheet的缩写，中文译为“层叠样式表”，简称“样式表”。

W3C（WorldWideWebConsortium，万维网联盟）创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言，用来定义网页外观样式，特别是进行网页的排版布局。

HTML和CSS分别实现了网页内容和样式的设计，实现了结构和外观的分离，使站点的访问及维护更加容易。;脚本语言由ASCII码构成，是一种不必事先编译，只要利用适当的解释器就可以执行的简单程序。

JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript代码可以直接嵌入HTML文件中，随网页一起传送到客户端浏览器，然后通过浏览器来解释执行。;任务3网页制作工具

--VSCode的使用;VisualStudioCode（简称VSCode）是微软公司推出的一款免费、开源的代码编辑器，一经推出就受到开发者的欢迎。对于前端开发者来说，一个强大的编辑器可以使开发者变得简单、便捷、高效。可以用来编写网页前端的编辑器软件有很多，例如记事本、Notepad++、Dreamweaver、HBuilder、WebStorm、atom等。本书选择VSCode编辑器作为开发工具。;（1）轻量级。在保证功能强大的同时，VSCode的文件大小和占用内存较小。（2）跨平台。VSCode支持Windows、macOS和Linux等多个操作系统。

（3）智能感知。提供了先进的智能感知功能，可以自动补全代码、提示关键字等，并减少开发者出错的可能性。

（4）多语言支持。VSCode支持多种编程语言，包括JavaScript、TypeScript、Python、C#等。

（5）提供丰富的插件。VSCode的插件扩展系统是其最重要的特点之一，其中包含大量实用的插件，覆盖了几乎所有的开发场景。;打开浏览器，登录VSCode官方网站（/）;VSCode编辑器提供了非常丰富的插件功能，根据开发的需要，安装对应的插件可以大大提高开发效率。本节介绍本课程需要用到的VSCode常用插件。;1.Chinese(Simplified)(简体中文);2．AutoRenameTag;3．Openinbrowser;4．LiveServer;5．Onedarkpro;1.VSCode界面;2.在VSCode中创建文件;2.在VSCode中创建文件;2.在VSCode中创建文件;谢谢观看！