- HTML结构:HTML是页面的骨架,它定义了页面中的各种元素和它们之间的关系。在制作作品时,我使用HTML标签来组织页面的内容,包括标题、导航栏、搜索框、商品展示区等部分,以及定义各元素之间的关系。 2. CSS样式:CSS是页面的外观,它定义了页面中元素的样式,包括颜色、字体、布局等。在制作作品时,我使用CSS选择器选取各个元素,并为它们添加样式,从而实现页面的美化和布局。 3Javascript:通过用户点击按钮输入用户名和密码来判断用户输入的是否正确提高的交互性 增强用户的体验感
总结 首先,认识到了设计的重要性。京东作为一个知名的电商平台,它的页面设计直接影响用户的购物体验和对品牌的认可度。因此,在制作京东页面时,注重了页面的整体布局、配色方案、字体选择等方面,力求使页面呈现出专业、美观的视觉效果。 其次,学会了使用HTML和CSS来构建页面结构和样式。在制作京东页面时,运用了HTML标签来组织页面的内容,使用CSS来定义元素的样式。学会了合理使用各类HTML标签和CSS属性,以及如何通过CSS选择器来选取元素并为其添加样式,从而实现页面的布局和美化。 另外,了解到了响应式设计的重要性。京东作为一个大型电商平台,用户使用不同尺寸的屏幕进行访问,因此我在制作页面时考虑了不同屏幕大小的适配。我使用了媒体查询和弹性布局等技术,确保页面在不同设备上都能够自适应地呈现,并提供良好的用户体验。 最后,体会到了团队合作的重要性。虽然这次作品是个人完成的,但在实际工作中,前端开发往往需要与UI设计师、后端开发人员等进行密切合作。良好的沟通和协作能够提高项目的整体效率和质量。 总的来说,制作京东页面的作品是在Web前端开发领域的一次实践和锻炼,更深入地了解了设计的重要性、HTML和CSS的应用、响应式设计、与后端开发的配合以及团队合作的重要性。
源码在GitHub