网络与网页制作上机实验(1)

《网络与网页制作上机实验(1)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网络与网页制作上机实验报告关莉莉编写学号：_________姓名：_________网络与网页制作上机实验（1）学号姓名组别一、实验目的：1．了解网页制作工具DreamweaverMX的界面结构2．掌握HTML语言的基本结构3．进行简单网页的编写二、实验内容：1.请写出网页制作工具Dreamweaver的特点。2.DreamweaverMX的启动和退出，并进行站点定义，定义一个个人网站的站点，要求;目录位置在D盘学号命名的文件夹中，有站点名称和大致结构目录。请写出完成情况，并进行问题分析。3.请创建一个包含文字、图像和连接的网页（参照P13—

2、P19页），加深对面板和菜单的理解。（新建页面保存在站点文件夹中，制作一个个人说明的网页，要求输入文字、插入图像和超级链接，进行保存并上传到服务器中FTP://student@192.168.1.2）注意：如有不清楚的问题请及时和指导老师联系；设备使用的时候请尽量爱护，故意损毁，加倍赔偿；请在实验过程中不要大声喧哗，自己思考，严禁抄袭；请不要在实验过程中玩任何电脑游戏，如有此类现象，取消实验资格网络与网页制作上机实验（2）学号——机位是否正确——姓名——一、实验目的l熟悉Dreamweaver的用户参数界面；l了解DreamweaverMX的

3、使用规范；l练习使用DreamweaverMX进行参数设置。二、实验步骤1．按照书本操作，掌握DreamweaverMX的用户参数的相关设置。将历史操作最多次数设置为45次：设置允许进行多个连续空格的输入：取消Dreamweaver不支持中文文件名的超链接设置：添加一个JPG图像扩展编辑器为Photoshop，进行编辑：显示换行标签：设置状态栏参数，将窗口尺寸设置为WebTV544*378的窗口，查看后并作恢复：2、将上一节实验制作的网页用源码视图查看，熟练并写出此网页的HTML语句，并就常见标签说明。注意：l请上机过程中不要过于喧哗；l在上

4、机过程中不允许玩游戏；l尽量复习好讲课内容和上机作业后再进行操作和书写。网络与网页制作上机实验（3.1）学号——机位是否正确——姓名——一、实验目的：l熟悉网页制作中文本操作、图像操作和超连接操作的基本使用技巧；l熟悉格式化网页属性的具体设置；l练习使用DreamweaverMX进行静态页面制作。二、实验步骤：1．请说明普通文本和HTML文档的区别？2．请参照以下文字，输入文本内容（酌情输入）：确定网站的整体风格和创意设计　　网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题

5、，任何两人都不可能设计出完全一样的网站。当我们说："这个站点很cool，很有个性！"那么，是什么让你觉得很cool呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明：1.风格是什么，如何树立网站风格？●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。风格是独特的，是

6、站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络(www.century.2000c.net)的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏

7、览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！3、参照第四章进行使用文本的格式化操作：要求掌握拼写检查；查找和替换文字；设置文字属性；设置段落属性；使用列表等操作。传到FTP服务器相应文件夹中去（FTP://student@192.168.1.2）网络与网页制作上机实验（3.2）学号——机位是否正确——姓名——一、实验目的：l熟悉使用图像的基本格式和插入方法；l了解网页制作中图像的相关属性；l进行插入图像和相关

8、设置的具体操作。二、实验步骤：1、请写出HTML支持的三种常见图像格式，并作具体说明2、请按照书本操作，完成插入本地图像的操作（图像自选），并作图像属性的修改：给图