趣百科

制作网页教程

编辑:Simone 2024-09-23 22:26:52 568 阅读

制作网页教程

对于初学者来说,想要快速掌握网页制作的方法,首先要对网页(静态网页)有一个简单的认识,那么什么是网页呢?用简单的话说,就是以.htm或.html后缀结尾的超文本文件。我们可以将它保存在任何地方,例如本地电脑、虚拟空间、服务器等等。

网页能做什么,有什么样的作用?

网页可以对文本、表格、图片、视频、音频、动画等元素进行有规律展示,通过设计者精巧的排版、设计网页将会很生动的展现在大家面前,在行业中多用于企业宣传、品牌塑造、业务推广、个人展示等等。

我们在日常生活中也经常接触到各类网站,其实网站就是网页的集合。见下图:

按照准备工作,在我们制作网页之前先将 Dreamweaver CS6 下载安装到自己的电脑中,软件下载可以通过百度搜索关键词 “Dreamweaver CS6 下载”等方式自行下载安装,安装后我们在桌面会看到如下图标:

双击图标打开软件,新建一个网页文件,如下图

如图所示,初学者先掌握三个HTML标签:

HTML语言是解释型语言,它的标签是成对儿出现的,这是最基本的语法。

1、设置网页标题的标签

2、网页主体部分标签

3、最外层标签对为

这里请注意,我们网页展示的所有内容,必须包含在BODY标签对中。

知道这些后,我们在TITLE标签对中写上“我的网页”在body标签中写下“HELLO WORLD”如下图:

最后,我们按键盘上的 CTRL+S 或者点击软件左上角的“文件”,在下拉菜单中选择“另存为”。

自定义文件名,选择保存路径后将网页保存到本地电脑,并找到该文件双击运行,你会看到如下内容:

到这里,你的第一个网页已经制作完成了。对于初学者,在了解HTML和CSS之前,可以先通过第一个作品了解网页的基本结构,接下来大家可以通过对HTML和CSS的学习来提升自己制作网页的水平。

也可以通过社交网络或私信与我共同探讨网页制作技术方面的话题。

版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/answer/11934.html

相关推荐