《第4讲网的基本编辑操作及站点管理》由会员分享,可在线阅读,更多相关《第4讲网的基本编辑操作及站点管理(25页珍藏版)》请在金锄头文库上搜索。
1、 第第4讲讲 网页的基本编辑操作及站点网页的基本编辑操作及站点管理管理参考资源:http:/218.192.12.13/kcpt/jkx.html大学计算机7/19/20241广东金融学院泳予磺聋巍耙棋抬瞬却药打槽轩恐壁奉教怕吟灿先派锄蛋黔么烹罚锑刃潜第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理本讲主要内容本讲主要内容v1 1网页中的颜色和单位;网页中的颜色和单位;v2 2“页面属性页面属性”对话框设置和列表;对话框设置和列表;v3 3站点及建设流程;站点及建设流程;v4 4新建和管理站点;新建和管理站点;v5 5上传和浏览站点;上传和浏览站点;v6 6总结并布置作业。总结
2、并布置作业。7/19/2024广东金融学院2智芥糠目尖稻尖架篷洗遵待挥貉食贾众庐沉契晒须捕孟抬电棠乏涣埋症尸第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理1网页中的颜色和单位网页中的颜色和单位v网页中颜色的表示方法网页中颜色的表示方法网页文档中的颜色表示有两种方法:使用颜网页文档中的颜色表示有两种方法:使用颜色名称,例如红色、绿色和蓝色分别用色名称,例如红色、绿色和蓝色分别用redred、greengreen和和blueblue表示;使用十六进制格式数表示;使用十六进制格式数值值#RRGGBB#RRGGBB表示,其中表示,其中RRRR、GGGG和和BBBB分别表示分别表示颜色
3、中的红、绿、蓝三基色的两位十六进制颜色中的红、绿、蓝三基色的两位十六进制数据,每种基色的范围是数据,每种基色的范围是0000FFFF,例如红色、,例如红色、绿色和蓝色分别用绿色和蓝色分别用#FF0000#FF0000、#00 FF 00#00 FF 00和和#0000 FF#0000 FF表示。表示。7/19/2024广东金融学院3恐踞共懦减其晨驭遍凶舱抑榔溢逾攒倾佬异阂霹蚂型做僚谐俯诧屉猴疥假第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理1网页中的颜色和单位网页中的颜色和单位v网页中颜色的表示方法网页中颜色的表示方法7/19/2024广东金融学院4颜颜 色色名名 称称十六进
4、制值十六进制值颜颜 色色名名 称称十六进制值十六进制值淡蓝aqua#00FFFF海蓝navy#000080黑black#000000橄榄色oliver#808000蓝blue#0000FF紫purple#800080紫红fuchsia#FF00FF红red#FF0000灰gray#808080银色silver#C0C0C0绿green#008000淡青teal#008080橙lime#00FF00白white#FFFFFF褐红maroon#800000黄yellow#FFFF00佐茨郧贩幕鲍触矽留叫渝姥芍效湃疯神洋举雹分锁柄娃笨浪蚂谈内吐拳泰第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操
5、作及站点管理1网页中的颜色和单位网页中的颜色和单位v网页颜色使用举例网页颜色使用举例7/19/2024广东金融学院5郴酶隔穷丫季毕骡询钡版碱地剧意捆邑谚挛怜妥犬闷福单乃诚擦综窜硼之第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理1网页中的颜色和单位网页中的颜色和单位v网页元素的单位网页元素的单位网页文档中大部分网页元素都可以设置大小,网页文档中大部分网页元素都可以设置大小,如文本、表格、图象等。如文本、表格、图象等。网页元素的大小用数值表示,并且有确定的网页元素的大小用数值表示,并且有确定的单位。在网页文档中,单位可分为:绝对值单位。在网页文档中,单位可分为:绝对值单位和相对值
6、单位。单位和相对值单位。7/19/2024广东金融学院6愿了抒沽挑蒙蛋芥靠褥耳帜奈响倦若忍垢昼旧邪痛拜疙矫钩拱柱沪瞻匀主第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理1网页中的颜色和单位网页中的颜色和单位v网页元素的单位网页元素的单位(1 1)绝对值单位)绝对值单位 英寸(英寸(inin):):1 inch=2.54 cm1 inch=2.54 cm。 厘米(厘米(cmcm)。)。 毫米(毫米(mmmm)。)。 点数(点数(ptpt):):1 point=1/72 inch1 point=1/72 inch。 12pt 12pt(pcpc):):1 pica=12point1
7、 pica=12point。7/19/2024广东金融学院7贺朽炸宪职住歌倔稽谩湃墒眉拄谐钠讽杖幸臃勤恭伏桃甩愈拯攫张份呆需第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理1网页中的颜色和单位网页中的颜色和单位v网页元素的单位网页元素的单位(2 2)相对值单位)相对值单位 字体高(字体高(emem):在特定的范围内以有效的字):在特定的范围内以有效的字符高度为符高度为1 1个单位。个单位。 字母字母x x的高(的高(exex):在特定的范围内以有效的):在特定的范围内以有效的小写字母小写字母“x x”的高度为的高度为1 1个单位。个单位。 像素(像素(pxpx):将一个像素点(
8、即):将一个像素点(即1 Pixel1 Pixel)视)视为一个单位。为一个单位。 百分号(百分号(% %):相对于某个基准(如浏览器窗):相对于某个基准(如浏览器窗口大小或表格中的单元格大小)的比例。口大小或表格中的单元格大小)的比例。7/19/2024广东金融学院8守星喧茬撤励分貉剖歌颊露联律椒粹衔镭毒替篆毅剖拭脆册帅联地帚密礼第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理1网页中的颜色和单位网页中的颜色和单位v网页元素单位使用举例网页元素单位使用举例7/19/2024广东金融学院9水平线的宽值为80%水平线的宽值为80像素翠碘多靖烫伟嚏漱联嫁妒颁本轮舰好威丘畸杆碱侄蓟磕
9、渣耗艰肃倘署戈糟第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理2“页面属性页面属性”对话框设置和列表对话框设置和列表v“页面属性页面属性”对话框对话框7/19/2024广东金融学院10钙零额掏玉搅藐犁渊誓昔秉荐凋悸褂愿宾厌釜宏盟懒辐镑窄狄志咎扛孙队第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理2“页面属性页面属性”对话框设置和列表对话框设置和列表v使用列表使用列表Dreamweaver 8Dreamweaver 8提供了项目列表和编号列表提供了项目列表和编号列表两种列表项格式,其中,编号列表是一种有两种列表项格式,其中,编号列表是一种有序的文本编排方式,而项
10、目列表则是无序的序的文本编排方式,而项目列表则是无序的文本编排方式。文本编排方式。7/19/2024广东金融学院11项目列表样式项目编号样式褥炼窝远艺袋控泣檀遗莲琅笺颇畸郎鳃眼喳废扳鹤例澡匀盼蛛囱郡预盅睁第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理3站点及建设流程站点及建设流程vWebWeb站点的概念站点的概念WebWeb站点是由一组相关的网页文件和相关文站点是由一组相关的网页文件和相关文件(如构成网页的图像、动画等)组成的,件(如构成网页的图像、动画等)组成的,这些文件存储在这些文件存储在WebWeb服务器上,由服务器上,由WebWeb服务器服务器管理并对外提供管理并对外
11、提供WebWeb服务。服务。站点中的文件是一个相互联系的集合体,它站点中的文件是一个相互联系的集合体,它们通过超级链接关联起来,通常具有相似的们通过超级链接关联起来,通常具有相似的特征。特征。7/19/2024广东金融学院12滇舅硒茶蹦惧杨挚想买流骂芽贵杯畔温铃韧褒鹃沦滥手操罕钵枚乖壬瞬挑第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理3站点及建设流程站点及建设流程vWebWeb站点的概念站点的概念通常,每个站点有一个被称为主页(或首页)通常,每个站点有一个被称为主页(或首页)的网页,浏览者可借助主页中的超级链接实的网页,浏览者可借助主页中的超级链接实现对整个站点的浏览。现对整
12、个站点的浏览。站点通常包含两部分:本地计算机(即网页站点通常包含两部分:本地计算机(即网页设计人员使用的计算机)上的一个文件夹设计人员使用的计算机)上的一个文件夹(本地站点)和远程(本地站点)和远程WebWeb服务器上的一个文服务器上的一个文件夹(远程站点)。件夹(远程站点)。7/19/2024广东金融学院13洋窒糠叹衔棉埋劳兽惺勇菱哟魔易徊仓斡辣额峪恐祁文淡韦竞跋凉瘸蛙脸第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理3站点及建设流程站点及建设流程v本地站点本地站点本地站点是为了在制作网站过程中,方便统本地站点是为了在制作网站过程中,方便统一管理,对外不提供一管理,对外不提供
13、WebWeb服务,但本地站点服务,但本地站点文件夹中的目录结构和远程站点是一致的。文件夹中的目录结构和远程站点是一致的。如果本地站点中的网页设计工作已经完成并如果本地站点中的网页设计工作已经完成并测试无误,我们可以将本地站点上传到远程测试无误,我们可以将本地站点上传到远程站点上,以便对外提供站点上,以便对外提供WebWeb服务。服务。7/19/2024广东金融学院14肪酋打参谬弃煮单镰真懈须乒朝讫彻贸竟柜汉臣婆苔胖抵挖算岿撵金熙招第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理3站点及建设流程站点及建设流程v远程站点远程站点远程站点是本地站点的复制,是存于远程站点是本地站点的复
14、制,是存于WebWeb服服务器上的网页文档及相关文件的集合。务器上的网页文档及相关文件的集合。远程站点通过远程站点通过WebWeb服务器对外提供服务器对外提供WebWeb服务。服务。v本地站点和远程站点之间的关系本地站点和远程站点之间的关系7/19/2024广东金融学院15Web服务器(远程站点)本地计算机(本地站点)上传下载蛹络抿炎疫恃巳蚕桃褒雇脐猩稳娜帽茎蒙汝埠桶亭搀龚婉蹈愈喝歪乍雌呈第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理3站点及建设流程站点及建设流程v站点建设的一般流程站点建设的一般流程确定站点主题确定站点主题收集资料收集资料制作网页制作网页测试测试申请空间申请
15、空间发布发布网站维护网站维护7/19/2024广东金融学院16锻遁蛰峪骆恭鸵网粪宿桓磺惜索瑶独尘抑腾旦殖袭坛舜症由倘钓疯因贮程第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理4新建和管理站点新建和管理站点v创建站点创建站点使用站点向导创建本地站点使用站点向导创建本地站点使用高级设置建立本地站点使用高级设置建立本地站点7/19/2024广东金融学院17泅着石钢刨霜庐套疚猪翠蛇耳窥秃叠纯齐富澎锌荧亭隶不锰昂掘痪广喂泄第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理4新建和管理站点新建和管理站点v管理站点管理站点打开站点打开站点编辑站点属性编辑站点属性删除站点删除站点
16、操作站点文件操作站点文件新建文件或者文件夹新建文件或者文件夹重命名文件或者文件夹重命名文件或者文件夹删除文件或者文件夹删除文件或者文件夹编辑文件编辑文件7/19/2024广东金融学院18箩篆泅京瞻瓣蜒窄牧酝相钻肘啮憋痹密丧苯庐郧酿褐辫开干韭秒瘫遏渴豹第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理4新建和管理站点新建和管理站点v问题问题1) 1) 新建的站点是本地站点,还是远程站点新建的站点是本地站点,还是远程站点?2) 2) 新建站点时,为什么要在本地磁盘中新新建站点时,为什么要在本地磁盘中新建一个文件夹?建一个文件夹?3) 3) 删除站点时,站点对应的文件夹也一起删除站点时
17、,站点对应的文件夹也一起被删除吗?被删除吗?4 4)有没有其它手段实现对站点文件的操作)有没有其它手段实现对站点文件的操作(如新建、删除、重命名等)?(如新建、删除、重命名等)?7/19/2024广东金融学院19低怀音吵予颇懂破淑霹少樊雕津底屯救屉伙酉啊咆蝎芍汝皋垣乱划并哦步第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理5上传和浏览站点上传和浏览站点v上传前准备上传前准备远程主机远程主机IPIP地址地址FTPFTP账号名称账号名称FTPFTP账号密码账号密码WebWeb站点的访问站点的访问URLURL7/19/2024广东金融学院20报版篱达窑哲操饯戈郝京聘植漠象贞辗棋初殿逝
18、畜奉锣孝祥咒争蔫戏狐秉第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理5上传和浏览站点上传和浏览站点v上传站点上传站点7/19/2024广东金融学院21钞添壁湛缮它会铂甜介潮械慧咐傣沏斤悉缔沙餐涤饼曙诉娜苫喻轿湃磊稿第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理5上传和浏览站点上传和浏览站点v浏览站点浏览站点根据预先提供的根据预先提供的WebWeb站点访问站点访问URLURL信息,在浏信息,在浏览器中便可以浏览上传的站点。览器中便可以浏览上传的站点。7/19/2024广东金融学院22尹伤裕拽腑粟被肪帜伤刊拨镇梯档咸浩师境脏仕赶呛谣坏粒卒姐灾磨悸铡第4讲网的基本
19、编辑操作及站点管理第4讲网的基本编辑操作及站点管理6总结并布置作业总结并布置作业v(1) (1) 总结总结本次课共介绍了两个主题:网页的基本编辑本次课共介绍了两个主题:网页的基本编辑操作和操作和WebWeb站点的建设。网页的基本编辑操站点的建设。网页的基本编辑操作是网页制作的基础,是网页设计初学者首作是网页制作的基础,是网页设计初学者首先要掌握的内容。讲解站点建设和管理的目先要掌握的内容。讲解站点建设和管理的目的是想让学生能够尽早地从整体上把握网页的是想让学生能够尽早地从整体上把握网页制作的基本目的。制作的基本目的。7/19/2024广东金融学院23蕉捷痊珠蔓嚣种绵总仅伍醚产店梭揪某堵斩帘亨脾
20、制瘟筹草挨怪皖沁装匙第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理6总结并布置作业总结并布置作业v(2) (2) 作业作业1 1上网查询虚拟主机的相关资料及注册虚上网查询虚拟主机的相关资料及注册虚拟主机的基本步骤。拟主机的基本步骤。2 2在网络中注册一个免费的虚拟主机,然在网络中注册一个免费的虚拟主机,然后将自己的网页上传到新注册的后将自己的网页上传到新注册的WebWeb站点中。站点中。7/19/2024广东金融学院24俏羚垃丸贡瑟诽胚缝笋袖煌肿全设珐渠牢帧拯臣里凯竞击掳碌误符巷能赐第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理LOGO终拇宝瞬渝斡继筹咐唁唬饶褂件躬绿而翌杀沟富荤恋其愈劝衅幅窄中毋珠第4讲网的基本编辑操作及站点管理第4讲网的基本编辑操作及站点管理