网页设计与制作 - 北海职业学院欢迎你!.ppt





《网页设计与制作 - 北海职业学院欢迎你!.ppt》由会员分享,可在线阅读,更多相关《网页设计与制作 - 北海职业学院欢迎你!.ppt(26页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、网页色彩搭配,第一章 网页色彩搭配基础知识,Internet基础,1.1,网页设计工具,1.2,网站建设流程,1.3,HTML语言,1.4,1.1 Internet基础,1.1.1 INTERNET的概述 Internet是相互连接的网络集合。Internet是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络,是提供信息资源查询和信息资源共享的全球最大的信息资源平台。 网络协议是网络中的设备进行通信时共同遵循的一套规则,即以何种方法获得所需的信息。,1.1.1 INTERNET的概述 Internet起源于1969年美国国防部高级研究计划署协助开发的ARPANET。
2、 Internet在国内外的发展 Internet所提供的服务主要是WWW、E-mail、FTP、网上传呼、在线聊天、网上购物等等,而其中WWW和E-mail是最常用的服务。,1.1.2WWW WWW(World Wide Web)简称为Web或万维网,客户端只要通过“浏览器”(Browser)就可以非常方便地访问internet上的服务器端,迅速地获得所需的信息。如图所示:,URL的一般格式为:“协议名:/主机名/文件夹名/文件名”常用的协议名如下:HTTP:超文本传输协议,用于转换网页。FTP:文件传输协议,主要用于传输文件,许多提供软件下载的网站使用“FTP”作为下载的网址。MAILTO
3、:传送E-mail协议,主要用于传输电子邮件。例如:http:/ ftp:/ mailto:,1.1.3网页与网站 构建WWW的基本单位是网页。网页中包含所谓的“超链接”,通过已经定义好的关键字和图形,只要用鼠标轻轻一点,就可以自动跳转到相应的其它文件,获得相应的信息,从而实现网页之间的链接,从而构成了WWW的纵横交织的网状结构。 通过超链接连接起来的一系列逻辑上可以视为一个整体的页面,则叫做网站。 网站的概念是相对的,大的如新浪、搜狐等大的门户网站,页面非常多,可能分布于多台服务器上;小的如一些个人网站,可能只有几个页面,仅在某台WEB服务器的占据很小的空间。 一个站点的起始页面通常被称为“
4、主页”,主页是一个网站的开始,因此主页的好坏决定了这个网站的访问情况,一般主页的名称是固定的index.htm或index.html等。,1.1.4域名与IP地址,在Internet上的每台网络设备都要有一个唯一的地址才能被访问到,这个地址就是IP地址。IP地址是由32bits的二进制数值构成,分成4组,转化为十进制用点分隔,比如:202.100.4.11。,A类地址的范围为:1.0.0.0126.255.255.255B类地址的范围为:128.0.0.0-191.255.255.255C类地址的范围为:192.0.0.0-223.255.255.255,A,B,C,1.1.4域名与IP地址I
5、P地址跟域名的关系域名的分类,表1.1 按组织分类的顶级域名,表1.2 按地理区域分类的项级域名,域名的书写格式为:叶节点名.二级域名.顶级域名例如:,www:web服务器名,sohu:企业名称,com:顶级域名。,1.2网页制作工具,“所见即所得” ,素材的创作和加工1.2.1网页编辑工具 网页编辑工具主要分为标记型和所见即所得型。标记型工具常用的是notepad(记事本)、Ultraedit等。 所见即所得型的编辑软件主要有:微软的Frontpage和Dreamweaver。其中Frontpage继承了OFFICE系列软件的界面通用、操作简单的特点,十分适合初学者使用。但与MacroMed
6、ia公司的Dreamweaver相比,在HTML源代码的精确性、实用性以及对各种新技术的支持上都略逊一筹,因此我们这本教材主要介绍的网页编辑工具是Dreamweaver。,1.2.2图形和图像处理工具 目前常用的图形和图像处理工具主要:Photoshop及Firework。 Photoshop的功能十分强大,是目前最为广泛的专业图形图像处理软件之一,它捆绑了Image Ready,能够实现各种专业化的图像处理、动画的制作等。 Fireworks是由MacorMedia公司出品的首选WEB图形图像处理软件。它的独特之处在于其能够优化处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等,
7、可以生成Firework HTML,直接导入到网页中,使用非常方便。本教材将在以后的章节做详细的介绍。,1.2.3动画制作工具 Flash是目前网页制作中最为出色的动画制作软件,它是一种交互式动画设计工具,用它可以将音乐、声效、动画以及富有新意的界面融合在一起,以制作出高品质的网页动态效果。Flash所使用的图形是压缩的矢量图形,采用了网络流式媒体技术,突破了网络带宽的限制,可以边下载边播放,这样避免用户长时间的等待,设计者可以随心所欲地设计出高品质的动画,Flash已经慢慢成为网页动画的标准,成为一种新兴的技术发展方向。本教材将在以后的章节做详细的介绍。,1.3网站建设流程,规划,设计,开发
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 北海 职业学院 欢迎

限制150内