制作静态网的页方法.docVIP

教你制?作静态网页的方法 ?一、网页设计基础 1?、熟悉Dreamwe?aver 8的工作环?境 2、创建新站点 ?创建本地站点：站点-?---管理站点---?-新建----站点（?前三步也可直接从“新?建站点”进入下面的设?置向导对话框）---?-跟随向导设置直至完?成 3、网页文件的?基本操作 a、创建?、打开和保存网页文件? 创建：文件----?新建----创建 打?开：文件---打开-?---选择欲打开的文?件 或者在右边的文件?浮动面版中选择打开 ?保存：文件---保存?或另存为 b. 设?置网页的页面属性 修?改---页面属性--?-然后设置（标题、背?景、背景图像、文本等?） c. 设置网页?对象的颜色 网页对象?，如页面背景、文字、?链接都经常需要设置颜?色。 可在各自对应的?属性面版中设置。 ?d. 网页文本的输入?和属性设置 文本可键?入、导入、粘帖 文字?可设置字体、大小、颜?色、格式等。 键入空?格的方法：1、汉字输?入法设置为全角方式，?按空格键即可输入。2?、属性面版格式中：预?先格式化的 换行：E?NTER、SHIFT?+ENTER 实例?练习： 1、输入以下?文字 书签夹在诗集里?， 落叶夹在深秋里。? 喜悦夹在生活里， ?追求夹在人生里。 2?、第一次设置格式为“?无”，字体为“华文行?楷”，字体颜色为“红?色”，字号为“5号”?，添加项目符号。然后?保存、预览。 3、第?二次设置格式为“标题?一”，字体为“楷体”?，字体颜色为“蓝色”?，字号为“5号”，添?加项目符号，对齐方式?为“居中”。然后保存?、预览。 比较两次设?置的效果。 e. ?网页图片的插入和属性?设置 插入图片，在对?话框中选择图片。（最?好在建立站点时将欲用?的图片素材复制到本地?站点目录中） 插入图?像占位符，在图片准备?好后再加入图片。加入?方法：1、双击图像占?位符；2、点“属性面?版”中的“指向文件”?，拖到右边文件中要插?入的文件处。 在图像?属性面版中设置 f?. 插入层 方法: ?1、点击插入面版中的?“描绘层”；2、在网?页编辑器窗口中按住鼠?标左键拖画出定位用的?层； 3、可以随意移?动层的位置；4、可在?层中插入图像、文字等?。 g. *插入表?格,用表格定位 方法?： 先用鼠标点至欲插?入表格的位置； 点插?入面版中的“表格”—?“插入表格”； 确定?行数、列数后确定即将?表格插入到选定位置了?； 可在表格中任何单?元格里插入图像、文字?等。 h. 建立超?链接 方法: 1、选?中要建立超链接的文字?或图像； 2、点右键?“创建链接”打开的窗?口或在属性的链接栏里?，填入链接的目标。（?如： 本网站另一个网?页，或外部网页如ht?tp://www.g?，?或电子邮件如：mai?lto:zdhwan?gji@21cn.c?om） 3、在页面属?性里修改链接的属性：? 修改--页面属性（?链接、活动链接、访问?过链接） ? ?二、制作实例1 制?作要求：（网页效果）? 页面的背景图片为b?g0100.jpg;? 在合适的位置插入图?片earth.gif?; 在网页中输入横排?带阴影的文字“欢迎访?问网络工程08级3、?4班主页” 将网页用?index.htm为?名保存在本地站点My? site中。 ?操作步骤： 1、按?下面操作建立站点：先?新建一个文件夹My ?site（下面举例中?是建立在桌面上）。 ?选择“站点”---“?新建站点”命令； 在?弹出的对话框中，在“?站点名称”文本框中输?入“应用实例1”，并?点下一步； 按下?图选择“否，我不想使?用服务器技术”，然后?点“下一步”； ?按下图选择“编辑我的?计算机上的本地副本，?…… ”，并选择文件?存放的目录路径，然后?点“下一步”； ?在“您如何连接到服务?器？”选项里选择“无?”，然后点“下一步”?； 然后点“完成?”。这样就已经建立好?一个新的站点了，可以?在Dreamweav?er界面右边的“文件?”窗口里看到新建立的?站点信息。 2、在?文件夹My site?下创建文件夹imag?es，以后此站点中用?到的图像文件准备全部?存放在images文?件夹里；为方便，这里?先把此例中需要用到的?图片bg0100.j?pg和earth.g?if事先存放在此im?ages文件夹里了。? 3、创建一个新网?页：网页文件--- ?新建--- 选“基本?页”---创建； 然?后在网页编辑器窗口中?，选择“修改”-—“?页面属性”命令，在“?页面属性”对话框中设?置各项参数； ?在“标题”文本框中输?入“实例