网页制作初识1

1、第一章网页制作草食，草食网页配置网页基本元素制作网页相关工具Dreamweaver操作环境，1.1草食网页，1.11一般网页一般网页，也称为静态网页、相对动态网页、网页的元素并非都是静态的，但是浏览器指向未与服务器端交互的网页，但网页可以包含GIF动画1.12动态网页动态网页除了一般网页元素外，还可以包含浏览器和应用程序服务器的作用是读取动态网页代码，按照代码中的说明完成网页任务，从网页中删除代码。结果是静态网页。应用程序服务器将网页传递回网页服务器，网页服务器将网页发送到请求浏览器。浏览器获取的所有内容仍然是纯HTML的静态网页。1.2网页基本元素，1.2.1字符是网页发布信息中使用的主要格

2、式，文字制作的网页占用空间小，因此用户浏览时可以快速显示在用户面前。1一个标题网页通常有表示本网页主要内容的标题。标题引人注目，是吸引观众注意的关键，因此对标题的设计很重要。2大小网页中的文字不能太大或太小。太大会改变了一页的信息量，太小了，让人难以浏览。优秀网页中的文章要统筹规划，大小搭配得当，给人生动活泼的感觉。三字模网页在适当的位置徐璐使用其他字体字体，网页也能产生吸引人的效果。1.2.2图形其中图形概念广泛。可以是普通图形、多种图像、动画等。一幅优秀的网页除了能吸引读者的文字形式和内容外，不能低估图形的表现功能。网页上的图形格式通常使用JPEG和GIF，这两种牙齿具有跨平台属性，可以在

3、徐璐其他操作系统支持的浏览器中显示。图形通常在网页中应用，如下所示：1菜单按钮网页上方的一些菜单按钮是图形创建的，通常有两种茄子形式：水平和垂直，使您可以跳转到其他页面。2为了提高背景图形视觉效果，一些网页将图形放置在称为背景图的网页底部。背景图能使网页更加华丽，让人觉得界面友好。(威廉莎士比亚，背景，背景，背景，背景，背景，背景，背景，背景)但是由于这是相对大的图形，需要占用更大的空间，网页显示速度明显减慢，因此最近网页和相对有名的访问量相对大的网站都不设置背景图形。1.2.3链接徽标链接是网页中非常重要的功能，也是网页中最重要和最根本的元素之一。可以通过链接从一个网页移动到另一个网页，或从

4、一个网站移动到另一个网站。链接标志有文字和图形两种。使用链接按钮制作精美的图形，将其与整个网页融合。1.2.4交互功能internet区分不同媒体的重要特征之一是交互功能。例如，在业务网站页面上，人们可以通过互联网自行决定，通过互联网自动搜索牙齿网站、网站产品的数据库，选择是否及时响应、数量、规格和价钱等信息。用户选择“确定”后，可以在网站时返回确认消息。这种交互功能不能与其他媒体相比。通常，网页交互功能是使用表单完成的。表单是网页内网站服务器处理数据输入字段的集合，当访问者通过单击按钮或图形提交表单时，数据将传递到服务器上方。，1.3网页制作和美化工具，1.3.1网页制作工具1超文本识别语言

5、(html)超文本标记语言(html)用于说明网页制作专用的编程语言，超文本各部分的内容，以及告知浏览器如何显示文本的HTML文档由文本、格式化代码和指向其他文档的超链接组成。2FrontPage FrontPage是Microsoft发布的下一代网页制作工具。FrontPage使网页创作者能够更轻松、更快速地创建和发布网页，并通过直观的网页创建和管理方法简化许多任务。FrontPage界面与Word、PowerPoint等软件界面非常相似，可以为用户提供极大的便利。Microsoft将FrontPage封装在Office中，使其成为Office家族之一，从而提供更强大的功能。3Dreamwe

6、aver Dreamweaver是Macromedia发布的网页制作中广泛使用的软件之一，它不需要编写复杂的HTML源代码，就能满足跨平台、浏览器间网页、专业网页编辑的需要，而且业馀网民也很容易发现。此外，Dreamweaver的网页动力学和网页排版功能比一般软件功能更易于使用，甚至初学者也可以创建与专业水平相对应的网页，因此Dreamweaver是网页设计人士的首选工具。Dreamweaver支持动态HTML并使用Roundtrip HTML技术在网页高级设计功能领域处于领先地位。使用动态HTML技术，可以在网页设计过程中轻松进行复杂的交互式网页设计，从而实现动态效果。Roundtrip H

7、TML技术实际支持HTML源剪辑模式，而不生成重复代码，从而加快网页呈现速度。因此，Dreamweaver是一款功能强大的可视化专家网页设计和创作工具，可满足多阶段要求。1.3.2网页美化工具、1Photoshop Photoshop是Adobe开发的图形处理软件、目前公认PC上最好的通用图形美术设计软件、功能完备、性能稳定性、易用性、几乎所有广告、出版、软件公司和PPC上的2Fireworks Fireworks因为Fireworks是第一套专门为创建网页图形而设计的软件，也是专业网页平面设计和创作解决方案。3美国Macromedia开发的矢量图形剪辑和动画制作专业软件3Flash Flas

8、h是一款交互式动画设计工具，它将音乐、声音效果、动画和创新的界面组合在一起，可以创建高质量的网页动态效果。1.4Dreamweaver操作环境、菜单栏：可以通过下拉菜单执行命令，几乎所有操作都可以通过菜单执行。工具栏：包含按钮、弹出菜单和标题项，用于以多种茄子方式查看档案窗口。文档窗口：显示当前创建和编辑的网页内容。静态元素和页面显示效果匹配。要预览动态和交互式元素页面，请按F12键，程序将打开浏览器并显示网页效果。属性面板：显示文档窗口中选定对象(如文本、图像、表格、层等)的属性，并允许您修改该对象的属性。浮动面板：工具集的控制框架，您可以在其中放置各种浮动窗口、面板和查看器，单击其中一个标签即可显示该面板，如果需要，还可以将其拖动到单独的面板。对象面板：包含用于在文档中插入对象(如图像、表格、Flash动画、邮件地址、框架等)的不同类型的按钮(右上角的倒三角形，不同类型的可切换下拉菜单)的牙齿。状态行：包含多个功能区。标记选择器：选择标记以显示文档中当前插入点位置的HTML源