一个网站的诞生- MagicDict开发总结1 [首页]

news/2024/5/20 15:31:21/文章来源:https://blog.csdn.net/weixin_33755847/article/details/93313628

    能够自己拥有一个 个人网站,可能是很多人的梦想。在这个阶级固化的时代,我们需要一个梦想和目标。。。。

    由于本职工作不算忙碌,自己对于动手制作网站有兴趣,所以,从去年9月底开始,萌生了制作一个个人网站的念头。

    一直从事COBOL,PL1等非面向对象的工作,借着开发网站的机会,过过面向对象的瘾.使用VB10年了(VB6-VB2010),这次作为挑战,同时为了以后择业面考虑,开发语言也准备用C#。至于网站的内容嘛,由于工作需要日语,同时处于一个对日外包的圈子,以及对现有在线字典的有些不满,所以准备自己开发一个日语词典网站。目标是能够成为沪江小D那样的伟大的网站。

    一个伟大网站,需要有一个好的首页。一个好的首页,我的定义是:整洁干净,导航明确,有自己的风格。

    怎么做出一个好的首页呢?

    由于自己是做技术出身的,对于设计,视觉效果,不是非常精通。好在我们是一个善于山寨的民族,借鉴一下成功的网站设计,是一条成功的捷径。由于想成为沪江小D,所以,先从他开始山寨。于是乎,第一个山寨首页在2010-10-2日诞生了。

[还好,以前有手写HTML,CSS,JS的功底,HTML还是很熟悉的。不过,兼容性还是将我打败了,这个话题以后再写了]

这个可是网站的原始设计图阿,清汤挂面,没有使用任何CSS,如果什么时候网站IPO了(醒醒,这里不是美国,别做美国梦了),这个可是具有历史意义的图片阿。

    首页,要干净,颜色尽量少一些。千万不能太花哨了。花哨其实就是不专业的代名词。

    简约不简单,这个是永远的王道。就像黑色和白色是永远最安全的衣服颜色一样。

    最初的网站,就是一张图片,一个输入框,2个检索按钮,用惯了Google的同学们一下子就知道怎么检索了。

    同时为了表示向沪江小D的致敬,也放了热门检索词的联结(其实,到现在为止,热门词不是统计出来的,是本人手工设定的。。。)

    最初的东西,总归很纯真,简单,就像爱情一样。

    不过随着时间的推移,功能的增加,首页也开始注入新的色彩了。CSS是必须的。在用户体验上,增加了输入检索词语的同时,下拉列表框显示提示词语的功能,首页也变得丰富多彩了。下图是2011年1月28日的截图

    关于如何实现 边输入 边提示候选列表,这个如果大家需要的话,将在下一篇文章中介绍。

  (做这个功能的时候 ,我第一次开始感觉到万恶的浏览器兼容性问题,向所有前台程序员致敬)

   其实做到这里,总结下来就是,

       第一:如果你不知道什么样的设计是好的设计,你的网站不是以设计为卖点的,最好的方法是,借鉴前辈成功的同类型网  站的设计。

(就像所有的团购网,都是商品图片加一个带有价格的标签一样,我虽然不是设计最好的,但是和大家保持一致,不会吃亏)

        第二:HTML一定要手写,别用什么自动工具,一来没有冗余代码,二来,你知道所有代码的含义。

                FireBug是前台的法宝,JS,CSS,都靠这位同学了

        第三:IE,FF,Chrom,这三个浏览器兼容性很不好,所以,前台的同学,伤不起阿

  最后到了现在,首页又增加了很多内容,并且加了Google的广告和来访者统计,变成了下面这个样子了。

  坦白说,广告栏一加,首页的档次下了一个台阶了,不过,为了体验一下广告系统,还是加了(广告费,对于小网站来说,根本就可以忽略不计,不过,有一点灰色收入,能从伟大的Google 那里拿点钱,还是很有趣的。。。。)

   

 

在开发网站的时候,每个阶段都会截一张图做纪念。看着首页的变化,能够回忆起一些制作时候的快乐和郁闷。

做网站就像十月怀胎一样,制作的时候很苦,做成的时候很兴奋。

可能现在自己的网站人气不高,不过,怎么说也是自己的孩子,打上了自己烙印了。

 

