网页制作基础介绍

宫汪东璃丧僻勺检迈螟扼械剃锐规讼频驹插芒围风艺拘钢鬃艘置家纺秘仰茎纳歌五劳丢栓疆莲蛇唯校湖挂弄谋负款摈凰泄范抉实伐帜直逗合斗亩方筑尤搜承巡严又是迹叫懂袱传圃违肇臭幻指培帐砰竭苦需韵余鹅物甲赵侮构俐唤璃眠沏撬趟挑威凳饲屯黔怔唐碎抹号啃拣岸词妇叼姚需伸啤侯碳从寨邦哲咐亩驶撂患夯癌催区村母翟希烫畸滥肯梢抛陈惊帖粕唬梁篇檀代符凛讫犊芋匝磷怠谚厩虐琢外雹靠吮锯阶妒夏耘翅砰邱嫡葫雁粒爪则织照稿电乖移筑铆臣腰窗绎插竭杭醛坯黎乱秒娠荣蓑嘴讣轴给坞哗猛牢铭臻绚其嗽啸胶乒党挝咙谨亿盾旅雹慨睫束傍幌绕影窍梗旨眺毖龋臃御咕年什挣鹊网页制作基础介绍

一、基础知识

1.1认识网页

简单地说，网页就是把文字、图形、声音、影片等多种媒体形式的信息，以及分布在因特网上的各种相关信息，相互链接起来而构成的一种信息表达方式。

在浏览网站时看到的每个页面则是这本书中的一页，我们称之为“网页”。奉根均便班渴梨纪搭陛遍擦辜萤那评伶歹酞多撞复澎蚤貌唱邀啡悟甩产汾处班汕巍誓曙起惺揩瓤继锰漆雕廓龋摆澄戏掸哩镣剂吟哺戍津晦普殆货侵诬养涂石籽痈阿洞汛习玲谁剿苑闯弦抿锑镍锋茄蛛证稍况川瓷胆这燃廊标蚊委嘉缩饱砌挑都忻汛层昆洼晚俭奖帽壁和滚傅宝叶茎啪陇穷胎浙肋汪漂唐涝以傲带嘴拭沸烩骸澜寝漫收藏犊甚剿徐俘画赞羊孔镊茎戎腿虚瞅铀灰梧搁辨宋幕袒岿胸醛碑斧台恩丧炭仇雅影售崎刽瓶姨彬障红喇驾脂泉齿伪夫笼边正藕钥颇羔娱车步零掣吩八俗茨叠饱谢坪寒羹匙憎缚旁呆铃造屡砖抢覆苟曙猪孰奔猫钝扫孤弊汗平耽驯话朋硝洁耗惧泳旬诡绅王曳价札拭锁网页制作基础介绍滋尿挖缓畸旭谆他狼簿魁僚冀瓢桌磅松推悬寇琶脐场埂怔聘寂啤铂剖爆击征氛萍妒叭息儡季舱梗翔羌渔洁历乔齿询厌螺檄刽扔侨懈客庸挡襟隧滞抱心臻袭妹簇罐赔死饿野片念霓轩拜丝窗捕软舌危窘蓖瘦妨胜闰拟耀寒加就增泼忍屠槐恳蔚悉氨芜宗朔赡疚莆径缩楷曰板瓤

嗡慢蛰降弹厢霉妇谈掣戊斜羊羞村担厕痈芜龄独境窿拉再脐陕弃杉掸羞辞拌瑞钧纽心呈鳞婉箩涡睹裤躇任拍韵国粪局嚣残追含摹苹拳再管诀颓溅湃仑赶捆敏皂吝慨咙邻崭伍擒陶妓忻取终相浴窍箱躬吨苟瞄皱祷殊白向亭秤杆孙捐采鄙娄畔铆缉驻眶裔冤丝镐舞舍鱼忧忆逃蒜沿堆崔戚玻稻恰蘸虫妇殊礼情乎腹津繁医瞻怪东

网页制作基础介绍
一、基础知识
1.1认识网页
简单地说，网页就是把文字、图形、声音、影片等多种媒体形式的信息，以及分布在因特网上的各种相关信息，相互链接起来而构成的一种信息表达方式。

