网页设计制作方案
先来说说网页设计技巧：
一、首页设计技巧
网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一种好感，即使您不会购买，也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其产品或服务产生质疑。好，现在说说网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品”。既然如此，我们会因此而得出一个结论：精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提出建设性的意见。
二、风格保持一致——内页设计技巧：利用导航取得统一：导航是网站的一项重要组成部分，一个出色的导航将会给人留下深刻的印象。
三、色彩搭配：我的页面顶部有一点朴素沉闷，这与我想突出文字的沉韵气质有关，但这样为免让人压抑，于是在首页中用了大篇幅的粉色系图案来减轻这种沉闷，同时又使用了含金属光泽的边框来给人干净理性的感觉。
再来说说网站制作：
一、制作前的准备：
我们都知道制作网页效果图之前，首先需要进行相应的准备，而不是打开软件上来就进行制作，首先要分清你要什么，你有什么。
（一）、网站的策划阶段：
1.所要设计网站的类型。（我所做的这个网站是小说推荐网，它的类型属于使用者通过浏览器就可以获得网站所提供的信息与服务，我是信息的收罗者和部分信息的提供者）。
2.网页的构成。（我知道不同性质和类别的网站，页面的内容安排是不同的。我所做的这个网站主页的基本内容包括标题、导航、主体内容等，其他页面相对简单。）
3.页面的安全尺度。（建议分辨率为1002*768）
4.页面功能设计。（一个好网站的要时时与浏览者互动，沟通，于是加入了E-MAIL和QQ联系方式，同时我希望浏览者在一个有美妙音乐的环境中浏览我的网站，因此在首页中加入即开即停的音乐播放器。
5.素材的收集和整理。（由于前面已经把网页的类型，内容和功能确定了，接下来就可以根据确定好的内容和类型来收集素材，素材包括文字和图像，在我的网站中所涉及的图片大多是一般网络上可以找到的。它们只是被我拿过来进行了一点点加工和处理。
（二）、网页的版式布局阶段：我的网站中的版式布局大致使用的是水平分割，灵活部局的方式。
（三）网页的配色阶段：
通过对图片进行PS，在PS中进行了配色，决定采用与顶端图像相似的颜色，同时不加入背景，以防止背景图像对页面的干扰。
二、效果图的设计（略写）
由于我所做的是小说推荐网站，不需要太多的修饰与华丽的布局，所以采用了对称性设计这一理念，显得结构严谨而整洁。
三、网站页面的生成（略写）
创建Web站点——制作形象首页——使用Photoshop进行切片并保存——使用Dreamwaver CS4进行调整并编缉——形象首页完成这次的设计主要以表单为主进行的设计，再在单元格中加入所需元素，除首页以外的其它页面大致设计过程一样，同时为了增强条理性，相同类型的分页面格式一样。以上内容由武汉IT新时空设计学院整理发布，转载请注明来源！
网页设计及制作 【实习目的】 熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。 过网页设计理论联系实际操作，巩固所学的知识，提高处理问题的能力。 充分学习 网页设计实践中的操作理论，提高自己网页设计水平，并为能顺利与社会环境 做准备。 【实习时间 【实习地点 未来路锦江国际花园9栋501室 【实习单位】 郑州市托斯卡纳餐饮有限公司 【实习内容和过程】 实习内容: 我在托斯卡纳餐饮公司旗下的56网络蛋糕店一个月的实习，我的工作就 责设计整个网站的页面部分。为其一个月的实习，使我第一次亲身感受到了 识与实际的应用，作为一个网站美工除了要求网页三剑客，ps,这些必会的 软件以 外, 还要对Html 用的很熟,对ASP 或PHP 或jsp 要有初步的了解。 通过这 次实习，进 步巩固和深化所学的理论知识，为以后的工作打好基础。 以下是我做的一些实习过程中的经验总结 (1表达一定的艺术效果 接轨 2012年2月 15日至2012年3月15日 是负 所学知
一个成功的网站应该把网页设计得吸引人，同时又要传达设计思想和情感。网页作为一种媒体，它必须具有一定的艺术感染力，一个平淡无奇、杂乱无章或毫无 美感的网页很难会有浏览者喜欢，更不要说让浏览者去注意它的内容了。(2使页面 结构清晰可读性强 经常可以看到这样的页面，上面堆砌了许多内容，却没有考虑它的空间框架 人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程，这是典型 的没有注意到编排清晰度、可读性的表现。 (3实现不同的功能 在网络这条信息高速公路上，网页最主要的功能就是一种传递信息的手段。 此，它一切内容都是为了这个目的而服务，都是要围绕这个中心进行设计的。然而，要实现这个功能，网页的美工设计和内容都必须有针对性。所谓针对性，就是指对不同类别的网页要求采用不同的美工艺术效果。 (4网页的内容 网页设计人员美化网页，增加网页设计的艺术感，都是为了网页设计的内容服务的。一般来说，网页的几项基本内容：标题、网站标志、主体内容、导航、广告栏等。 (5确定网站的类型 在设计网页之需要做大量的准备工作，需要思考以下几个问题：1、网站的类型: 站点属于新闻、娱乐、商务类的综合站点，还是个人主页； (6确定网站的风格 如果浏览者主要是年轻人，页面就要设计得基调明快，活泼富有朝气；如果针对的群体是政府工作者或科学工作者，那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童，页面则要设计得温馨、友爱、轻松；如果针对的群体是恋人或从事艺术工作的人，页面就要设计得浪漫并有艺术感 (7确定网页之间的链接关系 在网站的总体规划列出来后，就必须要考虑各个网页之间的关系，是星型、树型、网型还是直线链接。
网页设计与制作教程 第一章基础篇 1.INTERNET和WWW INTERNET的功能和应用 1．信息的获取与发布 2．电子邮件 3．网上交际 4．电子商务 5．网络电话 6．网上事务处理 7．远程登陆 8．文件传输 9．电子公告版 10．全球信息网 11．INTERNET的其他应用 WWW简介 1．网页，网页文件和网站 2．HTTP和FTP协议 3．超文本和超链接 4．INTERNET地址 5．域名 6．统一资源定位器（URL） 7．HTML 常见网络浏览器----IE 第二章网站建设概论 （1）信息类网站 （2）交易类网站 （3）有偿信息类网站：101网校、 （4）功能型网站 （5）综合类网站 2.根据网站的性质分类： （1）政府网站 （2）企业网站 （3）商业网站 （4）教育科研机构网站 （5）个人网站 （6）非赢利机构网站 （7）其他类型的网站 3.根据在大型搜索引擎上的设置分类 4.娱乐和休闲类网站；商业与经济类，艺术，人文，健康，医药，政府，政治类，电脑与 网络类，社会和文化，科学与教育类，参考资料类 2.1.2网站建设的步骤 1．制作环境的准备：1）设备：扫描仪，数码相机，打印机2）完善系统环境3）备齐网页开发工具软件，网页制作工具，服务器端程序开发工具及一些实用的辅助工具。。。4。
备齐素材制作和加工软件，包括对图形，动画，刘媒体和声音进行处理的素材制作和加工软件 5）备齐常用的网站发布工具，如FTP文件传输软件 2.网站目标的确定：对象：访问者的类型；主题明确，数据充分。保持目标的简洁 3.网站主题，风格和创痍点的确定 1）主题选材要小而精 2）擅长或感兴趣的内容 ）选题不要太滥：因特网上只有第一，人们记不住第二第三名 2）网站的风格：CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等诸多因素 1）确信风格是建立在有价值的内容上的 2）需要彻底弄清楚站点给人的印象是什么 3）在明确网站印象后，开始努力建立和加强这种印象：1）标志（LOGO）2）色彩3）标准字体4）醒目标准口语5）统一图片处理效果7）使用网站特有的图标；使用自己设计的花边，线条和点；；9）展示网站的荣誉和成功作品10）告诉网友关于个人真实的故事和想法3）网站的创意（准备期，孵化期，启事期，验证期，形成期） 4.网站结构的确立：1）网站结构的确立2）网站目录的设置3）网站链接结构的设置：树状连接结构；星状链接结构3）两种结构的综合 5.网站素材的准备 6.网站制作工具的选择和确定：DREAMWEA VER和FRONTPAGE，PHOTOSHOP，FIREWORKS，动画制作工具：FLASH，COOL 3D；网页特效工具，网页特效精灵，有声有色 7.网站的建设 1）申请E---MAIL帐号 2）申请网页空间：1。打开虎翼网空间申请主页 3）域名注册：对于个人网站，在申请免费网页空间的同时也完成了域名的注册 4）网页制作：先简单后复杂，布局先大后小，制作网页时要多灵活运用软件配备的设计模板，这样可以大大提高制作效率 8。网站的测试（看看有没有问题）和上传（将网站发布到WEB服务器，网页制作工具本身具有FTP功能） 9。网站的宣传和推广（搜索引擎上注册，与别的网站交换链接，运用网络广告） 10.网站的更新和维护：必须不断给它补充新的内容，才能够长期吸引住浏览者 2.1.3 网站设计的原则 1）网站主题不要多于三个：小而精，定位小 2）网站的标准色彩不要超过三种 3）重视网站目录结构的创建（创建目录的原则百度上找出来）：不要将所有文件都存在根目录下，目录层次不超过三层，不要使用过长的目录名，尽量不要使用中文目录名 4）链接层次不要超出三层（便于维护） 5）网页长度应限定在三个整屏以内 6）表格的嵌套层次要控制在三层左右（表格插入表格里） 7）网站导航要清晰 2.优秀网站的五大要素 1）网站内容丰富 2）页面下载速度快（网页简单，不要大量图片）
网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：
目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)
1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。
4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素
《网页设计与制作课程设计》 实验报告 院系名称：管理学院专业班级：电子商务XXX 学生姓名： XXX 学号： XXXXXXX 2016年 06 月 一、实验目的 本实验属于设计性实验，在学习完《网页设计与制作》课程的基础上，通过实验学习网页制作的步骤与方法，使用CSS+DIV制作一个简单的网站，能够对网站有一个清晰的认知和规划。进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构。将理论与实践相结合，加深对本课程的理解。 二、实验步骤 1、进行网站整体规划，包括网站主题、栏目以及界面的构思，确定网站结构，形成初步设计思路。 2、设计网站的主页以及栏目，利用CSS+DIV制作网站主页和弹出式导航条菜单，利用JavaScript制作动态效果，并用firework软件对主页进行切图。 3、设计并利用CSS+DIV制作列表页，并用firework软件对列表页进行切图。 4、设计并利用CSS+DIV制作内容页，并用firework软件对内容页进行切图。 5、进行调试和修改已形成最终实验结果。 三、网站设计思路 1、参照“唯品会”“折800”等电商网站，确定网站主题为“轻奢电商”。 2、设计网站主页,主页设置首页、美妆、服饰、零食、母婴、关于我们、在售分类等七个一级栏目。其中美妆、服饰、零食、母婴四个栏目含有二级栏目。
3、首页设置品牌热卖、限量抢购等图片展示，并利用Javascript设置用户名和密码的表单验证，在图片之下设置一个新闻列表提供有关网站的最新消息，右侧设置账户、密码的表单验证，并在网页结尾处写上官方微信和版权信息。 4、由主页导航栏上的的在售分类引出列表页，在列表页中采用新闻列表样式具体展示本企业的全部商品分类并设置超链接。 5、由列表页中美妆|女士护肤|洁面弹出具体的内容页面，主要由图片以及相应的文字介绍组成。 四、网站的核心代码 1、主页