龙岗网页设计培训中心http://www.lgp***/致力于网页设计培训、美工培训和平面设计实战项目面授培训。 随着学员人数的增加,开始公司化运营,为学员提供更专业,更贴心的服务。
初学者怎样学习网页制作?
这篇文章的内容只针对完全没有接触过网页制作的又想学习网页制作的新手朋友们,高手们可跳过本章节噢!
既然是新手朋友,那我们就以简单的文字加图片为内容的网页来举例吧!希望通过简单的学习,让你了解到一个网页的简单制作过程,也为以后延伸到复杂的网页设计做好准备。接下来我们就开始进行学习。
步,确认你的系统中文件扩展名为显示扩展名。
查看方法:打开我的电脑,点击文件夹选项,打开文件夹选项对话框,确保“隐藏已知文件的扩展名”前面的小勾已经去掉,如果没有去掉,请把小勾去掉。
第二步,创建你的个网页文件。为了便于管理,请先创建一个文件夹,用来存放你的网页文件和图片等资料。在你创建的文件夹中右击,选择新建,文本文件:
把这个文件重命名为index,然后把扩展名改为html(也就是把小点后面的txt改为html)。这样一个网页文件就准备好了。
html是网页文件的扩展名。扩展名用来区分文件的类型,扩展名也用来告诉用哪个软件打开。比如html就会告诉浏览器这是一个网页,需要用网页的方式来解析并显示。
第三步,我们用notepad++打开这个index.html文件。没有这个软件的同学可以百度进行下载和安装,过程不复杂,这里不详细描述。
在编写代码之前,我们先来了解一下一个网页基本的结构:网页有头部和主体两大部分组成。头部和主体都包含在一对<html>标签之内。因为网页是html语言编写的,html语言是一门标记语言,就是用一对对的标签来标记网页中的内容,从而对内容进行组织和管理。
标签就是网页中内容的容器。
每个网页都有头部和主体。
如下图所示,整体的外层标签是<html>和</html>,头部是<head>和</head>标签。在<head>标签中,又可以写<alt>(标题)等标签。而<head>标签内的内容一般是不会显示在浏览器窗口中的。显示在浏览器窗口给我们看的内容,都在<body></body>标签里。
初学者怎样学习网页制作?
了解了网页的基本结构,我们就开始来写一段完整的网页代码:
<html>
<head>
<alt>这是网页的标题</alt>
</head>
<body>
<h1>这是一个一级标题</h1>
<p>这是一个段落</p>
</body>
</html>
在notepad++中编辑的情景如下:
保存之后我们在浏览器中预览,效果如下图。上面我们说过,<head>标签里的内容不会显示在浏览器中,但是我们在<head>中写了一句:<alt>这是网页的标题</alt>,如果你细心就会发现,在浏览器的标签选项卡上显示了“这是网页的标题”这几个字。
原来网页标题就是显示在浏览器标题栏上的内容。网页的标题不等于内容的标题,于是我们写的<h1>这是一个一级标题</h1>,它被显示在浏览器窗口中。
以上介绍的就是零基础编写简单网页的步骤,通过这一遍的练习,你就可以写出自己个简单的网页了,当然要想写出复杂漂亮的网页,你还得学习更多的标签代码。而且还要用到上面列出的photoshop等图片处理工具,来为你的网站制作漂亮的效果和图片。不过不用担心,你接触的知识越多,你就知道哪些东西需要怎么学习,这是一个循序渐进的过程。
从简单到复杂,从基础到高阶,希望本内容能让你快速从小白变成设计师。当然,新手伙伴们如果想要进行更深的了解和学习,也可以拨打以下进行咨询!
手机:13714230597 (莫老师) Q Q:2693971955
地址:深圳市龙岗爱联如意小区