第1节 网页的本概念.pptVIP

传媒学院 传媒学院 传媒学院 第1节 网页的基本概念 武汉纺织大学传媒学院 cm.wtu.edu.cn * * 传媒学院 1.网站 互联网上，展示特定内容的网页的集合 通过浏览器访问 地址栏输入网址的网址 利用搜索引擎（比如：百度）查找到需要访问的网站，然后点击链接来访问 * * 传媒学院 2.网站分类 门户网站：新浪、网易。。。 电子商务网站：淘宝、京东。。。 视频分享网站：优酷、土豆。。。 企业网站：用以宣传品牌、发布产品。。。 下载网站：华军软件园、天空下载。。。 搜索引擎网站：百度、谷歌。。。 * * 传媒学院 3.网页 网页是信息的载体 网页是文件，存放在网站中的文件，可以通过浏览器查看其内容 浏览一个网站时，看到的一个页面，就是一个网页 网站建设的重点是内容建设：制作网页 网页制作的技术 HTML CSS Javascript * * 传媒学院 4.网页的基本结构 网页有两种查看模式 浏览器查看 可以看到最终想呈现给用户的效果 通过编辑软件（比如记事本）查看，该模式不仅可以查看还是可以编辑（制作） 制作人员（开发人员）看到的代码视图效果，也就是可以看到网页到底如何实现的代码，这也是制作网页的方法 网页代码 使用HTML（超文本标签语言）编写 * * 传媒学院 4.网页的基本结构（续） 例子: html head title欢迎光临我的第一个网页/title /head body 这是一个简单的网页 /body /html html是一个标签开始，/html是一个标签结束：它表示这对标签之间的内容是html代码，浏览器看到后要以html的规则解释它 一个网页有两个基本部分 head 显示网页文档信息，比如title标签放置在head中，用以显示网页的标题 body 放网页内容的 * * 传媒学院 5.记事本编辑网页 1.直接在记事本中输入代码 注意：输入标签关键字及左右尖括号时必须为英文输入状态！ 2.保存 3.保存完之后就会在所在位置产生一个网页文件 一定要记住你保存在那里！ * * 传媒学院 5.记事本编辑网页（续） 4.重新编辑 找到网页文件，然后再文件上右键，选记事本打开 先打开记事本，然后“文件”-“打开”找到网页文件，而且在打开界面的文件类型一栏要选定所有文件，否则记事本会默认只找txt结尾的文本文件 * * 传媒学院 6.运行网页 网页编辑完成后，保存为后缀为.htm或.html的文件，就成了一个网页文件 运行网页就是用浏览器打开网页文件 打开后看到的效果和用编辑软件看到的是不一样，是浏览器对html标签经过解释后的效果 标签会在浏览器中显示出来吗？ 标签的作用是什么？ 后面将学更多的标签来制作更复杂的网页 * * 传媒学院 作业 用记事本编写一个网页，并用浏览器运行它，观察效果。 内容 网页标题为：武汉纺织大学； 网页显示内容为：Welcome to 武汉！ * * 传媒学院 * 传媒学院 传媒学院 传媒学院 *