1 / 13

网页制作与设计 主编 耿 杰 科学出版社

网页制作与设计 主编 耿 杰 科学出版社. 第一章 网页制作概述 网站制作是一个很大的课题。本章主要介绍网页设计常用的软件及特点，然后介绍了设计网站的流程。在进行网页设计时，要注意网页设计的计划性和条理性，在进行网页组件的整合和制作之前，要把网页布局明确下来，这是网站设计的关键。. 教学重点与难点. Internet 简介及发展 Internet 的主要功能 网页制作常用工具 网页制作流程. 1.1 Internet 、 WWW 、 HTML 简介. 1.1.1 Internet 简介

signa
Download Presentation

网页制作与设计 主编 耿 杰 科学出版社

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 网页制作与设计主编耿 杰科学出版社

  2. 第一章 网页制作概述网站制作是一个很大的课题。本章主要介绍网页设计常用的软件及特点，然后介绍了设计网站的流程。在进行网页设计时，要注意网页设计的计划性和条理性，在进行网页组件的整合和制作之前，要把网页布局明确下来，这是网站设计的关键。

  3. 教学重点与难点 • Internet简介及发展 • Internet的主要功能 • 网页制作常用工具 • 网页制作流程

  4. 1.1 Internet、WWW、HTML简介 1.1.1 Internet简介 因特网是当今世界上最大的连接计算机的电脑网络通迅系统。它是全球信息资源的公共网而受到用户的广泛使用。 从功能方面看， Internet有两大用处：第一用处是通信，使用电子邮件通信，速度快、费用低、特别适合国际间通信量大的用户使用；第二用处是信息的良好工具。特别是Telnet、FTP、Gophet、News、www,都是Internet检索和发送信息的良好工具

  5. 1.1.2 WWW（万维网）简介 WWW是Internet 上那些支持WWW协议和超文本传输协议HTTP的客户机与服务器的集合，透过它可能存取世界各地的多媒体文件，内容包括文字、图形、声音、动画、资料库以及各式各样的软件. WWW的基本结构是采用开放式的客户/服务器结构.

  6. 1.1.3 HTML简介 HTML（Hyper Text Language,超文本标记语言）是一种用来制作超级文本文档的简单标记语言。 HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名

  7. HTML 文档结构 除了一些个别的标记外，HTML文档的标记都可嵌套使用。通常由三对标记来构成一个HTML文档的结构。 <HTML> <HEAD> 头部信息 </HEAD> <DODY> 文档主体,正文部分 </BODY> </HTML>

  8. 1.2 网页制作工具简介 1.2.1网页编辑工具 • FrontPage 2000 FrontPage 2000是Microsoft公司推出的网页制作工具,它功能强大,操作方便. • 记事本 记事本是一个文本编辑的工具,使用记事本环境,可以方便地编写HTML代码和脚本语言程序代码. • Dreamweaver MX Dreamweaver MX是Macromedia公司推出的“所见即所得”的主页制作工具.

  9. 1.2.2 网页图像与动画制作工具 • Photoshop 7.0 Photoshop是Adobe公司专门处理图片和文字的软件.支持在计算机中使用的大部分图片格式。 • Flash MX Flash是Macromedia 公司推出的动画设计与制作软件.使用Flash能创建漂亮的、可改变尺寸的网页动态插件。

  10. Fireworks Fireworks是Macromedia公司的网页图片处理工具.Fireworks与Dreamweaver结合很紧密,只要将Dreamweaver的默认图像编辑器设为Fireworks,那么在Fireworks里修改的文件将立即在Dreamweaver里更新. • Ulead GIF Auimator Ulead GIF Auimator是友立公司出版的动画GIF制作软件,内建的Plugin有许多现成的特效可以立即使用,可将AVI文件转成动画GIF.

  11. 1.3 网站制作流程 网站设计的流程分为三个阶段: 1、前期规划 2、网站制作 3、后期维护

  12. 1.3.1 前期规划 在制作网站之前，首先给网站准确的定位，明确建站目的。网站主题和类型确定后，要规划好网站栏目录结构、网页版面布局.

  13. 1.3.2 网站制作 Web 页面设计需要遵循以下三条原则： • 简洁 • 一致性 • 对比度 1.3.3 后期维护 Web站点建立后，要定期更新和维护Web站点内容，吸引更多的用户访问站点和重复浏览Web站点信息

More Related