财会专业标记语言与电子商务网站建设.pptx
《财会专业标记语言与电子商务网站建设.pptx》由会员分享,可在线阅读,更多相关《财会专业标记语言与电子商务网站建设.pptx(74页珍藏版)》请在咨信网上搜索。
1、第一节HTML基础知识1.HTMLHTML超文本描述语言超文本描述语言一种专门用来设计网页的计算机标记语言。一种专门用来设计网页的计算机标记语言。HTMLHTML对网页上的文字、图片等多媒体数据所出现的位置、对网页上的文字、图片等多媒体数据所出现的位置、形式、顺序及关系都使用标记(形式、顺序及关系都使用标记(TagTag)语法作定义)语法作定义以及对网页间加注超链接关系。以及对网页间加注超链接关系。HTMLHTML文件以文件以.htm.htm或或htmlhtml为扩展名,是文本文件,可为扩展名,是文本文件,可用任何文本处理工具进行编辑用任何文本处理工具进行编辑用用HTMLHTML语言写的页面是
2、普通的文本文档(语言写的页面是普通的文本文档(ASCIIASCII),),不含任何与平台和程序相关的信息,它们可以被任不含任何与平台和程序相关的信息,它们可以被任何文本编辑器读取。何文本编辑器读取。其关键是掌握各种标签的用法其关键是掌握各种标签的用法 2.HTML文件的结构 一般由内容信息和标签两部分组成。一般由内容信息和标签两部分组成。HTMLHTML通过使用标记和元素(不区分大小写)来建立文件,通过使用标记和元素(不区分大小写)来建立文件,并利用标记来控制文件的结构。一个标准的并利用标记来控制文件的结构。一个标准的HTMLHTML文件是文件是以以标记开始,并以标记开始,并以标记结束的,用来
3、告知标记结束的,用来告知浏览器这是整个浏览器这是整个HTMLHTML文件的范围。文件的范围。在在之间包含两个主要的部分:一个是之间包含两个主要的部分:一个是HTMLHTML文件的头部(文件的头部(HeadHead),称为),称为“标题设定区标题设定区”,放,放置一些有关该文件的识别数据,前后使用置一些有关该文件的识别数据,前后使用标记框住;标记框住;另一个是文件的主体(另一个是文件的主体(BodyBody),称为),称为“HTMLHTML网页文本区网页文本区”,是显示在浏览器中的文件内容及其格式,前后使用,是显示在浏览器中的文件内容及其格式,前后使用标记框住。标记框住。标签是一个用尖括号标签是
4、一个用尖括号 括起来的命令词括起来的命令词,HTML,HTML标签规定标签规定WebWeb文档的逻辑结构,并且控制文档的文档的逻辑结构,并且控制文档的显示格式。显示格式。标签特点:标签特点:标签往往成对出现标签往往成对出现;标签号与小于号之间不能留有空白字符;标签号与小于号之间不能留有空白字符;某些标签需要加上属性,某些不需要;某些标签需要加上属性,某些不需要;属性只可加于起始标签中;属性只可加于起始标签中;不同标签之间可以嵌套,但不能交叉;不同标签之间可以嵌套,但不能交叉;标签对大小写不敏感。标签对大小写不敏感。大部分大部分HTMLHTML标签的形式:标签的形式:标签名标签名相应内容相应内容
5、标签名标签名HTML的标签HTML文档结构分为文件头和文件体;文件头包括文档标题;文件头和文件体都嵌入在标签中。HTML文本格式.文档标题文档标题文档的主要内容文档的主要内容3.常用的html标签(tag)文档标签文档标签都属于文档标签,表示整个文档结构。包含文档主要内容,只有它有属性设定。排版标签用于控制网页上文字和图形的显示格式;用于控制网页上文字和图形的显示格式;,段落标签,为文字、图象、表格等之间留出一空白行。其常用属性-align表示段落文字对齐方式。,居中标签,使文字、图象、表格等居中显示。,换行标签,使文字、图象、表格等显示于下一行。,水平线,在网页中插入一条水平线。,为HTML
6、语言提供注解功能。链接标签A A称为链接标签,由称为链接标签,由A A.所围的文字、所围的文字、图片等叫做一个链接。主要属性为图片等叫做一个链接。主要属性为href,href,name,targetname,target等等图形标签为图形标签,在网页中插入图片。主要属性scr,border,width,height,alt等表格标签三个最重要的表格标签三个最重要的表格标签,定义表格,定义表格(容器标签容器标签),标示行(,标示行(rowrow),标示表格的单元格(标示表格的单元格(cellcell)表单标签,也是容器标签。表单域是表单输入的元素,表单域的标签主要有等框架标签,创建框架定义文档,
7、取代。必须包含cols,rows两个属性域之一。第二节网页制作知识1.1.网页的分类网页的分类 静态网页静态网页 内容相对固定;例如:企业介绍、联系信息、服务、导航等内容相对固定;例如:企业介绍、联系信息、服务、导航等 优点:结构简单,不需要数据库支持,执行效率高;优点:结构简单,不需要数据库支持,执行效率高;缺点:维护不方便缺点:维护不方便 动态网页动态网页 适用于需要与用户进行交互,内容数据频繁变化的场合。例如:适用于需要与用户进行交互,内容数据频繁变化的场合。例如:产品的信息、销售信息(价格、定单、客户信息等)、企业新闻产品的信息、销售信息(价格、定单、客户信息等)、企业新闻等。等。由后
8、台数据库和应用程序构成。由后台数据库和应用程序构成。2.网页制作的基本原则正确分析网页用户的需求;正确分析网页用户的需求;网页的命名简洁;网页的命名简洁;确保网页的导览性好;确保网页的导览性好;网页下载时间不宜过长;网页下载时间不宜过长;网页设计要考虑不同的环境下都能浏览;网页设计要考虑不同的环境下都能浏览;注意网页中的图形设计(大小)注意网页中的图形设计(大小)注意网站内容的搭配注意网站内容的搭配考虑到不支持某些功能的浏览器。考虑到不支持某些功能的浏览器。对多媒体文件实施有限的限制。对多媒体文件实施有限的限制。尽量使用相对超级连接(文件相对路径)。尽量使用相对超级连接(文件相对路径)。3.常
9、用网页制作工具 常见的网页制作工具:常见的网页制作工具:MicrosoftFrontpage2000MicrosoftFrontpage2000 直观形象的站点管理直观形象的站点管理 精心组织的图形界面精心组织的图形界面 强大的模板和向导功能强大的模板和向导功能 智能化管理智能化管理 强大的主页制作功能(所见即所得)强大的主页制作功能(所见即所得)MacromediaDreamweaverMacromediaDreamweaver 最佳的制作效率最佳的制作效率 网站管理网站管理 无可比拟的控制能力无可比拟的控制能力 所见即所得所见即所得 梦幻样板和梦幻样板和XMLXML 全方位的呈现全方位的呈
10、现 图形制作工具:图形制作工具:PhotoshopPhotoshop、CorelDrawCorelDraw、ImageReadyImageReady、FireWorkFireWork等等 动画制作工具:动画制作工具:FlashFlash、LiveMotionLiveMotion等等4.网页制作技巧链接图象表格框架表单创建链接链接到另一页面链接到WEB的文件链接到文档的指定位置超链接(Hyperlink)(1)、创建链接为了在HTML中建立一个链接,需要:1.待链接文件的名称或URL;2.作为热区的文本,即,在浏览器中被显示为高亮且能被选中从而实现链接的部分。建立链接的HTML标签是A.。A标签
11、在标签在HTML程序中为如下形式:程序中为如下形式:其中HREF属性域指定了待链接文件的路径名。使用相对路径时,以链接所在文件为基准,可以包含上层目录名(用.);也可以使用绝对路径或URL地址。下面的例子显示一个链接并在下面的例子显示一个链接并在IE中的显示中的显示当你在浏览器中用鼠标单击“主菜单”文字时,就会跳转到名为menu.html的文件。回到回到主菜单主菜单(2)、链接到另一页面当链接到另一个页面时,在HREF参数中写入要链接的文件名和路径,其中文件名要用双引号,并在文件名和HREF间写上等号。(3)、链接到WEB的文件文件名是远端文件的URL。例如要想链接到牛津剑桥多媒体的站点上,需
12、要加入链接到远端文件的超链接:(4)、链接到文档的指定位置当链接到文档的指定位置时,则需要在此位置设一个特殊标志,即书签,也称锚标签,如图表明了书签的表达格式:建立了书签之后,再在链接文本中设置链接标签:A HREF=“mydoc.html#百科”百科系列博览 图像Web上的图像的格式有:GIF、JPEG、XBM、TIFF、BMP和PICT。Web页的图像分成两类:内嵌图像:在Web页中与文本和链接一起显示,并且当一Web页被获取时自动载入。外部图像:它是和Web页分开存储的,只有在需要时才被载入。内嵌图像标签IMGSRC=“flower.gif”ALT“apictureofflower”SR
13、C 要被包含的图像的位置和文件名。要被包含的图像的位置和文件名。ALT 在纯文本浏览器中替换图像的文本。在纯文本浏览器中替换图像的文本。图象和链接使用外部图像使用外部图像图像创建一个链接如下:图像创建一个链接如下:AHREF=flowers.gifflowersAHREF=flowers.gifflowers WebWeb页的图象背景页的图象背景可以用可以用BODYBODY标签的标签的BACKGROUNDBACKGROUND属属性来创建拼接图像背景。性来创建拼接图像背景。BACKGROUNDBACKGROUND的值是的值是图像文件名的图像文件名的URLURL。表格创建表格使用TABLE.标签,
14、用它括住标题和表的内容。.表格内容.行和单元格标签行和单元格标签 在在.之间,可以用下列之间,可以用下列标签定义表格的实际内容。标签定义表格的实际内容。TRTR.定义行,包含表头和数据单元格定义行,包含表头和数据单元格 THTH.定义包含表头的单元格定义包含表头的单元格 TDTD.定义包含数据的单元格定义包含数据的单元格CAPTIONCAPTION.创建可选的标题创建可选的标题 简单颜色表红黄橙紫表格的特性表格的对齐单元格对齐跨越多个行或列的单元格定义表格和列的宽度其他特性1、表格的对齐表格和环绕文本的对齐默认情况下表格独自在页的左侧显示,其他文字在表格的上下两侧。当在TABLE标签中用ALI
15、GN属性时可以重新定义对齐方式ALIGN=LEFT、RIGHT、CENTER让表格和左、右、中间沿对齐,后面跟随的所有文本环绕排列在表和页面右沿之间的空白处。2、单元格对齐当ALIGN属性(水平对齐)用于TR、TH、TD标签中时,同样也可定义单元格的对齐方式。它的取值是LEFT、RIGHT、CENTER。VALIGN属性(垂直对齐)定义了单元格内数据垂直对齐方式,它的取值为BASELINE和TOP。3、跨越多个行或列的单元格要创建跨越多行或列的单元格,可在TH、TD标签加入ROWSPAN或COLSPAN属性和想要跨越的行或列数。例如:ROWSPAN=“3”4、定义表格和列的宽度可用WIDTH属
16、性可以控制表格和列的宽度。WIDTH用于TABLE标签时可以规定表的精确宽度(以象素为单位)或占屏幕宽度的百分比,以便随窗口大小改变。WIDTH属性用于特定单元格(TH或TD)时可以指示特定列的宽度。例如:WIDTH=“300”或“80%”5、其它特性BORDER属性设定表格四周边线的宽度CELLSPACING属性设定格间阴影线的宽度CELLPADDING属性设定单元格边界和内容之间的空隙BGCOLOR属性用于改变表的不同部分的颜色框架目标窗口FRAMESET标签FRAMESETFRAMESET标签是用来创建框架定义文档,标签是用来创建框架定义文档,它取代它取代BODYBODY标签,定义标签,
17、定义FRAMESETFRAMESET标标签时,必须包含签时,必须包含COLSCOLS、ROWSROWS两个属性域之一。两个属性域之一。COLS COLS、ROWSROWS属性域把屏幕分成若干垂直的属性域把屏幕分成若干垂直的属性域把屏幕分成若干垂直的属性域把屏幕分成若干垂直的和水平和水平和水平和水平 的框架,有三种方法定义宽度:像素数、占的框架,有三种方法定义宽度:像素数、占的框架,有三种方法定义宽度:像素数、占的框架,有三种方法定义宽度:像素数、占FRAMESETFRAMESET总宽度的百分比、或星号总宽度的百分比、或星号总宽度的百分比、或星号总宽度的百分比、或星号(*)。)。)。)。例如:例
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 财会 专业 标记 语言 电子商务 网站 建设
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【快乐****生活】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【快乐****生活】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。