一、尝试制作一个简单的网页

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制作简单透明图:

原图 透明处理

 

 

返回主目录