网页设计与制作的制作技巧

来源 :科学与财富 | 被引量 : 0次 | 上传用户:A511429239
下载到本地 , 更方便阅读
声明 : 本文档内容版权归属内容提供方 , 如果您对本文有版权争议 , 可与客服联系进行内容授权或下架
论文部分内容阅读
  摘要:笔者经过学习网页制作后,发现在实际操作中,仍然会出现较多问题。因此本文查阅部分相关资料,试对网页设计与制作的相关内容的一些制作技巧进行整理归纳,希望能为大家提供一些较为有用的具体的可行的制作技巧。
  关键词:网页设计制作;技巧;网页制作
  目前,随着科技的日益进步,电脑手机等电子设备已经成为人们生活中必不可少的部分,同时利用电脑手机等查询资料也变得越来越大众化。而查询资料就需要应用网页。因此,网页等内容的设计以及如何制作出更好效果的网页则成为越来越重要的问题。如果能够有效的解决此类问题,设计出整洁好看美观大方的网页界面,将会有效提升网站的用户数量,并给予用户更好地视觉感受,也能够更好的促进网站的成长与发展。
  一、网页设计中应注意的问题
  在网页设计与制作之前,制作者应先仔细考虑好自己想要做的内容及大概的风格,并从观众的角度看问题,仔细思考,并为其选择合适的颜色、配乐、排版等。但设计时仍要注意一下以下的问题。
  (一)适当选择背景颜色可以增加整体效果
  制作者可以選择纯色或彩色等鲜艳的颜色用于背景颜色的制作。例如黑色、红色、白色、灰色或紫色等是网页中的主要颜色之一,他们一般都能产生比较好的制作效果。例如黑色具有深沉庄重等含义,可以利用它较好的展现庄严肃穆的感觉,同时线条的变化也能突出科技感。而白色是设计中最常用的颜色,它具有干净简洁的特点,同时白色与其它色彩进行结合也能够表现出空间感和通透感,彩色在白色的背景中,能够体现更好的侧重点,同时还可以起到良好的过渡作用。利用红色会给人以温暖,喜庆的感觉。尤其红色是中国春节期间的主颜色,与黄色的搭配能够给人一种灵动、活力的感觉,并在观看效果上使网页界面更为突出及时尚。同时在购物网站上,红色网页的界面也能有效的激起人的购物欲望。黄色在色彩中是明度很高的颜色,其在网页界面设计中的应用能够给予用户一种光芒以及温暖的感觉,并且彩色能够给人一种鲜艳、热烈的感觉。
  (二)合理安排网页内容及结构
  在网页制作环节,内容的合理筛选对浏览者的信息获取有着重要意义,而网页内容的筛选需要以框架设计为前提,即根据网站框架情况,决定网站内容的含量。那么在制作网页之前,就需要先对其进行规划。同时,受众经过长时间的观看后,对于设计良好的版面,也会使受众产生愉悦感。那么这就需要设计者进行仔细计划,首先,需要整理和组织框架内容,明确网页主旨,并围绕要求进行收集、筛选相应素材,建立清晰脉络;做好计划是其中很重要的一点。第二,要考虑具体的技术执行等内容;其次要掌握受众的群体信息,及实际需求。需要根据受众的掌握情况,安排相应的内容,不能安排过难或过简单的内容,选择适合的内容难度展现给受众;再然后,列出初分类,做好页面的制作计划;并且,着手进行层级内容的规划及网页内容的规划;最后对内容进行丰富及完善。
  同时,本文提出建议,从内容编排的合理性角度考虑,主栏目应当放置与主题密切相关的内容,其他的辅助信息(如个人信息等)则应当尽量放在网站的最底部或者左侧、右侧,避免辅助信息出现在不恰当的位置,转移受众的注意力。而在版面布局方面,常见的结构类型主要有以下几种(1)     国字型布局,即把标志或者广告等内容放置在页面最上方,将最终的内容放置在中间放置因为中间位置是受众第一眼看到的部分,然后,在最下方的部分可以放置联系方式、版权等信息;(2)T型布局,即将标志或者广告放置在页面最顶部,下方为导航栏及网页正文信息。即向受众展示网页的主要内容,及本网站都有哪些内容;(3)POP布局,以精美海报画面为主体。而具体的制作方式,则需要考虑内容及整体效果等因素。
  二、网页制作中的技巧
  内容与色彩的选用有了初步方案后,但在网页制作的过程中,仍然不可避免地会遇到一些实际问题。以下介绍一些较好的方法。
  (一)常用图片切换方式
  在网页制作中经常使用两种方法实现图片切换:第一,JavaScript代码,首先创建SQL数据库,引入外部代码进行编辑,最后,调用数据库。第二,Flash软件制作,随后插入网页中。准备好需要切换的素材图片,然后导入图片,各个图片占一个图层,选中以后转变成为图形元件。把帧转换成关键帧,按照顺序排列好,存储文件。在网页中插入Flash,完成循环播放。其中利用CSS技术实现图片切换能够得到较好的应用。编写代码简单,文件占用空间较小,后期维护较为简单,对素材图片没有太多的要求,仅需改变链接地址与图片地址即可。
  (二)网页尺寸选择技巧
  大多数初学者在制作网页时,并不知道如何设定网页界面的宽度尺寸。本文建议设计者规定好合适的字体大小,方法程度后,选择合适的比例,避免出现设计太窄太宽等问题,同时也尽量避免因受众放大或缩小而导致影响最终效果。尽量保证滚动部分宽度等设计合理,避免出现图片或者视频变形,影响最终效果等问题。网页的页面宽度选择技巧如下:网页宽度在778之间,不建议出现水平滚动条部分,在1 002像素内建议不出现水平滚动条,选择垂直滚动条更对版面的设计起到作用。
  (三)文字处理技巧
  网页上文字内容的排版也需注意,如果文字过密,或与背景颜色相似、反差较小,长时间观看都会使受众产生疲劳感,进而引发反感心理。如果文字排版可参照报纸的编排方式,将网页内容分栏设计,两栏比一满页的视觉效果好,更方便访问者快速阅读。字体也会影响文字可读性,通用字体(Arial等)最易阅读,特殊字体(Gothic、Script、Westminster、Cloister)用于标题效果较好,但不适用于正文。同时,设计者也可以针对关键词采用加粗或者变颜色的方法加深效果,使关键内容一目了然,同时更有助于受众理解设计的内容,而非大段阅读,难以找到重点等问题出现,甚至对设计者所准备的内容产生厌烦感。
  除此之外,制作特效时,考虑到用户浏览的流畅性,应当优选JavaScript,并尽可能减少动态网页、视频、声音等元素。对因网站主题需要,涉及大量图片时,应当考虑以缩略图链接的形式,兼顾加载速度与信息展示效果。其次,考虑到不同分辨率的图片在加载、下载速度方面的差异,制作时应当合理设置注解,以帮助浏览者了解图片的基本信息,改善其浏览体验。这些问题也应多多注意。
  三、结论
  网页设计与制作是非常重要的一个部分,文中可见,制作前的大纲及提前准备十分重要,同时设计者在制作之前也应学好基础的理论知识,这样更有助于设计者对其内容的理解。而后进行不断的实践,在实践中也应注意文中提到的几点,例如在整体制作之前先考虑整体的框架、主题,并选择合适的颜色及字体字号等。充分设计完成后再进行制作,制作时也可以参考本文提出的图片切换等技巧,帮助设计者提升整体的制作效果。
  参考文献:
  [1]   陈凤琴.网页设计中的色彩搭配及技巧[J].黑龙江纺织.2019年 01期:29-31.
  [2]   夏鹏举.网站设计及网页制作技巧[J].电脑编程技巧与维护.2020年01期:171-173.
  [3]   吴晓清.网页制作教学中图片切换的CSS应用[J].计算机产品与流通.2020年 08期:85.
  [4]周金容.网页制作过程与技巧[J].软件导刊.2016年 06期:149-151.
  作者简介:
  明欣玥(1999—),女,汉族,吉林长春人,延边大学师范学院教育技术学专业,17级在读本科生(学号2174043696)。
