一、尝试制作一个简单的网页
1.在电脑中建立一个准备制作网页的文件夹,作为本地站点文件夹。
2.在该文件夹中,建立一个名为“pic”的文件夹,以便存放站点用到的图片文件。
3.用Dreamweaver建立站点,在高级面板的本地信息中,将本地站点文件夹"abc"定为站点文件夹,将"abc\pic"文件夹定为图片文件夹。设置如下图:
4.建立一个html文件,以index.html为文件名保存,输入一些文字,并写上网页标题,保存预览后上传到免费空间。
5.打开免费空间的网页,查看自己制作的网页可否正常显示。
6.尝试为网页加背景图,得到背景图的方法可以从网上查找,也可以自己制作,先尝试从百度获得背景图,放在"pic"文件夹内。注意图片文件必须用英文作为文件名。
7.在Dreamweaver中修改"index.html"文件,在页面设置中指定一个图作为网页背景图,保存文件并预览。
8.在免费空间建立一个"pic"文件夹,将所用背景图上传到该文件夹中,回到站点根目录,将"index.html"重新上传覆盖原来的文件,然后打开免费空间网页,查看网页效果。
六、用Photoshop设计制作网页背景图和透明图片
原则:图片尽量小,有利于快速浏览网页。
透明图片的格式一般为.Gif格式,普通图片可选.Gif或.jpeg格式,但.jpeg更能表现图片的色彩。
用Photoshop制作简单背景图:
背景图1:4*4像素白,其中1像素为黑色
背景图2:4*4像素黑,其中1像素为白色
适合深色文字和图案 适合浅色文字和图案 背景图3:笔记本横纹背景
背景4:从自定义形状中拿来的叶子
用Photoshop制作简单透明图:
原图 透明处理