网站开发工具的使用与网页设计实验指导书

《网站开发工具的使用与网页设计实验指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网站开发工具的使用与网页制作》实验指导书指导教师：蔡莉百度。Com云南大学软件学院综合技能实践——《网站开发工具的使用与网页制作》实验指导书指导教师：蔡莉（注意：请先简要阅读实验指导书的要求再开始做实验）一、实验目的1．认识网页2．构成网页的基本要素3．制作网页的基本工具4．美化网页的基本工具5．网页制作的基本步骤二、实验内容预习一、网页概述网页其实是在这个世界的某一个地方某一台计算机上的一个文件，通过互联网，也就是Internet将两个不同的地址相连，把人们的信息传达到网络世界的各个角落。人们通过互联网，可以在世界的任何一个地方互相交流沟通。早期的Web1.0时代，大部分

2、网页只有文字、图像信息可以浏览，这个时候最典型的互联网标志就是门户网站，如网易、搜狐。从2001年开始，人们认为互联网开始进入Web2.0时代，这时的网页可以包含动画、音频、视频，也可以在网页中进行交流、上传文件，使用完全交互式的程序。互联网开始更注重个人化的网络服务，任何使用网络的人，都可以参与到网页的制作中。静态网页的后缀通常为.html或者.htm，例如：index.html或者sunny.htm。动态网页的后缀可以为.asp，.aspx，.php，.jsp等，例如：index.asp或者first.jsp等。二、构成网页的基本要素1、文字第15页共15页《网站开发工具

3、的使用与网页制作》实验指导书指导教师：蔡莉文字是网页发布信息所用的主要形式，由文字制作出的网页占用空间小，因此，当用户浏览时，可以很快的展现在用户面前。另外，文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载，便于以后长期阅读，也可对其进行编辑打印。2、图形这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。网页上的图形格式一般使用JPEG和GIF，这两种格式具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。3、链接标志链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以

4、从一个网站转到另一个网站。链接的标志有文字和图形两种。制作一些精美的图形作为链接按钮，使它和整个网页融为一体。4、交互功能Internet区别其他媒体的一个重要标志就是它的交互功能。例如在商务网站的页面上，人们经过浏览，选择了某一个产品，就需要将自己的决定通过Internet告诉这个网站，网站能够自动对该产品的数据库进行检索，及时回应有还是没有，数量、规格、价格等信息。如果用户选择确定，那么网站能够返回确认信息。像这种交互功能其他媒体是无法比拟的。通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传

5、送到服务器上。一、网页制作工具1．超文本标识语言（HTML）HTML（HypertextMarkupLanguage）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。HTML文档由文本、格式化代码和导向其他文档的超链接组成。2．FrontPageFrontPage是由Microsoft公司推出的新一代Web网页制作工具。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。第15页共15页《网站开发工具的使用与网页制作》实验指导书指导教师：蔡

6、莉FrontPage界面与Word、PowerPoint等软件的界面极为相似，为使用者带来了极大的方便，Microsoft公司将FrontPage封装入Office之中，成为Office家族的一员，使之功能更为强大。3．DreamweaverDreamweaver是由Macromedia公司推出的一款在网页制作方面大众化的软件，它具有可视化编辑界面，用户不必编写复杂的HTML源代码就可以生成跨平台、跨浏览器的网页，不仅适合于专业网页编辑人员的需要，同时也容易被业余网友们所掌握。另外，Dreamweaver的网页动态效果与网页排版功能都比一般的软件好用，即使是初学者也能制作出相

7、当于专业水准的网页，所以Dreamweaver是网页设计者的首选工具。一、美化网页的基本工具为了使制作的网页更为美观，用户在利用网页制作工具制作网页时，还需利用网页美化工具对网页进行美化。1．PhotoshopPhotoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。2．FireworksFireworks是由Macromedia公司开发的图形处