1、点击Dreamweaver软件,新建一个HTML网页。
2、在文本编辑区输入“欢迎来到我的个人网页”,右边有个标题文本框,输入“我的网页”做为标题。
3、点击文件——保存,我们在设计过程中一定要经常保存以免丢失,文件名命名为01,点击保存,记住一定不能用中文。
4、这时点击预览在IExplore,我们要想看到我们设计的效果就要在浏览器里预览,打开网页后可以看到标题就是"我的网页“。
5、现在我们要对页面外观进行设计,点击下面的页面属性,打开了页面属性对话框,里面有字体,大小,颜色,图像,边距这些属性。
6、点击字体框后面的倒三角选择字体,后面大写的B代表加粗,I对比倾斜,我们可以选择把字体加粗。
7、接着在下面选择字体大小,这时看不到字体变化,可以点击下面的应用,就看到变化了。
8、然后选择文本颜色,选择红色,点击应用,字体就变红色了。
9、接着选择背景颜色,选择黄色,点击应用,背景就变成黄色了。
10、如果我们不想背景颜色太单一,可以选择图像作为背景,点击浏览,选择一张图片,点击确定。
11、这时弹出对话框提示是否复制,点击是——表示复制,接着点击保存,就是把图片保存到站点,点击应用,背景就换成我们选择的图片了。
12、下面重复里有三个选项,no-repeat表示不重复,repeat表示重复,repeat-x表示横向重复,repeat-y表示纵向重复,选择no-repeat只可以看到单张图片。
13、选择repeat-x,点击应用,可以看到图片横向重复。
14、选择repeat-y,点击应用,图片就纵向重复。
15、一般默认都是repeat,除非有特别需要,才会选择其他方式,下面的边距很好理解,都设置为1就行,所以都设置好了就可以点击确定。
16、最后我们一定要保存,然后点击预览在IExplore,就可以看到我们设计好的网页。是不是经过设计之后网页好看多了。