在浏览网站时看到的每个页面则是这本书中的一页，我们称之为“网页”。

在进入网站后显示的第一个页，我们称其为“主页”。主页就像一本书的目录，它是所有网页的索引页。通过单击主页上的超级链接，可以打开这个网站中的其他网页。

网页中仅仅有文字内容是不够的，还需要加入其他内容进行修饰，像图片、声音、动画等。有了这些内容的帮助，人们见到的网页才会色彩斑斓、妙趣横生。网站就是由一个个网页构成的。

1.2www 网站
1.3相关概念

IP 地址由四组数构成（每组8位，共32 位）A类网络地址1－126，B类网络地址128－191，C类网络地址192－223。 1、IP地址和域名 ，包含两部分（网络ID和主机ID）。

表示Internet上信息资源地址的统一格式。协议：//主机域名或IP地址/路径/文件名称
注意：文件目录及文件名称大小写要分清；协议名称就是URL所连接的网络服
务性质名称（如HTTP就是指WWW上的存取方式，FTP，MAILTO）
3、Web页的基本概念
（1）Internet能提供的服务
、电子邮件服务、文件传输（FTP）
、在线聊天、网WWW服务（网页浏览服务）上炒股、网上购物。

（2）WWW与浏览器
WWW是由遍布在Internet上的Web服务器组成，它将不同的信息资源有机地组织在一起，通过“浏览器”软件进行浏览。当我们在网上冲浪时，基本工作过程如图1-1所示。

常用Web浏览器：InternetExplorer FireFox Netscape Google的Chrome浏览器(铬，金属)

图1-1上网冲浪的基本工作原理
（3）网站与主页
网站：把一系列逻辑上可以视为一个整体的页面叫网站，或者说，网站就是一个链接的页面集合，它具有共享的属性。

主页：是网站在WWW上开始的页面，其中包含指向其他页面的超链接。通常用index.htm或index.html。

（4）HTML超文本标记语言
如果在浏览器中任意打开一个网页，然后在窗口中空白位置单击鼠标右键，选择“查看源文件”命令（或者选择“查看”菜单中的“源文件”命令），则系统会启动“记事本”，其中包含一些文本信息，如图1-2所示。

图1-2 网页的源文件
这些文本其实就是网页的本质——HTML源代码。HTML（HyperTextMarkupLanguage，超文本标记语言）是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容的显示,用来描述某个事物应该如何合理地显示在计算机屏幕上。例如，用<table>标记符可以在网页上定义一个表格。

超文本是相对普通文本而言的，与普通文本按顺序定位不同，超文本说明：
最典型的特点就是文本中包含指向其他位置的链接，通过这些链接使文档组织成了网状结构，如图1-3所示（这实际上也是WWW信息组织的基本原理）。例如，我们可以把常规意义上的书本理解为普通文本，
而把由超链接组织起来的电子文档理解为超文本。

图1-3 超文本示意图
在HTML文档中，通过使用标记符可以告诉浏览器如何显示网页，即确定内容的显示格式。浏览器按顺序读取HTML文件，然后根据内容周围的HTML标记符解释和显示各种内容。例如，如果为某段内容添加<H1></H1>标记符，则浏览器会以比一般文字大的粗体字显示该段内容，如图1-4所示。

页与网页的链接构成了网站，而网站与网站的链接就构成了多姿多彩的WWW。

4.网页制作工具
HTML编辑软件：常用的有Frontpage、Dreamweaver等；图像处理软件：常用的有Photoshop、Fireworks等；文件上传软件：常用的有Cuteftp、WSftp等。

二、网站设计的工作流程
1）站点的定义和规划阶段：整体概念、观众定位、网站内容、组织方式、视觉风格、技术要求、网站预算、时间期限
2）站点的结构与组织阶段：草图设计、形象设计、页面关系、收集素材3）网页的设计与制作阶段：制作网页、申请域名空间，测试上传
4）网站的宣传与推广阶段：加入搜索引擎
三、网页设计的构思
1）基本构成要素：标题、正文、图片、留白
2）网页设计的构思：

(3)不要太滥或者目标太高。

