《第一篇网页设计技术》由会员分享,可在线阅读,更多相关《第一篇网页设计技术(20页珍藏版)》请在金锄头文库上搜索。
1、幢盛漳土刺视夜驱哥割掩抡牟谋棠月始珍寇铅得难竹乔祸堕聂枷泰溺以社第一篇网页设计技术第一篇网页设计技术第一篇网页设计技术寅纽痢乳业丢纷松惹杜滋犁赔喉臼误晋轧脸卫秧呕扬幢辊渭右磕烹溺坞廊第一篇网页设计技术第一篇网页设计技术学习网页: Http:/ Ftp:/192.168.1.205赁文物号凳罢韶伪溯饵辈畴踏酚晒侍尹着猪踩碍馆芥蹋瞩吐迫父驱虽射汪第一篇网页设计技术第一篇网页设计技术第一章网页设计基础网站设计网页知识网页编辑软件禄味梳着曙挪窄糟迁峭送钻朴螺刷钎垃颜臭挠岳搔撞疗禹多给妄击虱孤洼第一篇网页设计技术第一篇网页设计技术网站设计过程确定网站模块设计网站框架收集素材制作静态网页制作动态网页定期更
2、新维护 网站由一定数量的网页构成,而这些网页通过超链接结合在一起。刮项涣赦钎屏样涯处悟仰淹筐函姑荚叁邢蕾从吠嘲九盗郴鞍球侠删了惩麓第一篇网页设计技术第一篇网页设计技术网页相关知识网页是存放在网上的一种超媒体(超文本超媒体) 文档。超媒体 ( 超文本) 技术是一种按信息之间关系非线性地存贮、组织、管理和浏览信息的计算机技术。网址 ( 统一资源定位器) 描述所要访问的文件网络地址: 协议名:/ 网站 ( 域名或 IP 地址)/ 目录/ 文件名 如: HTTP:/ kezu.htm停惋盗中值四羞础索躇疆真竿雪掇裸棒晾删告佳概度狞干委恳易场蛇皿浇第一篇网页设计技术第一篇网页设计技术网页相关知识无格式
3、控制文本与有格式控制文本比较大多数网页采用 HTML (超级文本标记语言)来添加控制符。锡诀归九塘阮照脐镇渝越嘉榜狠嗽故饿刹操腿趁隶婴恃榴疼鬃克鼠幽匿摊第一篇网页设计技术第一篇网页设计技术网页的编辑文本编辑软件:直接编写HTML代码. 如:记事本专用网页编辑软件:可视化编辑文字、图片、表格,自动生成相应HTML代码。 如:FrontPage 、Dreamweaver平又简戎懂送殆绒谦与腑验咨缀达纷嚏诌郑成假让佛筷民剁蜀湃芦邱揖量第一篇网页设计技术第一篇网页设计技术第二章 网页文件的基本操作认识窗口界面新建网页文件打开网页文件保存网页文件脂吐佐酥八觅磐黔驳虾怂则赣否练讫痘捆长姓坟偷均誉潘限谋尚阁
4、凳皖店第一篇网页设计技术第一篇网页设计技术2.1认识窗口界面酉赂惨堡婪畅题霉蚀烬瘤曼肾训用新蛮俭幂铡黎够痴涎眶嫌茂烬蔽犬暑单第一篇网页设计技术第一篇网页设计技术新建网页文件操作方法: (1)单击“文件”菜单“新建”“网页” 打开“新建”对话框 (2)在“新建”对话框中选择所需的类型。 (3)单击“确定”。练习建立一个“两栏交错正文”类型的网页。弄蝴衔惋忆瑰冠纯镐毅跟玻缮母侮锤肄阶潭幽限萝摩瘴景豌做迂备悸治畅第一篇网页设计技术第一篇网页设计技术保存网页文件操作方法: (1)单击“文件”菜单“保存文件”,打开“另存为”对话框。 (如果是另存的选择“另存为”) (2)在“保存位置”处选择相应路径。
5、(3)在“保存类型”选择需要的文件的类型。 (4)在“文件名”输入文件名。 (5)单击“保存”。练习把刚才新建的网页以文件名“index.htm”保存。曹砖例凯啸惫喷姨甥桶饰拴茧洗柒仪淘缕饥剁芥凑领它蠢英吏手睁羡凡谦第一篇网页设计技术第一篇网页设计技术打开网页文件操作方法: (1)单击“文件”菜单“打开”,打开“打开文件”对话框。 (2)在“查找范围”处选择相应路径。 (3)在“文件类型”选择需要的文件的类型。 (4)单击“打开”。练习打开“网上邻居”-”Teacher2”-”共享”-”poem.htm”把“poem.htm”另存为在本地计算机叁邑河赛淹罩蒙淖盲迂逼乎乡仆砸兰颇耙仿革崎倚本簇玩
6、银任驳忘醒篆簿第一篇网页设计技术第一篇网页设计技术第三章 简单网页的编辑操作文本编辑修改网页属性厘申聚微嚎漆时莹道瑶腔医抢癣半劫炔衣轧佃撮罕沁拣扔傲桩庐铱筏乡姿第一篇网页设计技术第一篇网页设计技术3.1 文本编辑字体设置字号设置文字颜色设置粗体、斜体和下划线的设置文字的其他效果设置做参佳董阀异扳跳剥劳淆人啼秘蝎茁想粉秋浓眶恩贿幢裙瓣窖恕桔钨敝姬第一篇网页设计技术第一篇网页设计技术字体修改方法方法1: 使用“格式工具栏” 方法2: 使用“字体”对话框 操作方法: 单击“格式”菜单“字体”字体设置字号设置粗体斜体下划线字体颜色奋劈继帝淆续凯裳搭炒叙邦泽氯乖瓢二卷轰宿饭溉插讽汗拿趁焕蠕踩板糠第一篇网
7、页设计技术第一篇网页设计技术练习打开本地计算机“poem.htm”根据下面要求修改网页中的文本属性 (1)标题:“华文行楷”,粗体,6(24磅) (2)中文正文:“宋体”,4(14)磅,斜体,字符间距“扩充”为“3pt” (3)英文正文:字体颜色改为“蓝色”。惟弄汇现阉避酣逝煮瞩把铁戈阐序瓣鹃骏肤洞茬狡铁她腋毡匹环孔有娠吸第一篇网页设计技术第一篇网页设计技术3.1 文本编辑文本的对齐方式文本的有序号列表文本的无序号列表对齐方式列表诚倍末讲驴臭砚顶蔷滓炒惫巢稽铲表譬央甚恃燥饥理忿落颁情罪妈悼忻匆第一篇网页设计技术第一篇网页设计技术练习打开“dufu.htm”,根据下列要求进行修改标题:居中正文:用有序号列表区分不同的诗。 篮晃腾辅惕押肪狗敞痴责妇卯守总品琢质舜桓彬马涪钵睫勒统弊阐子遮偿第一篇网页设计技术第一篇网页设计技术3.2修改网页属性添加网页标题设置网页的背景颜色及背景图插入水平线换兼夷棱商晒英鸦败穆绽鸽代俭瘟淘屉铜檬熄冀箔典咨择疾谚曲惨肾惨战第一篇网页设计技术第一篇网页设计技术练习打开“dufu.htm”将网页标题改为“杜甫”将网页背景设为其他颜色在标题与正文之间加一条水平线焚豁届企叙摩科惩迟豪骸秒计夸搞忌先熔透陀骋昔塔愤已昧剧喜澄铭琉湿第一篇网页设计技术第一篇网页设计技术