网页制作与编程基础1

《网页制作与编程基础1》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章网页制作与编程基础本章学习目标：了解常用网页制作工具，基本掌握其中一种掌握HTML语言初步掌握VBScript或JavaScript脚本语言了解动态网页技术初步掌握ASP与数据库应用7.1常用网页制作工具随着Internet技术的不断发展，网页制作工具越来越多，选择一种好的工具非常重要，能够起到事半功倍的效果。网页制作工具大体上可以分为两类：着眼于网页、网站全局的，称之为基本工具；着眼于网页某些元素的，称之为辅助工具。网页制作基本工具是指那些专门用来设计能在浏览器中显示为网页的HTML文档的专用工具软件，它能整合编排网页元素，生成HTML网页代码文件。比较流行的网页制

2、作工具软件包括MicrosoftFrontPage和MacromediaDreamweaver等。网页制作辅助工具是指用来创建或加工网页上的图形、图像、动画、声音和视频等网页元素的工具软件。7.1常用网页制作工具7.1.1MicrosoftFrontPage2003FrontPage是由Microsoft公司推出的新一代Web网页制作工具。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。FrontPage的最强大之处是其站点管理与远程发布功能。用户只需在本地对网页进行编辑，FrontPage会跟踪用户编辑过的文

3、件，在发布时，它会自动将修改过的网页进行发布，未编辑过的网页可由用户决定是否再次向服务器发送。7.1常用网页制作工具7.1.1MicrosoftFrontPage20031．FrontPage2003的特色(1)强大的网页设计功能可以智能地完成HTML文本的编辑，并可以针对不同的浏览器对网页进行设置；可以提供对多种版本的浏览器的支持；完善了所见即所得的网页编辑操作。(2)丰富的网页设计模板、设计向导和主题样式提供了多种网页设计模板、网页设计向导和主题样式。使用这些模板、向导和样式，即使是初学者也可以设计出具有专业水准的网站。7.1常用网页制作工具7.1.1Microsoft

4、FrontPage20032．FrontPage2003的新增功能(1)设计网站FrontPage2003具有经过改进的设计环境、新的布局和设计工具、模板以及经过改进的主题，这一切可以帮助用户实现网站创意，而无需任何HTML知识。(2)开发网站FrontPage2003具有改进的创作环境、新的图形功能、强大的编码工具（帮助用户应用并增加各种编码语言知识）、以及创建交互式脚本的工具。此外，FrontPage2003可以生成有效和干净的HTML，能让用户更好地控制代码。7.1常用网页制作工具7.1.1MicrosoftFrontPage20033．FrontPage2003工作

5、界面7.1常用网页制作工具7.1.1MicrosoftFrontPage20033．FrontPage2003工作界面窗口栏的内容随着所选视图不同而不同。为了便于用户制作网页和查看、修改Web站点的组织结构，FrontPage2003提供了6种视图。单击视图菜单相应的菜单项可以切换到不同的视图。各个视图的功能分别为：“网页”视图：网页视图是进行网页编辑的操作界面。“文件夹”视图：用来对网站的目录和文件夹进行管理。“报表”视图：用于查看与网页制作有关的各项参数。“远程网站”视图：可以发布整个网站或个别文件，还可以在两个或更多个位置之间同步文件。“导航”视图：用来显示和编辑网页

6、的导航关系。“超链接”视图：显示某个网页与其他网页之间的关系。“任务”视图：用来查看网站和网页设计的完成情况。7.1常用网页制作工具7.1.2AdobeDreamweaverCS3使用Dreamweaver，设计师可以随心所欲地编写代码、设计网站网页以及进行高级开发。无论是喜欢手写HTML代码还是习惯于可视化环境，Dreamweaver都能提供方便快捷、功能强大的工具，使用Dreamweaver将是一种全新的体验。在易用、创新、规范等优点的基础上，Dreamweaver还拥有更先进的网页布局和设计环境，以及更为强大的代码编辑功能等卓越特性。DreamweaverCS3的操作

7、界面主要由以下几个部分组成：标题栏、菜单栏、插入栏、文档工具栏、文档窗口、属性检查器以及多个面板组，如图7-2所示。7.1常用网页制作工具7.1.2AdobeDreamweaverCS3图7-2DreamweaverCS3的界面布局7.1常用网页制作工具1．标题栏(注意区别文档的标题和文档的文件名称)2．菜单栏3．插入栏4．文档工具栏5．“属性”检查器6．其他面板7.1.2AdobeDreamweaverCS37.1常用网页制作工具7.1.3网页美化工具1．PhotoshopCS32．FireworksCS33．F