网页设计与制作项目化教程-电子教案-周观民-51702121 5 模板与库ppt

  网页设计与制作项目化教程-电子教案-周观民-51702121 5 模板与库.ppt

  网页设计与制作项目化教程-电子教案-周观民-51702121 5 模板与库.ppt

  第5章 模板与库;项目导读;教学目标;任务1 制作“中国联通”子页 ;图5-1 中国联通企业文化子页网页效果图;创建新模板;(2)单击“创建”按钮,打开模板编辑窗口。 (3)在空白网页中,根据自身的需求设置网页的属性,并插入各个网页元素。 (4)选择“文件”→“保存”命令,打开“另存模板”对话框,在“另存为“文本框中输入模板名称,单击“保存”按钮,如图5-3所示。; 在“站点”下拉列表框中选择需要保存的站点名称,然后输入需要保存模板的名称为ziye。 (5)单击“保存”按钮,模板将保存在自动创建的Templates文件夹中。 提示:在创建模板时,若用户没有建立站点,系统将提示先创建站点。 模板实际上也是文档,其扩展名为“.dwt”,模板文件并不是原来就有的,而是在制作模板时由系统自动生成的。 提示:如果在关闭模板文件时没有可编辑区,系统会弹出警告提示框,提醒用户进行设置。;编辑模板;(3)单击“确定”按钮,建立名为EditRegion1的可编辑区域,如图5-5所示。;(4)删除主页中的企业文化、关爱服务所在的表格,插入2行1列表格宽度为100百分比的表格,依照上面的方法,建立可编辑区域EditRegion3、EditRegion4,如图5-6所示。;;;;(8)保存模板页后就能应用此模板创建其他网页了。 提示:在命名可编辑区域时,不可以使用某些特殊字符,如单引号‘ ’和双引号“ ”。由模板新建网页之后,在可编辑区域中可以插入文本、图片、表格等对象,对象的编辑也和正常网页没有差别。 2.删除可编辑区域 插入可编辑区域后,若用户希望删除可编辑区域,可以按以下步骤操作。 将光标定位到要删除的可编辑区域内,执行“修改模板删除模板标记”命令。此时,可编辑区域标签即被删除,如图5-10所示。;图5-10 删除可编辑区域;5.1.3 创建“中国联通”子页; (3)单击“创建”按钮,然后在设计视图窗口中创建基于模板的新网页。此时不难发现,只有模板的可编辑区域能够直接进行编辑,而别的部分则显示禁止编辑符号。如图5-12所示为EditRegion3、EditRegion4可编辑区域。;;;(7)用同样的方法建立企业文化的网页qywh.html,如图5-15所示??;(8)打开主页index.html,依次为企业简介、企业文化、售后服务建立超链接,最后保存页面,按F12键在浏览器中查看网页效果,如图5-16所示。;任务2 利用库制作Banner和页脚 ;5.2.1 新建库文件;;5.2.2 将网页内容转化为库文件;;;在“资源”面板中选择要插入的库文件,单击面板下面的“插入”按钮,如图5-22所示。;;提示: (1)直接将选中的内容拖至“库”面板中,松开鼠标就可以快速创建一个库项目。用鼠标 直接将库项目拖至网页的适当位置,可快速插入一个库项目。 (2)库文件其实就是要插入在网页中的一段代码,所以库文件的编辑窗口,除了不可设为页面属性以外,其他内容和普通网页的编辑方式相同。 (3)创建为库文件的内容,在网页中显示为淡黄色,插入到网页中的库文件,背景同样显示为淡黄色,表示不可编辑。;5.2.3 制作主页的Banner;;;5.2.4 制作页脚;;5.2.5 库项目的应用;;;【知识链接】;;二、修改库项目 对于直接插入到网页中的库文件,有时需要修改才能应用到当前页面中,其具体操作步骤如下: (1)打开网页文档,选中页面中的库项目,然后单击“属性”面板上的“打开”按钮, 打开编辑页面,选中图像,在“属性”面板中单击“PS”按钮进行编辑,如图5-33所示。;;【知识拓展】; 该类网站以新闻信息、娱乐资讯为主,如新浪、搜狐,称作资讯综合门户网站,如图5-36所示。 网站以新闻、供求、产品、展会、行业导航、招聘为主的集成式网站,如:众业,代理商门户,前瞻网称作行业综合门户网站。 (3)地方生活门户 该类网站是时下最流行的,以本地资讯为主,一般来说包括:本地资讯、同城网购、分类信息、征婚交友、求职招聘、团购集采、口碑商家、上网导航、生活社区等频道,网内还包含电子图册、万年历、地图频道、音乐盒、在线影视、优惠卷、打折信息、旅游信息、酒店信息等很实用的功能,如县门户联盟、万城网、城市中国地方门户联盟、郑漂论坛、新浪河南、在线网站、通话网、百汇网、贵州生活网、高安网、浙江热线楼、成都第四城、德化信息网等,如图5-37所示。 (4)校园综合性门户网站 该类网站以贴近学生生活,包括:校园最新资讯、校园娱乐、校园团购、跳蚤市场等。如嗨易网、大学生生活网、腾讯校园等,如图5-38所示。;;;;【思考与练习】;

  园林规划设计-电子教案-肖姣娣-51702871 2-园林规划设计概述.ppt

  水分析化学-电子教案-孙建华-51703343 10 电化学分析法.ppt

  园林植物造景(第二版)-电子教案-关文灵-51705239 第3章_园林植物造景的理论基础.ppt

  特种电机及其控制(第二版)-电子教案-孙建忠-51700906 第1章BLDCM(二版).ppt

  室内设计基本原理(第2版)-电子教案-李引-9785 09 第九章.ppt

  2023年12月上海交通大学马克思主义学院诚邀英才笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  2023年12月南京传媒学院国际学院公开招聘招生科员笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  2023年12月云南省残疾人康复中心招考聘用编外工作人员笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  2023年12月云南省鲁甸县人民法院招考3名聘用制法官助理笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  2023年12月下半年广东东莞市发展和改革局自主招考聘用聘用人员笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  2023年12月深圳市盐田区委党校对全国选聘1名事业单位工作人员笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  2023年12月中国社会科学出版社2024年招考笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  2023年12月中山市阜沙镇公办中小学招聘2名临聘教师420笔试历年高频考点-难、易错点荟萃附答案带详解.docx

  小学语文教师小课题研究方案设计 申报申请书 运用智能技术赋能小学语文古诗教学的实践研究.docx

  2024年党校入党积极分子培训考试多选题库及答案(精选64题) .docx

  浙江省宁波市海曙区2022-2023学年四年级上学期数学期末试卷(教师版).docx

  原创力文档创建于2008年,本站为文档C2C交易模式,即用户上传的文档直接分享给其他用户(可下载、阅读),本站只是中间服务平台,本站所有文档下载所得的收益归上传人所有。原创力文档是网络服务平台方,若您的权利被侵害,请发链接和相关诉求至 电线) ,上传者