第一讲网页设计基础

第一讲网页设计基础

教学重、难点 • 网页设计中的若干术语（web服务器及客户机、URl、常用协议、IP地址及域名、网页、网站、主页、超级链接） • 网站建设的基本步骤重点 • 网站建设的基本步骤难点

WWW World Wide Web （世界宽边网络）的缩写，也可以简称为Web，中文名字为“万维网”。一、网页设计相关概念 • WEB简介

一、网页设计相关概念 2.WEB服务器及客户机用URL发出请求 http://www.scitc.com.cn 客户机服务器送出网页

一、网页设计相关概念 客户端浏览器：通过在地址栏中输入Web服务器地址从而访问Web服务器的软件；目前主要是Internet Explorer（IE）和Netscape：

HTTP URL • 定义 • 一般格式 • 定义 • 作用 • 优点一、网页设计相关概念 3.URl、常用协议、IP地址及域名

FTP IP 域名 • 定义 • 作用 • 定义 • 作用 • 组成第一讲网页设计基础 3.URl、常用协议、IP地址及域名

究竟什么是网页？ • 网页使用来干什么？ • 他有什么作用？二、网页、网页设计、网站和主页 1.什么是网页学院主站腾讯网站

二、网页、网页设计、网站和主页 联想网站主页 163免费邮件主页搜狐主页淘宝主页

二、网页、网页设计、网站和主页 • 总结：网页就是包含了文字、图片、动画、声音等内容的可以在网上传输的界面。他可以用来共享信息、宣传自己、服务用户等。 ? ?? • 问题： • 为什么同样是网页给我们的视觉效果是不一样的？ • 为什么同样是网页给我们提供的信息也是不尽相同的？

二、网页、网页设计、网站和主页 ? ?? • 问题： • 久久音乐网、一听音乐网等，同样是音乐，给我们的感觉是否完全相同哪？网页是丰富多彩的那么，这么丰富多彩的网页究竟如何设计的呢？

定义特点二、网页、网页设计、网站和主页 2.什么是网页设计 • 一个成功的网页设计 • 首先，在观念上要确立活跃的思维方式 • 其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣 • 在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。

二、网页、网页设计、网站和主页 • 网页设计与网页制作的区别 • UI(User Interface,用户界面) • UE或者UX (User Experience,用户体验) • 网页设计要注意一下几个方面： • 内容及框架结构(Frame Sets) • 图象区块(Image Maps)与flash • 特效等

网站主页 • 定义 • 作用 • 命名规范 • 定义 • 作用二、网页、网页设计、网站和主页 3.超级链接、网站和主页 • 举例说明什么叫超级链接。

三、网页设计常用工具 • 网页美化工具（图像）： photoshop和fireWork等 • 网页美化工具（动画）： flash和swish等 • 网页排版工具： DreamWeaver和FrontPage等

策划制作宣传更新四、网站建设的基本步骤及应注意的问题 • 一个网站的制作流程类似与一个电视节目的制作过程，包括:

层状线性网状 1.网页设计基本步骤（1）设计网页栏目及组织结构（2）准备素材（3）界面设计（4）网页排版（页面实现）（6）网页测试与发布（7）网页推广与维护

四、网站建设的基本步骤及应注意的问题 2.制作网页时要注意的问题 • 网页的标题要简洁，明确。 • 对重点内容要强调显示。 • 网页中插入的图片要尽量的小。 • 图形要附加文字说明，以便关闭图像时查看。 • 网页中引用的资料及商标（或图标），不能侵犯版权。

五、网站建设的评判标准

课程小结 • 通过对web相关概念的讲解，使学生了解web服务器及客户机、URl、常用协议、IP地址及域名等基础知识。 • 通过典型网站案例分析和讨论使同学们明白了网页、网站、主页的区别，了解了网页设计及超级链接的概念。 • 本节课还简单地介绍了网页设计常用工具、网站建设的基本步骤及应注意的问题等知识。

练习题 填空题：１．Internet是在__________经过不断发展变化而形成的。２．ＷＷＷ是__________的缩写，也可以简称为Ｗeb，中文名字为“万维网”。３．为了区别各个站点，必须为每个站点分配一个唯一的地址，这个地址即称为__________ ４．ｃ类地址的表示范围为__________，默认网络掩码为__________。

练习题 选择题： 1．下列不属于Macromedia公司产品的是（） A．Dreamweaver B．Firewoks C．Flash D．Frontpage

练习题 问答题： 1 .常见的网页元素有哪些？ 2.上网浏览一些著名网站（如搜狐、网易、新浪、腾讯(QQ)等）的主页，并这些网页和我们学院的主页在结构和版面等方面有什么区别？ 3.请浏览我院主页，至少说出两种网页中包含的主要网页元素。 4.常见的网页制作工具有哪些？ 5.列举你所了解的美化网页工具。 6.总结建立网站的基本流程。

第一讲 网页设计基础