信息工程基础训练实验指导书(柳).doc

《信息工程基础训练实验指导书(柳).doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实验一网页设计工具的使用1、实验目的掌握网页设计工具DREAMWEAVER工具的使用。实验步骤一、页面创建选择“文件”＞噺建”,弹出如下对话框:从各种预先设计的页而布局中选择一种.比如：选择“基本页"HTML,点击创建按钮。DreamweaverMX2004即展开工作区界而（一个空白页）：进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点屈性面板居中按钮即可。启动中文输入法输入“我的主贝?'四个字。二、设置文字的格式选

2、中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中汨“将字体变粗三、设置文字的颜色首先选中文字，在属性而板中，单击颜色选择图标，在弹出的颜色选择器中用滴管选取颜色即可。三、设置网贝的标题和背景颜色点击“修改”菜单选呗面属性”。系统弹出页面属性对话框（如下图）页面层性设置背景濒色：网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片，点击背呆图象“浏览”按钮，系统弹出图片选择对话框，选中背景图片文件，点击确定按钮。四、插入图片

3、设计视图状态，在标题"我的主页”右边空白处单击鼠标，冋车换一行，按照以下的步骤插入一幅画图片，并使这张图片居中。您也可以通过属性面板中的左対齐按钮让其居左安放。使用插入菜单：在“插入”菜单选“图像”，弹出“选择图像源文件”对话框，选屮该图像文件，单击确定。如下图：遶取文件名目G）文件系垛查找苑的（X）:J2345671235-5-5-s-5-5-~&-cly文件名@）②文件类型⑴：圉像文件（■・&“;♦・“$・•jpy;・png）y400x230J?EG,<9K/URL:相对于:i・9,文档vp

4、6bU一个图片就插入完毕了。（插入*.swf动画文件，选择“插入”菜单〉媒体〉Flash【输入欢迎文字】在图片右边空白处单击，冋车换行。仍然按照上述方法，输入文字“欢迎您……”然后,利用属性而板对文字进行设置。保存页面。一个简单的页面就这样编辑完毕了。六、预览网页在页面编辑器中按F12预览网页效果。网站中的第一页，也就是首贝,我们通常在存盘时取名为index.htmo最终效果下面看看我们使用农格制作另外一个页面这幅页而的排版格式，如果用以前我们所讲的对齐方式是尢法实现的°因此我们需要用到表格来做

5、。实际上是用两行两列的表格来制作.1、在插入栏屮选择匡1按钮或“插入"菜单>选“表格程系统帅出表格对话框如下图。这些参数我们都L2经认识了。行：2o列：2。英余的参数都保留其默认值。。2、在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调報柄。当光标移到点上就可以分别调報表格的高和宽。移到表格的边框线上也可以调幣。（如下图）3、在表格的第一格按住左键不放，向下拖拽选中二格单元格。（如下图）选择左列上下单元格然后在展开的属性面板中选择合并单元格按钮（如下图红框所示）。

6、将农格的单元格合并。如果要分割单元格，则可以用合并单元格按钮右边的按钮。B▼属性格式E）无V样式（X）无字体（Q）默认字体V大小S）无71水平（2）宽他）高©）眉日列默认默认垂直（T）“结果合并结果如下图。••••••••••••••••••••••••••••••••••••合并单元格4、用鼠标拖拽表格的边框调幣到适当的大小。字冋车一次。如果需要调整格子的大小。只需要鼠标的光标移动到边框上拖拽即可。6、在右边上下单元格内分别插入图片和文本。页面的基本样子有了。5、单击左边的单元格，然后输入“摄

7、影作品赏析”文字，并调整大小，因是竖排应每个7、光标移动到表格的边框上单击。表格周围出现调整框，表示选中整张表格。然后，在属性面板中将“边框”值设置适合的值，如果为0,边框在编辑状态，为虚线显示，浏览时就看不见了。-个符合要求的页而在表格的帮助下做好了。注意、作为网站肯定有很多的页面，如果贝面Z间彼此是独立的，那么网贝就好比是孤胡,这样的网站是无法运行的。为了建立起网页ZI'可的联系我们必须使用超级链接。1网页中选中要做超级链接的文字或者图片。2在属性面板中甲击黄色文件夹图标，在弹出的对话框里选

8、中相应的网页文件就完成了。做好超级链接属性而板出现链接文件显示。(如下图)源文件(S)链接©images/Obook_x1.gifQq替代Q)下一页〜p6・htm◎q編辑@i□目陽①AI［②显不椎接文件①选择搭接文与(£)1o]S*S低解析度源(Q)①_j对齐@)默认值y3、按F12预览网页。在浏览器里光标移到超级链接的地方就会变成于-烈实验二图片处理工具的使用1、实验目的掌握图片处理工具PS的基本用法2、实验步骤双击图标，打开PS选择文件菜单下的新建菜甲，新建一个图片文档第一步:在视图文件栏下