网页设计与制作 第4章 利用FrontPage 2003设计制作网页

《网页设计与制作 第4章 利用FrontPage 2003设计制作网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、通过本章学习，应该掌握以下内容：FrontPage2003的基本操作利用FrontPage2003创建管理站点利用FrontPage2003处理网页文本、图片在FrontPage2003中使用表格和表单在FrontPage2003中使用组件在FrontPage2003中创建编辑框架网页在FrontPage2003中使用CSS技术第4章利用FrontPage2003设计制作网页2.1HTML概述2.1.1什么是HTMLHTML（HypertextMarkupLanguage）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，

2、告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。HTML作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其他的专用网页编辑器（如FrontPage、Dreamweaver）都是以HTML为基础的。（1）强大的网页设计功能可以智能地完成HTML文本的编辑，并可以针对不同的浏览器对网页进行设置;可以提供对多种版本的浏览器的支持;完善了所见即所得的网页编辑操作4.1FrontPage2003概述4.1.1FrontPage2003简介1．FrontPage2003的特色（2）丰富的网页设计模板、设计向导和主题样式提供了多种网页设

3、计模板、网页设计向导和主题样式。使用这些模板、向导和样式，即使是初学者也可以设计出具有专业水准的网站。1）设计网站FrontPage2003具有经过改进的设计环境、新的布局和设计工具、模板以及经过改进的主题，这一切可以帮助用户实现网站创意，而无需任何HTML知识。（1）经过改进的工作环境和更大的设计区域FrontPage2003集中了所有Web设计功能，并让用户可以全景查看整个网站，从而使得网站和网页设计比以前更容易。更大的设计区域还减少了滚动操作。2．FrontPage2003的新增功能（2）布局表格和单元格通过使用布局表格和单元格，可以

4、创建具有专业外观的网页布局。布局表格是为网页创建的框架。布局单元格是该框架内的区域，其中包含网页中的内容（包括文本、图像、Web部件和其他元素）。可以选择预定义的布局列表，也可以自己绘制，总之，在做出最后决定前可以尝试多种布局。（3）图像描摹在使用图像描摹时，可以在图形程序中创建网页的外观模型图像，并将其作为直观参照，以便在FrontPage中创建或描摹网页设计。可以显示或隐藏图像、将其设置为不透明以及更改其位置。（4）动态Web模板通过将动态Web模板附加到网页上，可以快速创建共享相同布局的HTML网页。可以指定模板内的某些区域可以编辑，

5、而将其他区域保护起来。（5）网页标尺和布局网格只要有好用的定位参照（如网页标尺和背景布局网格），精确设计和布置就会变得十分容易。通过选择测量单位、线条样式和颜色以及间距选项，可以自定义标尺或网格。（6）设计阶段层在FrontPage2003中，层可以包含HTML元素，如文本和图形。在“层”任务窗格中，可以查看网页上所有层的详细列表。可以重叠、嵌套、显示或隐藏网页上的层。也可以通过使用“行为”任务窗格使层具有动画效果。（7）经过改进的主题FrontPage2003使用级联样式表而不是HTML来应用主题，所以文件变得更小、更透明并且更容易控制和

6、修改。2）开发网站FrontPage2003具有改进的创作环境、新的图形功能、强大的编码工具、以及创建交互式脚本的工具。此外，FrontPage2003可以生成有效和干净的HTML，能让用户更好地控制代码。（1）网页视图用户在利用FrontPage2003设计网页时，可以在下列任何网页视图中处理网页：“设计”视图在“设计”视图中设计并编辑网页。此视图可以提供与使用设计工具创建网页一样的近似“所见即所得”的创作体验。“代码”视图亲自查看、编写和编辑HTML代码。使用FrontPage2003中的优化代码功能，可以创建干净的HTML，并且可以更

7、容易地删除任何不想要的代码。“拆分”视图以拆分的屏幕格式检查并编辑网页内容，该视图能让用户同时访问代码视图和设计视图。“预览”视图在无需保存网页的情况下，显示与网页在Web浏览器中的外观相近似的视图。使用此视图可以查看创建网页时所做的更改。（2）图形工具改进的图形支持能够更容易处理来自其他程序的图形。新的界面清楚地解释了将图像导入网站时的默认行为，以及在编辑这些图像时将会出现的行为。这使用户可以更好地控制图像的显示和保存方式。（3）脚本和编码工具行为是脚本选项，可用来向网页中的文本或其他元素快速添加交互性或增强功能。（4）专业编码工具现在，

8、FrontPage2003在代码视图中提供了智能感知技术，以减少代码中的错误。智能感知包括语句完成，并显示正在编写的代码的可用参数。智能感知可用于下列环境：HTML、级联样式表（