北语12春《网页制作》第一阶段导学

《北语12春《网页制作》第一阶段导学》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、北京语言大学网络教育学院http://www.eblcu.cn2011-2012学年第二学期北语12春《网页制作》第一阶段导学一、本阶段学习内容概述本阶段学习内容包括了教材的第一、二章内容，主要讲述了网页制作基础、初识DREAMWEAVER、制作简单的网页、表格、超级链接、框架、表单。第一阶段主要是针对网页制作中的基本知识进行了概述。本阶段的内容有：第一章网页制作基础介绍网页制作的产生和发展，相关背景知识。第二章DREAMWEAVERMX2004介绍DREAMWEAVER的应用。二、重难点讲解一、基础篇（一）窗口布局（二）菜单概述（三）常用工具栏（四

2、）定义站点　　启动DreamweaverMX2004：　　选择"站点">"管理站点"（即，从"站点"菜单选择"管理站点"）。出现"管理站点"对话框。　　在"管理站点"对话框中，单击"新建"，然后从弹出式菜单中选择"站点"。出现"站点定义"对话框。　　如果对话框显示的是"高级"选项卡，则单击"基本"。出现"站点定义向导"的第一个界面，要求您为站点输入一个名称。在文本框中，输入一个名称以在DreamweaverMX2004中标识该站点。该名称可以是任何所需的名称。　 单击"下一步"。出现向导的下一个界面，询问您是否要使用服务器技术。选择"否"选项，指示目

3、前该站点是一个静态站点，没有动态页。　　单击"下一步"。出现向导的下一个界面，询问您要如何使用您的文件。   选择标有"编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）"的选项。在站点开发过程中有多种处理文件的方式，初学网页制作的朋友请选择此选项。　　单击该文本框旁边的文件夹图标。随即会出现"选择站点的本地根文件夹"对话框。　　单击"下一步"，出现向导的下一个界面，询问您如何连接到远程服务器。从弹出式菜单中选择"无"。您可以稍后设置有关远程站点的信息。目前，本地站点信息对于开始创建网页已经足够了。单击"下一步"，该向导的下一个屏幕将出现，其中

4、显示您的设置概要。单击"完成"完成设置。随即出现"管理站点"对话框，显示您的新站点。单击"完成"关闭"管理站点"对话框。上北语网院进世界学堂Page1of1北京语言大学网络教育学院http://www.eblcu.cn2011-2012学年第二学期　　现在，已经为您的站点定义了一个本地根文件夹。下一步，可以编辑自己的网页了。（五）创建页面页面编辑选择"文件">"新建"，从各种预先设计的页面布局中选择一种。比如：选择"基本页"HTML，点击创建按钮。DreamweaverMX2004即展开工作区界面（一个空白页）。您可以在这个空白页添加表格和输入文本进

5、行编辑。如果您要向页面添加图片或其它元素，应先保存这个空白页。选择"文件">"另存为"，在"另存为"对话框中，浏览到站点本地根文件夹下。填入文件名，保存退出。（六）页面制作现在，以简单网页为例，叙述一下制作过程。　　首先启动DreamweaverMX2004，确保你已经用站点管理器建立好了一个网站（根目录）。　　为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。【输入标题文字】　　进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面

6、板居中按钮即可。启动中文输入法输入"我的主页"四个字。字小不要紧，我们可以对它进行设置。　　【设置文字的格式】选中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中"B"将字体变粗。　　【设置文字的颜色】首先选中文字，在属性面板中，单击颜色选择图标，在弹出的颜色选择器中用滴管选取颜色即可。   【设置网页的标题和背景颜色】　　点击"修改"菜单选"页面属性"。系统弹出页面属性对话框。    请在标题输入框填入标题"我的主页"。　　设置背景颜色：　网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果

7、背景要设为图片，点击背景图象"浏览"按钮，系统弹出图片选择对话框，选中背景图片文件，点击确定按钮。　　【插入图像】选择以下任意一种方法：（1）使用插入菜单：在"插入"菜单选"图像"，弹出"选择图像源文件"对话框，选中该图像文件，单击确定。（2）使用插入栏：单击插入栏对象按钮>选 按钮，弹出"选择图像源文件"对话框，其余操作同上。（3）使用面板组"资源"面板（如下图）：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置。注：为了管理方便，我们把图片放在"images"文件夹内。如果图片少，您也可以放在站点根目录下。注意文件名要用英文

8、或用拼音文字命名而且使用小写，不能用中文，否则要出现一些麻烦。　　一个图片就插入完毕了。（插入*.swf动画