1.1 体验HTML文档——网页基础(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)

2023-06-14
| 18页
| 613人阅读
| 2人下载
精品

内容正文:

网页设计与制作(Dreamweaver CC) 第三版 体验HTML文档——网页基础 网页设计基础 体验HTML文档——网页基础 1.1 学习任务描述: 通过在记事本和Dreamweaver中使用HTML代码制作网页,介绍HTML代码的常用标记,以及使用HTML代码制作简单网页的方法。 在本任务中,需要完成以下操作: 体验HTML文档——网页基础 1.1 在记事本中输入HTML代码制作简单网页 在Dreamweaver中“代码”视图查看网页代码 在Dreamweaver的“代码”视图下编辑HTML代码。 (2)选择“文件”——“保存”命令,打开“另存为”对话框,选择保存位置为素材库中的chapter1文件夹,文件夹为“wy1.html”,保存类型为“所有文件”如图1-1所示,单击“保存”按钮。 体验HTML文档——网页基础 1.1 (2)在“计算机”中打开chapter1文件夹,双击wy1.html打开浏览器,浏览该网页,可以看到字幕“富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善”从右向左滚动,标题“社会主义核心价值观”出现在浏览器的标题栏。 体验HTML文档——网页基础 1.1 (4)右击浏览器空白处,在弹出的快捷菜单中选择“添加到收藏夹”命令,将该网页添加到收藏夹,如图1-3所示。 体验HTML文档——网页基础 1.1 (5)启动Dreamweaver CC,选择“文件”——“打开”命令,打开chapter1文件夹中的wy2.html。 (6)按F4键隐藏所有面板,单击“文档”工具栏上的“代码”按钮,切换到Dreamweaver的“代码”视图,对代码进行如图1-5所示的修改。 体验HTML文档——网页基础 1.1 (7)单击“设计”按钮,切换到“设计”视图,按F12键保存并浏览网页,如图1-6所示,单击“Adobe官方网站”超链接,将在浏览器的新窗口中打开Adobe官方网站首页。 体验HTML文档——网页基础 1.1 (8)在Dreamweaver中打开chapter1文件夹中的myweb3.html,切换到“代码”视图。 (9)在<body>和</body>之间添加以下代码: 体验HTML文档——网页基础 1.1 体验HTML文档——网页基础 1.1 </td> </tr> </table> (10)选择“文件”——“保存”命令,按F12键浏览该网页,效果如图1-7所示。 体验HTML文档——网页基础 1.1 Visual Basic简介 1.1 1.1.1 网页基础知识 1、Internet 概述 Internet的中文名称为“因特网"或“国际互联网”,是利用通信线路和通信设备将世界各地的计算机网络、主机和个人计算机连接起来,在网络协议控制下构成的全球互联网系统。 Internet提供的服务主要包括万维网(WWW)、电子邮件(E-mail)、文件传输(FTP)、远程登录(Telnet)等。对于现在的人来说,没有Internet的生活简直无法想象,从新闻、天气资讯,到在线音乐、网络视频、QQ、抖音、微信、支付宝,再到机票预订、旅馆安排、网上购物、证券交易等活动,网络已经渗透到各个角落。 Visual Basic简介 1.1 1.1.1 网页基础知识 2、WWW服务 www是WorldWide web的缩写,其含义是“全球网",也称其为“万维网” WWW是基于HTTP的交互式多媒体信息检索工具。使用只需单击就可以在Internet上浏览各种信息资源。 WWW服务采用客户机/服务器工作模式,由www浏览器、web服务器和WWW协议组成。www的信息资源以网页的形式存储在web服务器中,用户通过客户端的浏览器向 web服务器发出URL请求,web服务器接收并处理用户请求后将网页返回客户端,浏览器接收到网页后对其进行解释,最终将文字、图片、声音、动画、影视画面呈现给用户 Visual Basic简介 1.1 1.1.1 网页基础知识 2、WWW服务 www浏览器是专门定位和访问web信息的应用程序。常用的浏览器软件包括IE浏览器、360浏览器、safari浏览器、Firefox浏览器和Chrome浏览器。 web服务器是对浏览器的请求提供服务的计算机及其相应的服务程序。网页设计者将制作好的网站上传到Web服务器上才能被用户浏览。 Visual Basic简介 1.1 1.1.1 网页基础知识 3、web站点和网页 web站点又称“网站”,是指在因特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,web站点是一种通信工具,人们可以通过网站发布想要公开的资讯,或者

资源预览图

1.1 体验HTML文档——网页基础(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
1
1.1 体验HTML文档——网页基础(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
2
1.1 体验HTML文档——网页基础(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
3
1.1 体验HTML文档——网页基础(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
4
1.1 体验HTML文档——网页基础(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
5
1.1 体验HTML文档——网页基础(课件)-高一《网页设计与制作(Dreamweaver CC》同步精品课堂(电工版2021)
6
所属专辑
由于学科网是一个信息分享及获取的平台,不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益,请联系学科网,我们核实后将及时进行处理。