(网页制作1章.ppt

第1章 网页制作基础 本章主要内容： 1.1 什么是网页 1.2 网页制作技术 1.3 网页制作工具 1.4 网站开发流程 1.1.1 Internet 与 www 计算机网络 Internet Internet提供的服务 WWW 网页浏览的简要过程 网页浏览的简要过程 IP地址 IP地址由32位二进制数组成 IP地址是在Internet网络中为每一台主机分配的由32位二进制数组成的唯一标识符 例如，某台主机的IP地址是： 0100000111011100。 该IP地址用点分十进制数表示为：20 因此，最小的IP地址值为，最大的地址值为55。 域名 用一种符号化的地址方案来代替数字型的IP地址，每一个符号化的地址都与特定的IP地址对应，这个与网络上的数字型IP地址相对应的字符型地址，就被称为域名。 www是为用户提供服务的主机类型 tsinghua代表清华大学 edu代表教育科研网 cn代表中国 域名的结构是一种分层次结构，根据域的大小，从小到大用“.”分隔。 1.1.2 网站与网页 网站的概念 网页的概念 网站中的各种文件 1.1.2 网站与网页 网站的概念 网站website是指一组相关网页以及有关的文件、脚本和数据库等内容的有机集合。 若干个网页通过超链接连接起来的一系列逻辑上可以视为一个整体的页面。 1.1.2 网站与网页 网页的概念 网页Web page是网站中的一页 ，是构成网站的基本元素，是承载各种网站应用的平台。 主页也称首页，是网站中的一个特殊页面，通常包括指向其他相关页面或其他主页的超链接，它是一个网站的标志，体现了整个网站的制作风格和性质。 主页的文件名通常是index、default、main或portal加上扩展名(如.html,.asp,.jsp,.php,.shtml)。 例： 1.1.2 网站与网页 网站中的各种文件 1.1.2 网站与网页 网站中的常用文件的扩展名 1.2.1网页的本质—HTML 1.2.1网页的本质—HTML HTML语言 1.2.1网页的本质—HTML HTML简介 HyperText Markup Language超文本标记语言是一种通用的用于建立网页文件的排版语言，其利用标记(tag)描述将文字、图片、动画等内容组织起来，并进行页面布局。 HTML其实并不是一种真正的计算机编程语言，它的执行不需要编译成指令，只是提供一些语法标记，再由浏览器解释生成相应的页面,供人们去浏览。 1.2.1网页的本质—HTML HTML语言的语法规则： 标记 属性1=“属性值1” 属性2=“属性值2”… 对象 /标记 说明（1）尖括号与标记之间不能有空格 （2）在标记前加“/”表示此标记结束，但并非每个标记都有结束标记 （3） HTML标记可以嵌套，但不可交叉。 1.2.1网页的本质—HTML HTML语言的语法规则： （4）不是每次都必须使用所有属性，可以只使用其中的几个属性，属性之间没有顺序 （5）标记不区分大小写 （6）并非每个标记都有属性 例如（创建超级链接）： a href= target=“_blank” 搜狐 /a 1.2.1网页的本质—HTML HTML的结构 HTML文档包括文件头、表头和主体三部分 html head title这儿是标题部分/title /head body p这里是主体部分/p /body /html 1.2.1网页的本质—HTML HTML标记 基本标记：html和/html，head和/head，body和/body，title和/title实例 特殊信息标记meta 网页子标题标记hn 段落标记p 换行标记br 原文显示标记pre 水平线标记hr实例 1.2.1网页的本质—HTML HTML标记-文本修饰标记 font基本字体标记 font size = n(1-7) face = charname color = #n [font例子] 1.2.1网页的本质—HTML HTML标记-文本修饰标记 marquee活动字幕标记 behavior：scroll, slide, alternate direction：right,left,up scrollamount：滚动距离,即快慢。 scrolldelay：两次滚动间的延迟时间 loop:用于设定滚动的次数,当为-1时，表示一 直滚动下去 [marquee例子] [marquee例子向上滚动] 1.2.1网页的本质—HTML HTML标记-链接标记 a超链接标记 href属性：用于设定链接地址 target属性：用于设定单击链接