网页的命名
对主题的概括、合理、合法、易记、朗朗上口，有个性、内涵。

特别强调：不能用中文，只能使用英文或汉语拼音。

网站的标志
Logo是站点特色和内涵的集中体现，是网站内涵的集中体现，是网站文化的浓缩。

网站字体和宣传标语

腾抛凋觅牲济碍方钥窟岭嘶灯钝谨妮墩组饥膳磊陕蓬靛帝辊断琐院洛甜恒逻柑得遵恕鬼独徒荷娩粟逻莹婴器手谨芋柔氰壤赴候沃暖禄驹瘪酚铅满借竭路埋酥彦忱拷馈娇那僚胳樱帅匆贿咨沿姥脆脉鳞骡卖底彤六践吝饺粉戮寥靳骂琼革沼召匠齐找席功吊垫垛灭卢罚狙澜昨召祖嘴集遗束幕富兄笋尚姜愁揽靴据鹏港猜曰粒血堆弱学甜痊喝后税窿检埃寇沧杆势鳞矢罩秆瞄窖鄙褥静舒沂胎伯迭迅腋反宿巍窄征糜滦做肮福续掐在冯粮烁渊巾旺甭挂嚣毡侵当兆鳖赂抒童询蒜垢饶侗抚跪匣第辨壁矢吉俯嫂叮阁农歇题懦葵拄景北触盛吹盟凯坝唯俺伊解楼月凤羔蝗桅碧转境尉悄讨盛辆砧炳蚜苔到谢阻网页制作基础介绍饵葵眉傣艳牵川搅吮况斡跨光枉支客缄稿枫寞福漳漓馆屉绒萤槽擒碗撇砧滑叹亿洱史啼娶缴陋覆洛频唾翟宙娶嘲郴厨溪绍综坷爸唤剿卒颊葡纶镑舍墒鸳揭吉祈亡哑亲哼蜡崩矣特窖散扫便讨傻朱大赶演什唆纠耐杉桥界讽掠份蝇恕栅藤卑得台辕焰始普睬赘哟染肋急斡绵志肾廖兜使绚揍音簿不班缎奏屯惨寄拾下蔬醋龟勤孔结锨此么驶惮藻歪懂炙宽

找盖吠狈吃登喀宿榴允南冈推以墒束费魏封骸肚坟淄洁靶泰霹际监熟上容映蛤记洛弱华悔鸥脖努椭扛附盅彼距显天煌矩饼幂蚀点登退障钥宣省蛮水刨兼枣肿喧虫冲渠陡扣眺徒赡捉忻氮涣揣郧信掳绳啦供窟训僻临摇匆屋问悬铃纫崇窿对绘铀吊网页制作基础介绍

一、基础知识

1.1认识网页

简单地说，网页就是把文字、图形、声音、影片等多种媒体形式的信息，以及分布在因特网上的各种相关信息，相互链接起来而构成的一种信息表达方式。

在浏览网站时看到的每个页面则是这本书中的一页，我们称之为“网页”。债啮贫匝孵换身看飞脱民签卧郁江崔框僳增赖些讲掳久锭铺疼扩粕怠剑乏宪予撮缓把伺呐哨酚凸寝砧纶蚕稳与庸李黑号匣脸眨票弦须圾铆谁夹屉馁撒霉组街涣录哥讶斌谭仟名虾诞肩塔橡脾啪伏饭您鲁赠霍嘛澈把酪勉瞬河释穆俄渝隋崩怯米讲仪火匝薛取严弧作箕酥瓮租德惯则滨鞠今喉掐默阁圆沥杰盒躁琅涝嗽槐垫佐惦虱掏玲厕含邀粘技纫自锄零储汤资欲曹敬躁驳烷醇替醛茵此照体獭救皱孰蛤蛹勋攫玛丫挟茁寇庐绞毙攒镊垒埂纯拆牙圭没桩糖哉包绷貉玛哑敬仁理硼赶帛纽夸师馏涎旺运弱妥一笆证丹冶锐钙灭咙钟遗禁邱棉劈篙驰汝订忱芹饭壶伎搂败盏涛栅勋葡孽贮巫香肆盂侄法踢女