初学者的网页设计学习笔记(一)建立文档

一、网页简介

网页是一个承载网站应用的平台，它是构成网站的基本元素。也就是说，网站是由网页组成，如果一个人只有域名和虚拟主机而没有制作任何网页的话，别人则无法访问这个网站。

网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式，网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

二、网页组成元素：文本、图像、超链接

1、文本，是网页上的文字，一般文本占用空间很小，一个中文字符只占2个字节。

2、图片，常用图片格式是GIF,JPG,PNG。

3、超链接，网页之间通常以超链接进行连接的。

三、网页设计

1、网页设计需要相应的软件，本人用的是Adobe Dreamweaver CS6。

2、软件下载安装完毕后，我们就开始进行设计（此处只涉及到设计，并不涉及代码部分）。

3、新建文档

打开软件可以看到最上面一行菜单栏，找到文件----新建,也可以用快捷键ctrl+N创建文档；

4、保存文档

菜单栏中文件-----保存，也可以用快捷键ctrl+S保存。

5、文本操作

1、插入文本

a.直接在文档窗口输入文本，跳段用回车键，换行用shift+回车键

b.粘贴其它编辑器中的文本，最好是在新建文本文档中粘贴复制过渡一下

2、调整文本

最下栏的属性栏中的CSS----目标规划<内联样式>----字体大小（统一px像素为单位），其他属性可以自己选择

3、插入字符

点击 右侧栏中插入-----文本----字符（此方法常用）

或， 点击菜单栏中插入-----HTML-----字符

4、插入日期

同样点击右侧栏中的插入------日期

5、插入文本列表

插入-------文本-------项目列表

四、下面为本人文本操作和预览效果，因为本人也是初学者，所以第一次设计的比较简单，相信你们也会很快学会的。

文本操作：

浏览器浏览效果：