第一周学习总结
今天上午老师给我们介绍了下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的标签里面