怎么制作网页
的有关信息介绍如下:网页制作其实入门简单,精通难,它绝非是一两句话就能说的清楚的技术。所以要想真正学会制作网页,需要通过系统的课本教材学习,或者上网搜视频自学,而且要花大量的时间去练习才能真正精通。我这里只是简单举一个小例子,用最简单的代码带你认识一下网页制作的最基本方法。
下载Dreamweaver软件,版本随意,我用的是教学里最普遍的版本CS6。安装,打开后看到如图界面。
选择圈红选项,这是建立网页文件的第一步。
然后会弹出一个新窗口,窗口中有几行代码,先不用管它们,点击左上角“文件”,选择“保存”(或者直接按键盘快捷键 Ctrl+S),随便找个位置新建一个文件夹,然后在新文件夹里点击“确定”。
接下来就是用写代码的方式来建立我们的第一个网页,先看我们的窗口界面,空白区域就是编辑代码区,我们几乎绝大部分的网页创建工作都要在这里完成。
蓝色区域就是我们网页的代码主体部分,所有页面上看得见的东西都要写在
和之间。如果你想深入了解网页制作,后续你还会看到JS编码区以及CSS编码区,今天先不谈这些,只谈html编码区也就是。我们先在
与之间随便写上一句话,用来展示到网页上。我写的是“这是我的第一个网页!”。然后我们可以点击上排工具栏里的“实时预览”来预览一下页面效果。点击实时预览后界面会自动一分为二,右边空白区变成了预览区,可以看到网页上的效果。
我们再给这句话加一点变化,首先放大它的字号,用代码来实现。
然后点击工具栏里的“刷新”按钮,观察右边预览区的网页变化,字号瞬间变大!
接下来我们再给这句话加点效果,把它变成红色。用来实现。注意当你写到color="时系统会自动弹出一个调色盘,你可以直接选择想要的颜色,或者直接手写“#FF0000”。点击刷新按钮后会看到预览区文字颜色变为红色。
除了单调的写字,网页里还可以增加有趣的图片,我们来试试。要添加图片就要先有图片资源,我们可以直接百度搜一张喜欢的图片下载下来,放在刚才新建的文件夹里。
然后在代码区写入
换行标签(另起一行),再写入用来插入图片。
代码写到