学习web开发方法
一、确定目标
学习前应该确定学习目标和所需的学习资源。这样才能有方向地进行学习,并且要持续地更新目标和资源。目前有很多优秀的学习资源,例如:w3School、MDN、segmentfault等。从这些学习资源中找到与自己学习目标相匹配的内容,一步一步地深入了解,形成学习体系。
二、掌握基础知识
Web前端开发需要掌握基础知识,例如HTML、CSS、JavaScript、jQUery等。在学习的初期,要重视基础的学习,首先要了解HTML、CSS的规范和语法。这样在编写网页的时候才能达到良好的代码规范和效果。同时,要掌握JavaScript中的变量、表达式、循环、条件语句等知识,这是进行高级特效和交互的基础。
第一阶段--HTML的学习
超文本标记语言(HyperText Mark-up Language简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因此,我们必须掌握HTML的基本结构和常用标记及属性。
第二个阶段--CSS的学习
CSS是英文Cascading Style Sheets的缩写,叫做层叠样式表,是能够真正做到网页表现与内容分离的种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的,这样就极大地提高了我们开发的速度,降低了维护的成本。
第三个阶段 -- JavaScript的学习
JavaScript是一种在客户端广泛使用的脚步语言,在JavaScript当中为我们提供了一些内置函数、对象和DOM操作,借助这些内容我们可以来实现一些客户端的特效、验证、交互等。
第四个阶段 -- jQUery的学习
jQuery 是一个免费、开源的轻量级的JavaScript库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery的插件可供选择,这样在我们实现一些丰富的动态效果时更方便快捷,大大节省了我们开发的时间,提高了开发速度,这也充分体现了其write less,do more的核心宗旨。
三、实践和经验的积累
学习实践和实践中的反思是很好的学习方法,只有在实践中才能对所学的知识加深理解。在实践中也能发现问题并解决问题,在不断地挑战中提升自己。在实践中通过做小项目,逐渐培养自己的项目意识和完成任务的能力。并且,在参加开源项目的时候才能接触到前端更加广泛的技术,并且能够借鉴其他前端开发人员的想法。
基础控件
1.面板控件 Panel
Panel 控件是个容器控件,当开发中需要动态加载一个或者一组控件显示给界面时,该控件是很合适的选择。Panel控件在页面内为其他控件提供了一个容器,可以将多个控件放入一个Panel 控件中,作为一个单元进行控制,如隐藏或显示这些控件;同时,也可以使用Panel 控件为一组控件创建独特的外观,定义Panel 控件的语法格式如下: <asp:PanelID="Panell" runat="server" Height="Panel控件的高度" BackImageUrl= "背景图像的链接地址" Width="Panel控件的宽度" />
2. ImageMap控件
ImageMap控件允许在图片中定义一些热点(HotSpot)区域。当单击这些热点区域时,将会引发超链接或者单击事件。当需要对某幅图片的局部实现交互时,可使用ImageMap控件,如以图片形式展示网站地图和流程图等,定义 ImageMap 控件的语法格式如下: <asp:ImageMap id="ImageMap1" ImageUrl="Images/ImageMap. jpg" Width= "100" Height="80" AltemateText="ImageMap Info" OnClick=" ImageMap1_Click" HotSpotMode="PostBack" runat="server">
热区
</asp:ImageMap>
3.占位符控件PlaceHolder
PlaceHolder控件又称为占位符控件。它也可以作为容器控件,能够实现动态添加和删除控件。它最常用的功能之一就是通过编程方式来添加或删除控件。
声明PlaceHolder控件的语法如下:
<asp:placeholderrunat="server">...</asp:placeholder>
4.标签控件Label
Label 控件又称为标签控件,它可以在Web窗体上显示静态文本。声明该控件的语法如下:
<asp:Label ID="Label1" runat="server" Text"需要显示的文本".../>
或者
<asp:Label ID="Label1" runat="server" >需要显示的文本</asp:Label>
Label控件可以通过其Text属性来设置需要显示的文本,或者将需要显示的文本放置在控件的内嵌文本中。Label控件可以显示文本信息,而且没有边框,控件也不具有事件。
5.文本输入框控件Textbox
Textbox控件又称为输入框控件或文本输入框控件,它可以供用户在Web窗体页上输入当行或多行文本信息。声明该控件的语法如下:
<asp:TextBox runat="serve" ID="textbox1"......></asp:TextBox>
6.Button控件
Button控件可以分为提交按钮控件和命令按钮控件两类提交按钮控件只是将Web页面送回服务器,默认情况下,Button控件为提交按钮控件;命令按钮控件一般包含与控件相关联的命令,用于处理控件命令事件。定义Button控件的语法格式如下:
<asp:Button ID="Button1"s runat="server" Text="按钮上的文本" οnclick="Button1_Click" />