其他文献
摘要:政策性教學改革使得大部分课程线下教学转为线上,Excel在会计中的实务操作应用更是如此。本文旨在结合我校实际教学情况探析运用线上线下混合教学进行Excel教学的新型模式。  关键词:Excel;混合教学;教学设计  我校线上教学模式加大了学生与老师之间的交流障碍,教学不能面授,不能实际指导学生操作。在此种情况下学校普遍采用混合教学,开发新的教学模式,提高教师教学技能。  一、Excel课程教
期刊
摘要:创建班级档案,其实就是对班级方方面面的文字资料、个人信息、照片、评优处分记录、成绩统计、卫生情况等等进行归档整理,以全面性、细节性为特点,在创建的过程中要根据班主任个人的工作习惯进行,便于归档便于查询。创建档案最重要的目的,是对每个同学进行个性化评价、对整个班级进行整体性评价,让一切条理清晰、有迹可循。  关键词:班主任;班级档案;实践分享  笔者从事中职教育事业七年,其中担任班主任的经历有
期刊
摘要:随着我国生产制造业和信息化水平的不断提高和发展,信息技术逐渐融入到了各个行业的生产制造过程中,尤其是工业离合器的生产制造行业。基于信息技术的离合器制造生产管理信息系统不仅能够将新开发的生产制造技术进行全面的需求集成,还能与企业原有的离合器制造生产应用实现科学融合,从而有效降低离合器制造生产行业生产管理的难度,最终大大提高生产效率,推动离合器制造生产行业的全面可持续发展。本文首先简单阐述了制造
期刊
摘要:互联网已经成为大学生日常生活必不可少的与人沟通、接发消息、查询信息和消磨时间的重要渠道,也对大学生的日常行为习惯、思考方式和生活状态造成了很大的影响。以网络时代背景下的大学生群体为调查对象,针对大学生对网络的使用和意识形态进行研究,就加强其思想意识形态建设进行探讨和研究。  关键词:网络环境;大学生;思想教育  大学校园的主体大多是二十岁左右的青年,互联网作为他们查询信息和日常沟通的渠道已经
期刊
摘要:线上线下混合式教学是线上学生自主学习与线下教师课堂面授相结合的教学模式,本研究依托雨课堂教学平台,进行药物分析线上线下混合式教学模式的教学改革实践。结果表明,通过线上线下混合式教学的学习模式,可以实现以学生为中心的教与学的转变,充分发挥学生在学习过程中的主动性、积极性和创造性,提高学生自主学习能力。  关键词:线上线下混合式教学;药物分析;雨课堂  近年来,我们国家一直非常重视高等教育的质量
期刊
摘要:文章从三个方面阐释了大学生信息素养教育优化的路径方法,分析了当前我国大学生信息素养教育存在的问题,为进一步开展研究信息素养教育以及提高高校信息素养教育的针对性和有效性提供借鉴。  关键词:信息素养;信息素养教育;大学生  根据当代大学生群体的个性特点使得我们在信息素养教育中要以关爱学生为基础,引导学生自我反思、独立思考、独立解决自己提出的问题,同时积极发挥他们的主观创造性,让他们自我管理、自
期刊
摘要:目前,大家对新型冠状病毒都有所了解,它在全球各个国家几乎都出现了病例,给全球人民带来了严重的影响。我们必须认识新型冠状病毒并且做好各种防护措施。预防的主要措施是在隔离患者及病毒携带者,同时还要动员全人民参与到抗疫行动中来,控制病毒的传播。作为一名高校班主任,充分发挥班主任在疫情期间的作用,应该履行国家的使命,宣传与新型冠状病毒的相关知识,让学生懂得如何去保护好自己。在特殊的时期师生也要结合网
期刊
摘要:民族声乐艺术有其自身的魅力和价值,让无数爱好者为之倾倒,因此很多人都在对于民族声乐艺术的元素进行探索和创新,并且从中汲取营养。民族声乐艺术中有大量的传统戏曲元素,从具体的肢体动作到声音唱腔都收到戏曲的影响。在本文中针对民族声乐艺术中的传统戏曲元素进行探讨,并且对于声乐艺术的具体内容进行桃酥,相信会对民族声乐艺术的爱好者提供一些帮助和借鉴。  关键词:民族声乐艺术;传统戏曲元素;有效策略  中
期刊
摘要:不断发展的科学技术、逐步优化升级的通讯水平,都極大程度拓展了各类终端移动设备的发展前景,而这一现象为营销工作转型发展指明了目标方向。营销工作开展和规划营销体系时,应对新时期的大数据优势进行充分考虑,在统计并分析大量相关关系数据的基础上,将健全关系发展网络建立起来,进而详细探讨和分析网络中所有环节与内容,通过逐步的优化和革新,确保健全且高效的营销体系得以良好构建。  关键词:大数据背景;营销体
期刊
摘要:七彩神仙鱼色彩绚丽,体态优美,被誉为“热带鱼之王”,自19世纪70年代起全球掀起了养殖七彩神仙鱼的热情,但是有关七彩神仙鱼繁殖的相关知识相对较少,在国内繁殖者繁殖过程中普遍存在受精率低、鱼苗成活率低等问题,笔者通过对七彩神仙鱼繁殖过程进行观察试验,总结并掌握了TDS对七彩神仙鱼繁殖的影响,提高了受精率与鱼苗成活率,为七彩神仙鱼的繁殖积累了理论知识和技术支持。  关键词:七彩神仙鱼;繁殖;TD
期刊