自主建站新手教程:[7]如何制作网站
网站分为静态和动态两种,初学者可以从简单的静态页面学起。这里就给各位童鞋介绍几种常用的创建静态网站的方法。
方法1. 网络搜索源代码
最简单直接的方法就是去网络搜索html源代码,下载下来后使用网页编辑器修改图片和文字信息即可。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/5917cb3da824d8e9e08f9bd2da598540112ac8f0.jpg)
初学者推荐使用这种方法,可以让你直观的看到效果,学习起来更方便。
方法2. 使用Dreamweaver
打开Dreamweaver,选择创建HTML项目。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/cd93a5665159854020772456b5a23a42a17ac4f0.jpg)
点“设计”按钮,可以直接进行设计而不用管代码的如何编写。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/05a320a23a42a07a954d9c87673834bb18efc1f0.jpg)
如我们在页面上创建一个表格,直接点表格按钮,在弹出的窗口中设置相应内容,点确定就可以添加一个表格。然后可以在表格里直接输入文字,插入图片,创建超链接等操作。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/a151a233ec3834bb20b282eb8714c27bd3823df1.jpg)
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/a31e1214c27bd282b8d481f23cb1eef97ebd36f1.jpg)
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/a007a9b1eef97fbd0f211407b74133bad24133f1.jpg)
待编辑完毕排版完成后,保存成Html文档。Html文档可以用IE直接打开预览。所有的页面都编辑好后,放到网站所在目录,设置默认页面就可以正常访问了。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/4d3d2ab33c4133ba941c23c96a37c97623bc2ff1.jpg)
方法3. 使用Photoshop
如下图,加入我们想用这个图片作为网页背景,然后在上面写字。我们就利用用Photoshop的切片功能来实现。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/d2001d7de137c97669e15d7144672b5fd4462bf1.jpg)
用Photoshop打开图片,用切片工具将图片制作完成。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/c8373cbc7dc5cf676502f5f28e96b814f5d026f1.jpg)
点“文件”-“存储为Web和设备所用格式”,然后在新窗口什么都不用修改,点“存储”,然后选择存储路径,格式选成“HTML和图像”,保存后打开保存的路径,就可以看到已经生成html文件,images文件夹中存放的是被切割的图片。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/2a1ecb460596b814a68d95b743d246fe464e22f1.jpg)
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/b442d6d246fe474e95de130bb0ef354f51b81ff1.jpg)
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/460fdc8333bf3bef6f12700c3f3ea8db564a1af1.jpg)
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/3aae2b4f50b8b43ef58677fe7132939c2df719f1.jpg)
用编辑器打开note.html,将要写字地方的图片设置为背景,然后就可以在上面写字了。
![自主建站新手教程:[7]如何制作网站](https://exp-picture.cdn.bcebos.com/a99a494afa32939c4daaff065719ce2c5a1b15f1.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:37
阅读量:68
阅读量:41
阅读量:191
阅读量:50