第一部分:网页设计基础知识。
1. internet的产生与发展(略)
2. 网络体系结构。
osi网络体系tcp/ip体系:
的重要资源。
电子邮件(smtp/pop3)、远程登录(telnet)、文件传输(ftp/http)、搜索引擎、网络日志、www、bbs
4.基本概念。
www:world wide web 万维网
http:hypertext transfer protocol 超文本传送协议
html:hypertext markup language超文本标记语言
url:uniform resource locator 统一资源定位
css:cascading style sheet 层叠样式表
xml:extensible markup language 扩展标记语言
asp: active server pages 动态服务页
ftp:file transfer protocol 简单文件传输协议
5.网络技术地位与重要性(略)
6.本课程知识体系。
网页设计语言:
1静态:html、css3、xml
2动态:前台交互:j**ascript,vbscript,flash脚本。
后台交互:asp
工具:dreamwe**er,flash,fireworks
7. web服务器与浏览器。
1)客户/服务器体系结构。
2)web服务器软件。
微软:iis, 网景:netscape server,apache,website……
3)web客户端---浏览器。
微软:ie,网景:netscape n**igator(世界上第一个商业浏览器)masaic
8.网页设计原则。
主题健康、鲜明;要合理编排结构;文件精小、简朴;技术新颖;页面美观。
9. 网页中的基本元素
网页包括的主要元素有:文本、图像、动画、声音、**、**、表单等。
1)文本是网页中最基本的元素。网页中文字的设计一般从以下几个方面来考虑:
字体的选择;字号、行距的选择;特殊字体的使用;字体的颜色。
2)图像现在网络上使用的绝大多数**和图像是gif、jpeg和png文件格式。
网页上使用图像要注意的问题:
jpeg格式适合于**图像,gif格式适合于包含纯色的图像,例如插图和线条图。
利用图像编辑软件来放大或缩小图像。
屏幕显示图像的分辨率一般为72dpi。制作图像时,不必使用比此再高的分辨率。
如果建立的图像中只有黑色和白色,处理时可将它保存为黑白图像格式,这样可以减少图像文件的大小。
如果设计的gif格式图像包含了渐变和直线,应尽量使得它们水平,因为gif格以每条水平线为基础来压缩。
尝试各种不同的jpeg压缩率。
使用合适的色彩模式。
慎用动画。3)链接链接也叫超链接(hyperlink),是从一个网页指向另一个目的端的链接,是页面间的链接关系。
链接标志(载体)指的是网页中特殊的文本或图像,它们常常用不同的颜色和下划线来标识,在浏览器中,访问者可以用鼠标单击它们,能够从当前的网页转到链接的目的端位置。
超链接的标志一般有:文本、图像、热区三种。要注意的是,所有超链接标志均应清晰无误地向浏览者标识出来,让人一看就知道。
4)动画。目前网络上常用的动画类型有gif和flash动画两种。
5)**。是多**网页的一个重要组成部分,常用的**格式有**i、mpeg和mov等,**会大大增加网页的文件量,从而使用访问速度受到影响,因此要慎用。
6)音频。在网页中插入音频会增加网页的生动性。常用的音频格式有rm(ram)、midi、w**和***等格式。音频文件和**文件一样都会增加网页的文件量,因此要慎用。
10.网页的类型:
有3种不同的类型:基本网页、动态网页和模板网页。
1)基本网页:基本网页又称静态网页,是相对动态网页而言的。
2)动态网页:动态网页中除了基本网页中的元素外,还包括一些程序,这些应用程序需要浏览器与服务器之间发生交互行为,而且应用程序的执行需要应用程序服务器才能完成。
3)模板网页:模板是提供一个标准页面,它的模式固定,例如页面布局、字体排列等固定不变,只需要改变页面的内容,这有助于读者成批地建立页面风格相同的页面,从而使**风格得到统一。模板能够带给你对网页功能和布局更为完整的概念,并且模板文件能够让你更容易的浏览页面**。
11.常用web数据库。
oracle;sybase;mysql;sql-server;access等。
简介。html版本:经历了html1.0、 html2.0、 html3.0、 html4.0、html5.0草案等多个版本。
超文本之父:欧洲粒子物理实验室(cern)的研究员tim berners-lee
13.macromedia软件介绍(略)
14.ip地址和域名。
ip地址:为了区分不同站点,internet为每个站点分配一个唯一的地址,称为ip地址。
ip地址与硬件地址(数据链路层以下)
例:00-00c0-15-ad-18为mac地址。
ipv4(32bits) 与ipv6(128bits)
ipv4地址:网络地址+主机地址。
域名系统:domain name system(dns)
机构域。com 商业机构org 非营利性组织机构。
gov **部门 .mil 军事部门。
edu 教育部门 .net 网络组织或机构。
地理域:cn中国jp 日本 .ru俄罗斯hk香港 .tw 台湾。
il 新加坡 .au澳大利亚 .ca加拿大fr法国us美国de德国。
组织介绍。w3c 的使命是:开发协议和方针,尽展万维网潜能,确保其长期发展。
为了尽展万维网潜能,当中的基础技术必须能互相兼容,并可让浏览硬件和软件协同工作。w3c 称这个目标为「万维网互用性」。通过出版公开的 (非商业性的) 万维网语言和协议标准,w3c 致力于避免市场的**,从而避免万维网的**。
w3c 的运作由美国麻省理工学院计算机科学与人工智慧实验室 (mit csail),总部设于法国的欧洲信息与数学研究论坛 (ercim) 和日本的庆应大学来共同管理。
浏览器介绍。
世界上第一个浏览器:mosaic 世界上第一个商业浏览器:natscape n**igator
目前世界上的主流浏览器:ie;mozilla;firefox;chrome;safari;opera
17.网页色彩。
通常在web设计中使用srgb色度空间,表示法:#rrggbb 16 进制数码。
或者是用预定义色彩:olive, teal, red, blue, maroon, n**y, gray, lime, fuchsia, white, green, purple, silver, yellow, aqua
色彩应用:216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合(调色板),也就是说这些颜色在任何终端浏览用户显示设备上的现实效果都是相同的。所以使用216网页安全色进行网页配色可以避免原有的颜色失真问题。
第二部分:html语言与网页设计。
1.**的设计流程
确定**的主题。
规划**的整体结构。
收集整合网页素材。
确定网页版面布局。
制作网页。添加网页特效。
测试和发布**。
2.html文件的结构。
1)普通的html4网页结构:
hello world!
2)定义dtd:
a. strict dtd(严格dtd):
b. transitional dtd (可变dtd) "
c. frameset dtd (框架dtd) "
3)html文件格式:
围堵标记。
格式:《标记》……单标记(html3)
格式:《标记》
只有起始标记,没有结束标记。最常用的单标记是。
它表示段内换行。
标记属性。
格式:《标记属性1 属性2 属性3……>
各属性间无前后顺序,属性也可省略,当省略属性时取标记的默认值。
文档标志
。标志用于html文档的最前面,用来标识html文档的开始。而标志恰恰相反,它放在html文档的最后边,又来标识html文档的结束,两个标志必须成对使用。
动态网页复习概要
第一章了解iis平台配置的过程和运行原理。第二章。了解htm语言的背景,文字,图像,换行,列表,超链接,框架等应用。掌握最基本的html语法。第三章。了解常量和变量的定义规则。掌握条件语句的语法和应用。掌握三种循环语句的应用和编程。掌握sub子程序和函数的语法和区别。掌握时间和日期函数。了解字符串函...
网页复习题讲解
网页设计复习题。一 选择题 每题2分 1 dreamwe er是 b 软件。a 图像处理b 网页编辑c 动画制作d 字处理2 下列哪种颜色不属于色光的三原色 d a 红b 蓝c 绿d 青3 html文档的起始标记是 b a 5 超链接有几种分类方式,按照不同的分类方式可以分为哪些链接?1 按照连接路...
网页高级应用复习题
一 单项选择题。1.选择主菜单中的 插入 表单 表单 将在文档中插入一个表单域,下列关于表单域的描述,正确的是 c a.表单域的大小可以手工设置。b.表单域的大小是固定的。c.表单域会自动调整大小以容纳表单域中的元素。d.表单域的红色边框会显示在页面上。2.以下不属于表单元素的是 b a.单选按钮。...