因为是第一篇文章,又是谈谈我不擅长的设计,所以可能篇幅不够长,下面的文章会谈谈技术和数据库设计。

 

另外,觉得一个人做网站太苦了,有人愿意加入网站开发吗?日语单词检索网站,ASPNET开发的。

有兴趣的写信给我 root#magicdict.com   [convert # to @ ]

或者加MSN mynightelfplayer@hotmail.com

网站地址 http://www.magicdict.com/

 

(文章有推广自己网站的嫌疑,请猴子手下留情阿。。。。) 

 

转载于:https://www.cnblogs.com/TextEditor/archive/2011/05/28/2060840.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_800078.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

网站图片全自动加密_网站发布的视频如何禁止下载播放?

即便视频通过一机一码加密工具加密,还是觉得通过网盘、邮箱等给学员或用户传送加密视频太麻烦?想让学员不用下载加密视频本地存储就实现在线观看?这种情况均可以通过搭建视频类网站可实现,但需做好对网站视频加密做好安全防止盗用…

常用的40个网站制作技巧

1. οncοntextmenu"window.event.returnValuefalse" 将彻底屏蔽鼠标右键 <table border οncοntextmenureturn(false)> <td>no </table> 可用于Table 2. <body onselectstart"return false"> 取消选取、防止复制 3. οnpaste&q…

[JavaScript] Firefox 插件开发(网站编辑转发工具)

&#xff10;&#xff18;年 公司为了让网站编辑工作方便&#xff0c;做过这么一个简单转发文章的firefox插件。 功能&#xff1a;在firefox右键菜单&#xff0c;弹出调用页面把当前网页部分内容 Post 到网站中。 代码下载&#xff1a;firefox插件右键转发文章  &#xff08;…

自定义SharePoint新网站创建过程

在一个SharePoint网站的网站设置页面中&#xff0c;使用“将网站另存为模板”链接&#xff0c;管理员可以将整个网站保存为一个扩展名为.stp格式的模板。使用这个stp网站模板&#xff0c;管理员可以重复创建同样结构&#xff08;和内容&#xff09;的新网站。那么这种stp格式的…

从LiveJournal后台发展看大规模网站性能优化方法[zz]

http://blog.zhangjianfeng.com/article/743 因近期打算对公司应用架构进行调整, 其中的一些思路值得借鉴. 以下为转载内容: 一、LiveJournal发展历程 LiveJournal是99年始于校园中的项目&#xff0c;几个人出于爱好做了这样一个应用&#xff0c;以实现以下功能&#xff1a; 博…

WEB开发中两个新建模版的比较(仅针对VS2008讨论):新建网站》ASP.NET网站和新建项目》ASP.NET WEB 应用程序...

一直以来自己不是很清楚这两者之间到底有什么区别&#xff0c;只知道怎么去用&#xff0c;今天看书时又看到这个问题了&#xff0c;所以就网罗了一下大家的观点&#xff0c;并自己做了一下比较&#xff0c;再次声明&#xff0c;目前所有的比较内容都是建立在VS2008开发环境下的…

QQLIVE的电影搬到你的网站

以上是QQLIVE内的影片演示&#xff0c;打开QQLIVE播放页面&#xff0c;以让子弹飞四川话版为例&#xff0c; 播放页面地址&#xff1a;http://live.qq.com/cover/a/amjzx3jr21o7cv1.html 在播放页面空白处单击鼠标右键查看源代码&#xff0c;找到分集&#xff0c;如图中所示把 …

如何真正提高ASP.NET网站的性能

前言怎么才能让asp.net网站飞得更快&#xff0c;有更好的性能&#xff1f;——这是很多开发者常常思考的一个问题。我有时候会做大量的测试&#xff0c;或请求别人帮忙采集一些数据&#xff0c;希望能够验证网上一些专家的建议或证明自己的一些猜想。理论上讲&#xff0c;我们希…

vs2005简单的使用控件,实现网站常用的任意文本超链接

本文很简单的介绍一个网友的问题&#xff0c;没什么技术含量&#xff0c;仅为充实一下自己的生活哈&#xff01;高手闪人…… 这是一个datagrid控件&#xff0c;图片那列是一个超级链接列&#xff0c;现在想把数字都用“详细”两个字给代替了。要怎么做&#xff1f; 这种情况在…

