【传智播客Net培训】视频课件:html基础加强

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

—高级软件人才实作培训专家传智播客.Net培训实训视频下载l传智播客发布了2010年最新的.Net课堂视频教程,内容涉及C#、HTML、JavaScript、JQuery、ASP.Net等内容,覆盖了从C#初学到ASP.Net深层应用的各阶段知识,内容列表如下:l第1季C#编程基础;第2季C#面向对象基础;3季WinForm基础;第4季SQL从入门到提高;第5季ADO.Net;第6季HTML;第7季JavaScript;第8季Dom;第9季JQuery;第10季asp.net基础;第11季asp.net中级;第12季asp.net高级;第13季ajax。l传智播客.Net培训视频教程免费下载地址:传智播客.Net培训(),学费只要5800元PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家北京传智播客教育基础加强讲师:杨中科PDF文件使用pdfFactoryPro试用版本创建ÿ—高级软件人才实作培训专家课前说明l内容:HTML、CSSl目标:掌握手写HTML实现一般难度的Web页面的能力(如网站注册表单),为ASP.Net学习打基础。坚持手写HTML,可视化设计只是一种自学的手段。l参考书:张孝祥《JavaScript网页开发——体验式学习教程》PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家什么是浏览器?l浏览器就是接收浏览者的操作(打开一个网址、点击一个链接、点击一个按钮),然后帮浏览者去Web服务器请求网页内容(HTML格式返回),然后展现成人眼能够看得懂的可视化页面的软件。lIE==浏览器?IE是浏览器的一种,还有FireFox、Opera、Chrome等,注意遨游(Maxthon)、世界之窗、搜狗浏览器、360浏览器等并不是一种独立于IE的浏览器,其内核还是IE的内核,只不过换了一个外壳而已,所以用遨游的不能嘲笑用IE的,否则就露怯了。试着用WebBrowser控件自己开发一个浏览器l所谓的Trident引擎就是IE的WebBrowser控件。现在很多非IE核心的浏览器用的是WebKit引擎,比如遨游3或搜狗的双核、Chrome、Safari。GePDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家HTMLlHTML就是描述网页长什么样子、有什么内容的一个文本。查看网页的描述内容(HTML)的方式:使用IE浏览器的话,在网页上点击右键,选择“查看源文件”l浏览器兼容性问题:描述文件是一个统一的,但是就像口语翻译一样,不同的翻译翻译出来的东西也是不一样的。不同浏览器品牌对HTML的支持是有差异的,所以同一个网页在IE上和FireFox上看起来可能长得不一样,最明显的就是以前QQ空间上的页面在FireFox上显示就有问题,甚至有的页面在IE6、IE7、IE8上长的也不一样。因此Web开发过程中的一个重要的也是最头疼的问题就是浏览器的兼容。测试FireFox(简称FF)、Chrome等浏览器安装各自的软件就可以,测试不同版本的IE可以用IETesterPDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家静态页面、动态页面(*)l网站页面分为静态页面和动态页面两种•静态页面:有一个html页面文件保存在服务器上,浏览器要这个页面的时候服务器就把这个页面文件发给浏览器;•动态页面:服务器上没有浏览者要看的页面,而是服务器动态生成的HTML页面发给浏览器,动态语言的服务器端可以用C#、VB.Net、PHP、Java、C等编写。l编写普通的HTML页面是和任何后台语言无关的,可以使用Dreamweaver、ExpressionWeb(FrontPage的改头换面版)等工具写,这些工具是给页面美工用的,开发人员用VisualStudio写html就够了。不要把精力放到怎么把界面做好看上,正规公司都有专门的页面美工,不正规公司都是偷别人的美工页面,无论是偷别人的页面,还是使用公司美工开发出来的页面,对于开发人员要做的“填模板”工作都是一样的。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家第一个网页l新建Web项目(新建→ASP.NetWeb应用程序),新建html页面(添加→新建项→Web→HTML页)l查看页面的方式:•切换到“设计”视图,可以在这里查看初步的预览效果,不是很准,可以在“设计”视图从工具箱中拖放控件可视化的设计,设计复杂页面的时候很少直接可视化设计。•在编辑器上点右键,选择“在浏览器中查看”。无法进行调试。•将要查看的页面设为起始页(在文件上点击右键“设为起始页”),然后点击“启动调试”。可以调试。l学没有JS、C#代码的时候用“在浏览器中查看”。修改页面不用关闭浏览器再打开,刷新就可以。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家HTML页结构说明l所有内容都在html/html标签之内;head/head内放的是头部信息,是对页面的描述,不会直接显示在页面中,head内的title中设置的是页面的标题,title只能放在head中;body是页面的主体,大部分显示内容都定义在这里。l所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,但是最好还是写完全了。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家颜色体系lbody标签的bgcolor属性可以设定网页的背景颜色,bodybgcolor=#006699l#006699这就是HTML中表示颜色的方式,每两个是一组,三组分别就表示R、G、B的值,是16进制表示。关于RGB见备注l可以使用VS内置的颜色选择对话框生成RGB值,也可以用取色器(比如DebugBar内置的取色器:打开IE,打开DebugBar工具栏,点击吸管图标);HTML还预定义了一些颜色:red、black、white等,比如bgcolor=black。l配色不是一个专业开发人员考虑的,是美工的事情,所以对于颜色的取值不用太操心,知道有这么一回事就行了。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家HTML和XML的联系、区别lXHTMLl格式标签:p/p创建段落;br/回车,也可以写成br,在HTML中有一些标签可以不关闭,br就是一个,这是和XML不同的地方(常考),但是为了遵循XHTML规范,推荐像XML一样严格关闭。br/imgsrc=1.gif/l属性值:HTML中属性值即可以用单引号括起来、也可以用双引号括起来、甚至不用引号都可以(不推荐),单双要配对。l注释:HTML使用和XML一样的!--注释内容--来做注释。l特殊字符:HTML中、是有特殊含义的、空格是不会被显示的(输入一个带空格的字符串看看),所以需要特殊符号,相当于C#中的'\n'转义符。<(小于号,lessthan);>(大于号,greaterthan); (空格,no-breakspace)。使用工具、免除记忆。为什么特殊字符?见备注。PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家文字格式lbr/只是回车,p是分段。p前后会有比较大的空白,而br/则没有。lcenter传智播客/center居中显示lh标签,HTML定义了h1/h1到h6/h6六个h标签,分别表示不同大小的字体。lba/b粗体。lfont/font字体标签,fontcolor=red红色/fontfontsize=30color=red红色/fontPDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家URL、超链接lURL:URL表示资源在网络中的地址,比如、。还有URI的概念,比URL大,有的类中使用URI这种说法,可以暂时看成和URL一样就行。l超级链接:ahref=如鹏网/a。la中还可以嵌套图片,这样就是点击图片打开连接ahref==文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家超链接深入l相对URL:相对URL表示相对于当前文档的资源,“/”表示网站根目录,“../”表示父目录,“../../”表示父目录的父目录,“./”或者不写任何斜线表示相对于当前路径的目录。站内引用最好用相对URL,这样域名改变了、目录改变了都不受影响。ahref=a.htmimgsrc=a.jpg//a•imgsrc=../images/csharp1.jpg/•imgsrc=/images/csharp1.jpg/l将a的target属性设定为_blank就可以在新窗口中打开超链接。国情:国内的网站很多都是默认在新窗口中打开。l用name属性为a起名字:aname=Last这里是最后/a。这样可以通过ahref=#Last转到平台/a来跳转到超链接的部分。l案例:去往评论、回到正文。多敲几个回车PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家图片limgsrc=a.jpg/注意图片是链接的,不是插入的,所以如果Src指向的文件不存在了,就看不了了。alt属性为图片无法显示时的显示文本,鼠标方式去也会有悬浮提示“点击查看大图”;border属性指定边框,border=0不显示边框;width、height属性指定图片的显示大小,如果不指定则是图片的原始大小。l最好指定width、height,哪怕是原始尺寸大小,因为如果不指定大小,图片会不占位置,图片下载后才调整大小,会造成页面很乱。如果指定了width、height哪怕图片没有加载完成,也会先把位置占上。l如果网页上要显示小图(比如缩略图),不要仅仅是把大图设定一下width、height来缩小,因为仍然会下载大图,会使得加载速度很慢。l易错,不要以为把bmp后缀改为jpg就是改文件格式了!PDF文件使用pdfFactoryPro试用版本创建—高级软件人才实作培训专家列表、表格l列表:ulli灌水区/lili版务区/lili原创贴图/li/ul。unorderedlist。l(*)还有有序的列表ol/ol,用的很少。orderedlistl表格:table/table为表格,在内部通过tr创建行,tr内部通过td创建单元格。可以将table的border属性设为0来隐藏表格线。•tr的属性:align,水平

1 / 33
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功