• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 零基础的人如何在一个月内做出令人惊讶的网站?

零基础的人如何在一个月内做出令人惊讶的网站?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML,CSS,kindle,Apple,first等相关知识,匿名希望在学习及工作中可以帮助到您
我是一个刚刚开始学习HTML及CSS的小白,老师给我的第一个任务就是在自学的基础上做出一个尽可能的优秀的网站。
我刚读完《head first: html and css》,但感觉远远不能达到自己心目中的要求。我希望以Apple的主站为效仿对象,做一个关于kindle的网站,各位大大帮帮忙

回复内容:

http://repair.ruchope.org
整个建站过程不超过三天,使用Wordpress建站系统,使用Apple IOS7风格的主题
使用的工具有
Wordpress建站系统
http://cn.wordpress.org

Satellite7模板

http://pan.baidu.com/s/1sj4Oxlj

我的站点是在一台Linux服务器上,不过初学者推荐使用WAMP,也方便在自己的电脑上给你老师做展示
WAMP网站服务器软件
http://wampserver.com

如何使用WAMP搭建Wordpress站点
http://jingyan.baidu.com/search?word=wamp+wordpress

========================
Satellite7模板是付费模版,做作业可以,切勿商业使用

想学习Web开发的可以关注我,查看我的其他回答

========================
最后劝题主心不要太大
罗马不是一日建成的
不要总想着第一次就要惊世骇俗,一鸣惊人
踏踏实实学习,一步一步来
我的第一个网页就是用html和css纯手写的,很简单,没有js
然后看书不推荐head first系列,太多哗众取宠的内容和词语,只是读起来轻松,此外多读无益
一边学习一边实践
祝题主早日成才
========================
最后抱怨一下
知乎上怎么越来越多讽刺挖苦装逼秀优越的回答
人与人之间最基本的信任友爱互帮互助哪里去了 请人帮你做,你自己经营内容就好了 找个好设计。 还有一个月,做出一个网站是可以的。不过从可行性的角度来说,如果采用以下的方式会更好一点。
1.网站尽量不要做得页面太多,太复杂,里面的页面几个就好,时间不用花的特别多在内容的扩展上而更多的放在有限界面的美观上。
2.想办法网上下载以下别人的网站,在此基础上修改是个不错的偷懒办法。修改的时候搭上自己觉得美观的图片,能让网站让人耳目一新。
3.同一个页面上也不要有太复杂的逻辑,不要在样式的变化上花很多时间。
4.尝试学习一个几个比较炫酷的JS的调用。具体的你可以搜索一下哪些能调用的,然后在你的网站上根据你的想法去用,那就很棒了。 Apple的官网不难做啊
如果只求做出一样的效果,10分钟的事吧
唯一有一点技术含量的地方就是轮播,网上随便找个插件好了
head first: html and css当个入门读物还不错,想要精通还是要看权威指南 今天18号了,不知道题主目前的进度怎么样了。有两个实战教程我觉得对题主目前是有用的,能立刻看到效果。

基于我的理解,楼主的意思大概就是做几个简洁大气布局风格页面介绍kindle,不需要做什么后台管理系统。

So,我建议实战布局练手出发,楼主可以先仿照一个豆瓣网首页静态页面,(为什么选豆瓣首页,因为有教程!!——完完整整讲解布局附带视频同步敲代码!懵懂新手入门福音!)[PHP_豆瓣前端首页公益公开课实战开发课程【后盾网】]-百度传课,教程19节,对新手来说很详细很通俗易懂,照着老师讲解敲完这个,题主对仿照别人的首页布局页面绝对就会有点感觉了。然后你就可以试着自己先仿照苹果首页布局了。

楼上还有推荐用bootstrap前端框架做,题主有兴趣用框架的话,可以看看这个教程,是慕课网-国内最大的IT技能学习平台的教程视频,每节课短小精悍易于新手理解还带实战。
链接如下:
基于bootstrap的网页开发丨章节
同样的,一边看这个教程一边敲教程里的代码实战练习,即便原理不清楚,绝对是会用bootstrap框架搭建网页了,很方便。 尽心尽力地装扮自己的QQ空间 这个确实有些困难,你可以试着做一些简单的布局,我认为博客园的首页不错,你可以试试临摹一下

我是在平板上用竖屏模式截图的,可能有点别扭,网址是http://cnblogs.com

题外话:
博客园作为国内知名的IT交流平台但界面做得这么“古朴”曾经让我感到不解,作为程序员交流平台程序猿有的是为何没人站出来改良下界面?经过与大家交流,我总结出三条原因
1.程序猿的博客做得那么花哨干什么,这样反倒能凸显逼格
2.每个用户的博客用户可以自定义样式的,想做好看自己弄啊
3.毕竟这套程序很老了,有的大牛说越老的程序到后面想改动越麻烦,所以还不如这样
于是博客园在前端爆发技术的今天还是这样。。。 我觉得我还是有资格回答这个问题的!虽然过程无法想象!结果还算满意吧......
本人没有任何网站建设的基础;但是却在一个月内完成自己满意的网站!
从设计到建设-甚至手机端!

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
  • 2018-12-03解决img标签上下出现间隙的方法
  • 2018-12-03html5拖曳操作 HTML5实现网页元素的拖放操作_html5教程技巧
  • 2018-12-03html 基于 canvas 实现截图的介绍
  • 2018-12-03对HTML5中表单新增属性的分析
  • 2017-08-06HTML5引入的新数组TypedArray介绍
  • 2018-12-03详细介绍7 款超具个性的 HTML5 播放器的图文详解
  • 2017-08-06html5各种页面切换效果和模态对话框用法总结
  • 2017-08-06html5在移动端的屏幕适应问题示例探讨
  • 2017-08-06HTML5移动端开发中的Viewport标签及相关CSS用法解析

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5与Flash对比
    • HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
    • html5将来会取代native app 吗,我现在学native app,比如android,会不会白学了,以后被淘汰?
    • 【HTML5】Canvas绘制简单图片教程
    • Drag事件编辑器实现拖拽上传图片效果
    • HTML5 js实现拖拉上传文件功能
    • HTML5仿苹果手机的面板合拢折叠效果
    • 在HTML5 Canvas中放入图片和保存为图片的方法
    • HTML5 语音搜索(淘宝店语音搜素)_html5教程技巧
    • html5的离线存储问题汇总

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有