网页设计心得体会
更新时间:2023-08-14 02:11:01 阅读量: IT计算机 文档下载
网页设计需要更多的练习,分享给大家
学号: 80906107 姓名: 唐琪伟 专业: 计算机科学与技术
网页设计心得体会
做出一个好的网页一般都离不开dreamweaver, flash, photoshop这三个软件,当然,还可以用到其他一些辅助软件就会加快网页的设计了,比如:
SothinkDHTMLMenu, Sothink_Logo_Maker等软件,这些软件不仅可以快速开发出导航,logo等,而且很漂亮,美观.
制作网页,首先是确定主题, 每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,每一部分又分几小部分,内容比较充分,多样。内容精彩丰富,简洁明快,语言风趣,通俗易懂。页面可爱清爽。
而我们这次的实习就是用这几款软件来设计,主要使用div+css来布局,避开传统的table(表格)布局
DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题:很多“网站如何推广”的文章中称,搜索引擎一般不抓取三层以上的表格嵌套,这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来,但根据目前掌握的情况来看,Spider爬行Table布局的页面,遇到多层表格嵌套时,会跳过嵌套的内容或直接放弃整个页面。
使用Table布局,为了达到一定的视觉效果,不得不套用多个表格。如果嵌套的表格中是核心内容,蜘蛛(Spider)爬行时跳过了这一段没有抓取到页面的核心,这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。
代码精简所带来的直接好处有两点:一是提高蜘蛛(Spider)爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到蜘蛛(Spider)欢迎,这样对收录数量有很大好处。
而DIV+CSS布局基本上不会存在这样的问题,从技术角度来说,XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认,但还是建议使用Table布局的朋友们,在设计时尽可能的不要使用多层表格嵌套,SEOer(seo工作者们)们在文章中说明了这一点,相信他们也不是没有依据。
网页设计需要更多的练习,分享给大家
DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局,一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面,但事实证明使用XTHML架构的网站排名状况一般都不错。
DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度:DIV+CSS布局较Table布局减少了页面代码,加载速度得到很大的提高,这在蜘蛛(Spider)爬行时是非常有利的。过多的页面代码可能造成爬行超时,蜘蛛(Spider)就会认为这个页面无法访问,影响收录及权重。
真正的SEOer(seo工作者们)不只是为了追求收录、排名,快速的响应速度是提高用户体验度的基础,这对整个搜索引擎优化及营销都是非常有利的。 换一个角度抛开DIV+CSS对SEO的有利影响.单独来讲这种div+css布局也是很有益的,可以说是实下是最流行的网页布局方式.当然div+css布局也有不完善的方面.
总之Div+css布局的优势如下:
由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。
页面体积变小,浏览速度变快,这就使得对于某些控制主机流量的网站来说是最大的优势了。 由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。
DIV+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。
我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。
好的网页,也离不开photoshop,前面我也说了,flash的制作所需要的图片都要在photoshop中事先PS好的。那么photoshop的作用就显得很重要了,网页中的flash都仅仅是一小部分,图片占的分量还是比flash要大的,故好的
网页设计需要更多的练习,分享给大家
photoshop技术,那么PS出来的图片就会显得更好,这样网页的档次也会随着上升。这次的网页设计,因为是仿照一张图片,那么就要求我们要懂得photoshop中的切片工具的使用。切好片后,还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大,然后才来控制切片线的位置。
从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂,不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够,缺点疏漏。需在加以刻苦钻研及学习,不断开拓视野,增强自己的实践操作技能,为以后能做出出色的网页。
正在阅读:
网页设计心得体会08-14
畅游书世界作文500字06-17
北航计算机组成原理-实验报告 - 图文10-13
自考高级财务会计核算题05-03
桩基桩长及内力的计算 - 图文04-08
中国地质大学(武汉)地质学基础试题库06-08
人教版八年级下册地理知识点10-07
山东大学网络教育2008秋《管理信息系统》考试题加答案11-16
维夏中学寄宿生管理制度12-06
- 供应商绩效评价考核程序
- 美国加州水资源开发管理历史与现状的启示
- 供应商主数据最终用户培训教材
- 交通安全科普体验教室施工方案
- 井架安装顺序
- 会员积分制度
- 互联网对美容连锁企业的推动作用
- 互联网发展先驱聚首香港
- 公司文档管理规则
- 机电一体化系统设计基础作业、、、参考答案
- 如何选择BI可视化工具
- 互联网产品经理必备文档技巧
- 居家装修风水的布置_家庭风水布局详解
- 全省基础教育信息化应用与发展情况调查问卷
- 中国石油--计算机网络应用基础第三阶段在线作业
- 【知识管理专题系列之五十八】知识管理中如何实现“场景化协同”
- 网络推广方案
- 中国石油--计算机网络应用基础第二阶段在线作业
- 汽车检测与维修技术专业人才培养方案
- 详解胎儿颈透明层
- 心得体会
- 网页设计
- 新药基因毒性杂质风险分析Risk assessment of genotoxic impurities in NCE
- 原州中学教师招聘2019年考试真题及答案解析
- 邯郸东门外小学每周家校联系卡养成小提示
- 大一近代史纲要考题
- 地氟病防治主题班会
- CDMA2000 1 spl times EV-DO revision a a physical layer and MAC layer overview
- 深圳市海普瑞药业股份有限公司 关于内部控制规则落实情况整改完成
- 我国农村生物质能源利用研究_沼气发酵与生物质直接燃烧的技术经济效果对比分析(1)
- 支气管镜指南
- 人教版小学四年级数学下册第三单元测试试卷
- 护士长管理津贴考核标准20121021(1)
- 施工总结报告(样表)
- 普外科实习学生出科考试试题 (第二套)
- 武汉北京实习植物名录
- 直肠前突型便秘病例相关征象分析
- 消除心理烦恼_快乐成长一
- 中考数学压轴题详解—圆
- 难忘的那一刻 陈悦
- 无法网络共享打印机网络共享打印机交流
- 某住宅精装修项目成品保护方案