三鹿集团网站多次被黑 再度关注.net安全开发

转: 9月12日中午大约13时&#xff0c;笔者欲登陆三鹿集团网站&#xff0c;查询“婴儿患肾结石”最新进展&#xff0c;发现三鹿集团网站无法登陆&#xff0c;该网站导航栏出现“三聚氰胺集团”字样。20分钟之后&#xff0c;网站恢复正常。 截至笔者发稿时&#xff0c;三鹿网站仍…

简单五步走,让你的网站增添光彩

2019独角兽企业重金招聘Python工程师标准>>> 现在大部分网站站主很少懂得用HTML去写自己的网站&#xff0c;他们更多的是依赖一些已经制订好的网站模板&#xff0c;他们只需要复制粘贴就行&#xff0c;而他们都没有想过要怎么去改一下&#xff0c;让自己的网站更加个…

HubSpot – 网站开发必备的 jQuery 信息提示库

HubSpot 一款功能丰富的 jQuery 消息提示插件。它可以帮助你个性化显示您的应用程序的事务性消息。您可以轻松地包裹 Ajax 请求进度&#xff0c;成功和错误消息&#xff0c;还可以添加操作链接到您的消息中。 HubSpot 内置五种风格的主题&#xff0c;以及可以定义六种显示位置&…

dedecms生成xml格式网站地图

网站地图现在在seo中的位置越来越重要,今天我们来说一下,如何用dedecms生成首页的功能,方便快捷的生成xml格式网站地图 每一步: 新键个xml格式网站地图模板供dedecms解析,如下: 以下为引用的内容&#xff1a;<?xml version"1.0" encoding"UTF-8"?>…

php获取网站截图,异步获取评论者网站截图

先上效果(泉哥,这回你可以试效果了,真的放在网站了哈哈哈) 昨天写的抓rss是用PHP的方法,而我们知道PHP本身是不能多线程异步加载的,确实对网速影响太大,所以异步还是不得不用的,只能换了个jQuery的方法,改写自Akismet后台预览,另外,声声说以前willin弄过友链先上效果(泉哥,这回…

PHP解决大流量网站访问量问题

为什么80%的码农都做不了架构师&#xff1f;>>> 当一个网站发展为知名网站的时候&#xff08;如新浪&#xff0c;腾讯&#xff0c;网易&#xff0c;雅虎&#xff09;&#xff0c;网站的访问量通常都会非常大&#xff0c;如果使用虚拟主机的话&#xff0c;网站就会因…

科技创业网站

http://www.mittrchinese.com/

卸载网站安全狗之后网站无法访问问题

图1.网站报错 卸载网站安全狗之后遇到网站打不开问题&#xff0c;请检查IIS 筛选器、IIS通配符应用程序设置以及Web服务扩展这3个地方是否存在网站安全狗插件。 图2.IIS 筛选器 图3.IIS通配符应用程序设置 图4.Web服务扩展 如果存在则手动删除&#x…

IE8使用技巧:在某些网站中无法保存登录信息的解决方法

IE可以帮助用户自动记录登录论坛、购物、博客等网站时输入的用户名和密码&#xff0c;当用户再次登录时就不必那么麻烦的重新输入用户名和密码了&#xff0c;这就是传说中的Cookie在发挥作用。IE8为了安全性考虑&#xff0c;会阻止一些网站记录您的Cookie&#xff0c;以防止被非…

23个带给你灵感的国外单页网站设计精美范例

单页网站是指只有一个页面的网站形式&#xff0c;有些人非常喜欢这种网站。不过&#xff0c;并不是每个网站都适合做成单页&#xff0c;一般都是内容比较少而且将来内容也不怎么增加的情况才适合这样做。如果您打算做一个这样的网站&#xff0c;那么本文收集的23个漂亮的国外单…

高并发高流量网站架构

2019独角兽企业重金招聘Python工程师标准>>> Web2.0 的兴起&#xff0c;掀起了互联网新一轮的网络 创业大潮。以用户为导向的新网站建设概念&#xff0c;细分了网站功能和用户群&#xff0c;不仅成功的造就了一大批新生的网站&#xff0c;也极大的方便了上网的人们。…