码迷,mamicode.com
首页 > 其他好文 > 详细

第一周学习总结

时间:2015-11-29 21:25:52      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

今天上午老师给我们介绍了下Axure这个软件的一些功能和使用方法,然后给了我们一个关于订购机票的表,让我们试着做出来。我先选取了一个图标,然后拉出来,然后把表的第二格和第四格拉长,再在最上面加了一个矩形,和表格连成了一体,中间有一格和最下面一格也用了矩形,和表格连在了一起,然后表格的基本雏形就出来了。再把表格里的数据一一输进去,用到了AXURE左边的的很多功能,回到家后忘了名字,不过知道怎么用。最后再把表格的颜色填充下,就完成了

    下午老师给我们布置了三个任务,都是用Axure做的,第一是做登录界面,第二是图片轮番,第三是做分级菜单,再把昨天我们切下来的图进行还原,还原成苏宁易购的网站首页的样子。做登录界面挺简单的,先选取个标题框,拖出来,在里面输入登录,再选一个文本框放在登录后面,再选一个标题框,输入密码,再选一个文本框,放在密码后面,然后在线选一个按钮,输入提交两个字。再建两个空白页,第一页的内容输入成功,第二页输入失败。再把光标放在登录后面的框里,再在右边的框里输入登录,然后再把光标移到密码后面的文本框里,在右边的框里输入密码,这样算是标记下的意思?然后再鼠标选中提交,在右边选择鼠标点击时,然后输入条件,账号和密码符合的时候跳转到第一页,账号和密码不符合的时候跳转到第二页,就完成了。做图片轮番和登录界面大概方法差不多,不过要插三个图片进去。做分级菜单,就选表格下面的两个选项,叫啥我忘了,是英文的,反正不够就加,直到和苏宁首页那个表格差不多位置,然后在需要做母子格的格子上右击,选择添加母子格,再输入需要的内容,以此内推,就完成了。还原图片,就在AXURE上选择imajin,就是图片的意思,再插入昨天切下来的图片,然后拼在一起,就好了。对了,还要在登录那里输入条件,把之前做好的登录界面放进去。

今天学习了HTML,h1.h2.h3.h4.h5.h6六个元素支持正文标题,前后必须要加上<>.        <P></P>表示段落。    
    有序列表用元素ol定义
    无序列表用元素ul定义
    定义列表用元素dl定义

    用<pre>可以让一些复制来的本文在HTML中保持原来的格式。
    还有两个必须要掌握的,锚点和iframe内联技术
    锚点是先在BODY上部输入a,然后按tab,然后会出现<a href=""></a>然后在引号后面输入name=,会出现一个“”,在引号里随便输入点什么做标记,比如输一个DOG,然后就成了<a href=""name="dog">标签</a>   然后在最下面再输入a加tab,然后这样输<a href="#dog>返回</a>,就完成了。
    iframe内联技术,先输入iframe,再按下tab,就变成了<iframe sre="" frameborder="0"></iframe>,然后把0变成1,在1的后面的引号后面输入name=,然后随便输入一个做标记,比如输入pig。然后在下一行输入a加tab,再在引号里输入要显示的网址,再输入target="pig",再输一个标签,就完成了。
    最后老师给我们布置了个作业,用之前学到的方法,做一个和书上一样网页,做完就放学了

今天,我们学习了用input写注册界面,先输入input,再按下TAP,会出现 <input type="text"/>,text表示文本,引号里还可以加password(密码),button(按钮),submit(提交),checkbox(多选),radio(单选),date(日期),number(数字),reset(重置),uil(地址)等到常用的代码.
    老师还讲到一些常用的代码,例如del删除,placeholder value请输入用户名,disabled不可输入,ins下划线,等到.
    查看网页的代码,右击网页点查看代码源或者审查元素.
    下午学习了制作表格,怎么合并表格和删除代码,一开始我很蒙,完全搞不懂,不过后来还是懂了. 单元格构成行,行构成表,TD必须放在TR内,TR放在table里面,如果要形成表格的话,table后面要加border,一行代码代表一个单元格.rowspan是合并行,colspan是合并列,要合并多少就在后面加多少的数字.    
    块级元素可以换行的,内嵌元素是不可以换行的.
    今天学习了CSS,老师给我们讲了选择器。
###元素选择器###
    元素选择器没有命名,在body里面输入想要改变的内容,列入写在P元素里面,然后在head里输入style,style里直接输入P{},中括号里输入想要改变的样式。
###类选择器###
    现在BODY里输一个标签,然后在第一个括号里输入class=,引号里随便输入一个内容。中间输入想要改变的内容。然后在head里面输入style,然后输入一个点,然后class就自动出来了,然后输入中括号,中括号输入想要改变的样式。
###ID选择器###
    ID选择器和类选择器的方法是一样的,不过ID选择器是唯一的,只能改变BODY里面的一个内容。
###包含选择器###
    如果在标签里面包含另一个标签,我们想改变的内容是另一个标签里面的内容,就在head里面输入style,style里面输入第一个标签空格另一个标签,然后中括号,括号里写想改变的样式,这样另一个标签里的内容就会改变。只作用到后面一个标签上。
###伪类选择器###
    现在body里输一个标签,然后在标签里输入内容,然后在head里面输入这个标签然后冒号hover,然后中括号,括号里输入想要改变的样式,这样在网页上显示的时候就是鼠标放上去的时候才会改变样式。
###外部样式表###
    现在body里面输入标签,标签里写上想改变的内容,再新建一个CSS格式的文件,里面输入样式,然后在head里面输入link,然后按一下tap,再把那个CSS文件的名字输进去。
###嵌入式样式表###
    样式写在head里面
###内联样式表###
样式直接写在body的标签里面

第一周学习总结

标签:

原文地址:http://www.cnblogs.com/jx1994112/p/5005394.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!