日记网页
发布时间:2017-01-18 来源: 日记大全 点击:
日记网页篇一:实训05心情日记(框架网页)
实训五 制作“心情日记”网页
目的:基本学会使用框架布局网页 任务1创建框架集
任务2制作媒体日记网页 任务3使用链接控制框架内容
通过本次实训,制作如下效果的网页“心情日记”
任务1创建框架集
框架:把浏览器窗口划分为若干个区域,每个区域称为一个框架,每个框架显示一个网页。 框架集:一个浏览器几个框架的集合。
一、需求分析
非常明显,上面的网页(浏览器窗口)被分成3部分。
二、创建目录结构如下表
导入图片和视频:下载,图片复制到<diaryimages>,视频复制到<media>
三、创建框架集
“文件”菜单-“新建”,作下面的操作、选择
四、保存框架
“文件”菜单-“保存全部”
然后根据提示保存并设置合适的文件名
第一次保存时,如果浏览器窗口被分为3部分,将被保存为
4个文件
文件名一般用对应的英文单词命名:最上边top,左:left,右:right 最大的一个:main1 外框:(主页)index.html
五、选择框架集并设置属性
在框架面板中,单击最外边框,选中框架集,在属性面板中,按如下设置
单击次外边框,选中下方1行2列的框架集,按下面设置
六、保存框架和框架集
完成后,从文件菜单选择“保存全部”关闭全部网页。
七编辑左框架left.html
在文件面板中双击打开“left.html”,按下面的要求编辑网页
网页属性:字号:12px,字体颜色:#000000,背景色#D4E4FD,上边距0,左边距0, 标题编码:心情日记、简体中文
创建表格,id=kuang,宽度200px,1行1列,边距、间距、边框0 单元格高度:500px,垂直对齐:顶端
在“kuang”表格中创建表格:5行1列,宽度100%,间距10,粗细0,边距0
单元格高度20,背景色#EEF0FF
5个单元格中依次添加图片diaryimages\arowblue.gif
5个单元格中依次添加文字: 个人日记情感天地休闲搞笑天下杂侃媒体日记(图片和文字
之间有4个空格)
八、编辑顶部框架top.html
在文件面板中双击打开“top.html”,按下面的要求编辑网页
? ? ?
网页属性:背景色#D4E4FD,标题/编码:心情日记,简体中文GB2312,左边距0,上边距0 网页中插入图片文件:diaryimages/biaoti.jpg 保存网页,预览效果,关闭网页。
九、编辑主框架网页main1.html
在文件面板中双击打开“main1.html”,按下面的要求编辑网页
网页属性:文本大小12px颜色:#000000,,背景色:#EEF0FF,标题/编码:个人日记,简体中文GB2312,边距:
插入一个表格:3行2列,590像素宽度,填充0,间距3边框0,水平对齐:左
第1行第一个单元格宽度14,高度30,其中插入图片“diaryimages/point1.gif”,后一个单元格输入“个人日记”四字。
第2行两个单元格合并为1个,然后在这个单元格插入一个10行1列,宽度100%,填充、间距、边框0
的表格,单元格高度为20。 在10个单元格中从上到下依次输入():
·
面对崭新的2008年。2008年我该怎么度过??..2007-12-1 ·
河北省科技工程学校趣味运动会(红旗方队)..2007-11-30
· 5年前的我们和5年后的我们。马上就要分离咯..2007-11-29 · 某一天..2007-11-28
· 壮观--北京奥运会主会场..2007-11-27
第3行两个单元格合并为1个,单元格高度:25 效果如下
?
用同样的方法创建另外三个网页(方法是:把上面网页的标题、和内容修改然后另存为??)
Main2.html:情感天地
情感天地
· 我的心,不后悔,反反复复都是为了你,千纸鹤,千份情,在风里飞..2007-11-25 · 一个感人的故事<如果我瘦了,你会娶我吗?[感人ing]> ..2007-11-24 · 1个故事2种爱!! ..2007-11-23 · 看一个故事说一说话 ..2007-11-22
· 一滴眼泪,留下一生的思念 ..2007-11-21
Main3.html:休闲搞笑
幽默故事
· 周恩来总理机智幽默故事..2007-11-1
· 看看吧——八个幽默故事,让你读... ..2007-10-30 · 好男儿场景幽默故事 ..2007-10-29 · 情况不同 ..2007-10-28
· 一句话经典(搞笑的) ..2007-10-27
Main4.html:天下杂侃
天下杂侃
· 第一次带爷爷吃麦当劳 !真正感动我们的只须一张图片!..2007-11-20 · 大学生一定要理解的15件事... ..2007-11-19 · 史上最玄的11大巧合 ..2007-11-18
· 中国第一勇将,你认为是谁? ..2007-11-17
· 不是路已走到尽头,而是该转弯了 ..2007-11-16
日记网页篇二:网站编辑实习日记范文2015
网站编辑实习日记范文2015
众所周知,首都北京,有着太多太多复杂的意味。它是整个中国的核心,也是决定全国经济大局与命脉的关键所在。可是,硬币的另一面却是这个一线城市一直摘不掉的创可贴――高额的房价、拥挤的交通、快节奏不断加班的写字楼工作??
所以,当我决定把自己的职业目标定位于此时,本是没什么底气和勇气。这个城市会容纳我吗?我会很快很好的溶入到这个城市吗?从学生到职员,每个人都为小说《杜拉拉升职记》中的杜拉拉捏过一把又一把的汗,社会凶险,职场险恶,但每个人都又或多或少拿杜拉拉当作自己奋斗的榜样,但是,我会是那个杜拉拉吗?
带着这些疑问,却来不及过多的思考,我便在北京匆忙地开始了我人生中的第一份工作。
一、匆忙入职
从接到面试电话到最终通知入职开始试用期,总共不过30个小时的时间。接到可以入职的电话,是在北京晚上六点的公交车上。找工作的过程是漫长而又饱受煎熬的,特别是不借助任何外力,仅凭一纸文凭和大学里的实践经验,想要敲响一个公司的大门更是难上加难。所以,当我接到通知入职的电话时,心情既意外又兴奋。意外的是,这家合资网络公司规模虽不大,但主管以上级别均是国内最高等学府的毕业生,部分主管甚至拥有着留学经历和较长时间的网络媒体从业经验;兴奋的是,在前辈们的口中,找工作仿佛是一件特别难的事情,媒体舆论渲染、大量官方非官方数据统计、招聘会上看到形形色色的愁眉苦脸??
一切的一切,都在让我不断对自己曾经努力争取到的一切感到怀疑。但这个城市和时间一样,容不得我多想太多,坐着晚上八点多开往保定的火车,我开始在火车上筹划明天早上入职的事情。
第一天工作,我却因为要赶火车的原因,不得不“被迟到”一次。很狼狈的拖着行李来到公司,接待我的依然是面试当天接待我的文秘。整个公司分两层,但仍然能够清晰的听到电话声、敲键盘声,快节奏的一切不断提醒着我这不再是学校,你要奔驰起来。
作为新员工,熟悉部门和其他老员工是必修课,但与陌生人交往一直不是我的强项,可是公司根本不会考虑强项或是弱项,必须做的事情,根本没有机会说no。在秘书的带领下,我匆忙的熟悉了公司的每一个部门,试图努力记住每一个新认识的员工的名字,但仍然因为紧张大多数人的名字很快就忘记了,不过公司里的每一个人在接纳新员工时都是抱以微笑,这让我忐忑的心略微轻松了一些。不过最重要的环节还在后面,那就是要去见公司的ceo。在这个过程中,让我想到了《杜拉拉升职记》中杜拉拉所在的部门主管李斯特,杜拉拉形容他“能准确地记住每一位经理的名字,和所有的大老板一样,他有力地和人们握手,拍他们的肩膀,并且洪亮爽朗的大笑,和他说话打招呼的员工受他感染,都开心地笑着”。
的确如此,当我真正见到传说中登上xx年福布斯中国最值得关注的九位年轻富豪之一的ceo时,我的心里这样感叹。本以为ceo会高高在上,但在我没有进办公室门之前,ceo已经站在门口向我微笑。这一点让我惊讶也让我感动,我本不是一个会自我放松的人,但老板的热情让我确定我的选择,至少,在这样一个周围都是高学历、多经历、拥有明确企业文化的团队中工作,本就是公司提供的不可见福利之一。
熟悉了整个公司从技术到运营再到市场,最后我终于来到自己所在的网站编辑部。主编将我分配到关系到整个网站赢利与否的知识频道,负责带我的姐姐是全公司业绩最好的,心里自觉压力陡增,也又一次感受到被重视的感觉。
二、工作中的否定与自我否定
网络媒体一直都是以效率著称的媒体,高效意味着忙碌,也意味着偶发性强。所以,虽然只是刚入职,但工作中的每天都在不断学习和接受从来不曾接触的新知识、新技术。
日记网页篇三:设计日记20篇
影视艺术技术学院学院
毕业设计(论文)记录簿
课题名称 学 号 姓 名 专 业艺术设计(广告创意)
指导教师 _方茜_______________
作业期限
注 意 事 项
1、与毕业设计(论文)有关的资料应记在记录本上,不得另作私人记录。
2、毕业设计记录本可以电子记录,毕业设计结束时用A4纸打印存档;或者直接打印模
板手工记录。3、记录本不得遗失或外传,万一遗失时,应即报告处理。
4、教研室认为个别较好的记录本有参考价值时,可向院(系)建议,由院(系)资料室保管。
5、有关记录本的保管同接受单位的具体规定有矛盾时,应由学校出面磋商解决。
本次选择的课题是网页视觉呈现,在这之前从未接触过这样的课题,在年中去到了一家电商平台实习,所以接触到网页设计这一块的内容,刚开始有些出乎意料,毕竟学校并没有针对这一块的学习,所以心里还是很胆怯的,但是在领导的指导下,慢慢发现网页设计这块还是很有趣的,他所考虑的方面有很多,在ui上是否能够第一时间表达其功能,在这方面需要做到不需要注解也可以直观的表达其内涵,其次在整体布局上,因为我们公司是一个商城类的网站,所以在商品的成列,和购物之类按钮的摆放上来说是需要推敲的,所以在这方便还需要下一番功夫,最后就是视觉的整体呈现还是不能脱离公司本身的特色,包括颜色,在细节上是注重简约还是复古,所以做网页设计还是很有挑战性的,我想这次的课题还是在非常有趣味的!
(二) 12月5日 第一稿的制作是基于之前的一稿设计,毕竟之前没有做过,先拿一款试试手,做的是网站个人中心这一块,内容很丰富,包括个人信息、购物过的产品、关注品牌、关注产品,在这里还要特别说明一下,我们公司网站还有设计师板块,功能是能够注册设计师来上传作品,就这些功能板块,我基于之前的设计,把分类排在左侧作为一个功能栏,方便用户点击进入相应的板块,随即进入右侧内容信息的设计,在对网页排版上,其实和其他排版从属性上来说差不多,主要是要注意字的大小和行与行之间的间距问题,具体我参考了很多别的网站,包括国内主要的一些有特色的网站,比如说良仓之类的,还有一些国外的网站,多数为日本的网站,因为至少在字形上与中文字类似,参考日文字还是可以说明一些问题的,而且日本的设计上非注重排版这个问题,个人表示很喜欢,也希望做到如此用心的设计。
(三) 12月8日 在考虑完字的大小时,我也问了公司一些做网页前端人的经验,毕竟在这方面他们看的比较多,正文的大小字体,英文字体的大小,而标题的正文大小,我希望做的到一点,这样可以明显的与下文区别开来,其次也加了英文的标题,因为中文的方块字排在一起确实让人有些疲倦,适时加些英文字来缓解一下气氛,整体个人中心的设计还是属于中规中矩,主要是想把内容说清楚,虽然做了很多功能性设计,比方说个人经验条设置在用户头像上形成环形旋转来表示大小之类的,可是事实前端和后台对于这一块的实现还是比较难的,所以在网页设计这一块不光是要好看,还是要考虑能不能实现这个问题,不然的话就是在白做功夫。
今天最大的收获是了解了平面排版的整个流程,并熟悉了平面排版的软件。其实无论是画册设计还是报纸排版或是广告设计,ps的图片功能都是无比强大的,在做版头、报眉、刊头的时候都会用到ps。所以无论如何ps的所有功能我都必须非常熟悉,这样在做效果时就会很轻松。要把平面设计里的一些设计构思与板式设计结合在一起,这是我实习的最大目的。毕竟我是学平面设计的光是一个小小的排版难不倒我,而真正使报纸具有可观赏价值才是我应该思考和学习的。我看过许多城市的报纸,广州、上海、重庆的都做得不错,有许多东西都可以借鉴,包括网页设计中许多的构图都是可以参考的。总之设计就是再构思、组合的一个过程。可以有一些自己设计的版面出版。这样也为我以后打下一点基础。
(五) 1月15日 在设计完个人中心以后,接着是一些网站细节的完善和改进,比如说产品的遮照的设计,上面需要表现包括产品的名称、价格,还需要在上面添加立即购物和加入购物车这两个功能,其实也就是一块小的排版设计,但是等设计出来才会发现问题的所在,在做网站的过程中有几次有幸到了外包公司一同完成网站,这才发现一些问题在实际实现的时候才会出现问题,比如说产品名称如果超出一行十个字的适量后会发生什么,产品价格高的时候是否是居中排列之类的,所以在设计的时候需要把这些状况下的设计都做出来,所以总被领导说做设计的时候缺乏考虑,这一点我还要不断的改进!所以之后我考虑了各种状况,做出来各种状况下他该出现的表现到底是怎样的,这样一来也方便的网页前端人的实现。
(六) 1月19日
在做完一些网站基本页面的设计以后,其实整个网站还是一个空着的躯壳,里面内容信息都还是没有的,包括主题banner、广告位banner、产品详情页等等,之前也未涉及过这一方面的设计,又是一些新的东西出现,不过感觉上都是一样的,做广告banner图的时候主要是要考虑产品和文字信息的摆放时候舒服,类似淘宝,但是内心还是很不喜欢淘宝的风格,太粗暴,所以还是喜欢在高格调中展现产品吧,我想主要还是不要让颜色太丰富,同时风格也不要太山寨,在这里还是要多借鉴一下国外的设计,其次毕竟是公司的产品,还是要带公司特色的,母公司的风格就是高格调,奢华品质感,这些都要一并表现在banner图上,因为用户在进入网站以后第一眼就会看见的是大大的广告位,所以说广告位的作用可想而知。
第一版的网页设计终于达到了尾声,虽然我只做了一小部分的工作,但是收获还是很大的,花了1个月时间疯狂地在浏览世界各地的网站,以前没学过的现在学,没什么事是一下子就会的,虽然个人领悟力比较低,但是一旦领悟了,还是比较无敌的,言归正传,在第一版设计完工后,整体感觉还是中规中矩的,因为这一版也是基于最初版的网页框架来的,所以难免会在设计风格的把握上有所限制,不过还算是一个好的开始,在完成设计后,网站还需要测试,在几轮测试之后,发现有很多bug包括用户体验上,缺少反应动画或者信息,问题还是比较多的,考虑的还是太少,这些坑还是要快速填掉,毕竟网站已经上线,被用户发现就不好了。
(八)1月26日 在完成第一版的设计和实现过后,有一段时间没有碰过网站,有些时候设计如果遇到了瓶颈,你就需要先放一放,回过头再来看,再来看第一版的网页,总是觉得有些太过与平凡,不知道是看多了眼睛麻木了,总觉得好像是提不起兴趣,缺少了一些购买的欲望或者是缺少了一些趣味,我们也是一家设计公司,网站做的如此平凡总觉得不应该,所以我的领导和大家思考是否要重新再来一版,在统一意见后,我们便开始着手开始了新一版的设计,这次的网页可是从头再来开始做了,内心还是有些小激动的,虽然可能还是一知半解,但是还是很有信心做这一次的设计。
(九) 1月29日 第二版的设计风格我们希望完全颠覆原有的一页式,变化为一屏式,也就是完整的一份内容呈现在一个屏幕的大小的内容里,然后滑动滚轮后会类似于播放ppt一样的滑动到下一板,这个我们也有参考国外的网站,小米也做过类似的手机详情页,这样的呈现方式有一点好处,板块很好区分,一个板块在一屏里,像我们网页,第一版放banner类似内容为一屏,第二版放我们四大接口,左右滑动,第三版放商城,同样的左右滑动,听上去确实是很酷炫,和我们创意公司的形象也挺符合,其次我们将网页顶部关于包括logo、用户登录、用户信息、板块分类、其他信息这些东西浓缩到一行菜单栏上,也就去掉了繁复的头部,然他出现的更简单方便,而且一直出现在顶部,也就更方便用户使用。
(十) 2月2日
在VI色的选择上我们抛弃原有沉闷的深蓝色,因为本身考虑到希望吸引更多的设计师用户,而现在的侧重点则是商城,所以说一个网站的用户群体的定位是很重要的,不同的用户群体,我们需要带给他们的用户体验式完全不一样的,所以我们
热点文章阅读